@charset "utf-8";
/*
  @project nakryj.pl
  @name main.css
  @created 2008-12-16, 10:55:34
  @author Konrad Pociask mail at konradpociask AT gmail DOT com
  @description  Cascading Style Sheet for nakryj.pl
*/

/* GENERAL INFORMATIONS
----------------------------------------------------------------------------------------

  IMPORTANT! This CSS file assumes that you are using browser_core.css for reseting
             basic browser styles. Something might be displayed badly if you do not
             include mentioned file before this very file.

  Manu other files (mostly from third party plugins) make the website but this is the
  true main stylesheet.

  Class properties sorted by its name (with few exeptions where I have failed) from
  a to z. Eg: backgorund, color, display, padding, width.

  Shorthand properties used for background, margin and padding.

  Hacks:

    [IE6] * html div {}
    [IE7] *+html div {}
    [:after hack] for clearfix/clear box expanding

    No heavy hacks used (eg. css expressions). No hacks based upon unsupported
    selectors.


  Not all class names appy to the "true" element purpouse -- a drawback for coding
  fast. All I can say is sorry.

  This file is quite long, so I advise serching for selectors or line numbers. Some
  content divided with comments but it was hard to stay true to that rule.

  Layout based on floats not absolute/relative positioning although the dimentions
  are fixed.

  General width of the page: 990px = 654 (main) + 18 (spacer) + 318 (side)

  Basic colors used (the names are written by a male and are not meant to be accurate):

    #ffffff White
    #000000 Black

    Browns (darkest from top):

    Blues (darkest from top):

    Reds (darkest from top):


    Yellows (darkest from top):


    ***

    Acronyms used (in class names, eg. lts-pc-pl means latest-pictures-places):
    [Deprecated at some point, so it does not apply at many places but left
     for information.]



*/

/* RESET and LAYOUT styles [section]
------------------------------------------------------------------------------------------ */

* {
  font-family: Arial, Helvetica, Sans-Serif;
  margin: 0;
  padding: 0;
  }

h1, h2, h3, h4, h5, h6,
p, span, ul.list li, a, td {
  font-size: 12px;
  line-height: 18px;
  }

a
{
	color: #2c5aa0;
	outline: none;
	outline-width: 0;
	text-decoration: none;
}

a:active {
  outline: none;
  outline-width: 0;
  }

a:hover
{
	color: #7a0102;
	text-decoration: underline;
}

html 
{
	color: #333;
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  padding: 0;
  width: 100%;
  }
body {
  color: #333;
  font-size: 12px;
  line-height: 18px;
  margin: 0;
  padding: 0;
  width: 100%;
  }
  
   img {
  border: 0;
  }
  
p
{
	margin-bottom: 18px;
}
  /*--------------------------------------------------------------------------------------------------*/

.header,
.navigation,
.wrapper,
.content
{
	clear: both;
	margin: 0 auto 18px auto;
	width: 990px;
}

.action
{
	background: url('../_pic/bullet_triangle_blue.png') no-repeat 6px 50%;
	clear: both;
	float: left;
	font-weight: bold;
	padding-left: 18px;
	text-decoration: none;
}

.action-left
{
	margin-left: -5px;
}

.com-det .action
{
	float: none;
}

.action.action-top
{
	background-position: 6px 12px;
	font-weight: bold;
	padding-top: 9px;
}

.action-bt
{
	margin: 3px 9px 3px 0;
	padding-right: 6px;
}

.item-list .action-bt
{
	margin: 5px 9px 5px 0;
}

.pro-boxes .action-bt
{
	clear: both;
	float: left;
	margin-top: 9px;
}

.off-req-check .action-bt
{
	margin: 0;
}

.action-bt a
{
	background: url('../_pic/bullet_triangle_blue.png') no-repeat 6px 50%;
	font-weight: bold;
	padding-left: 18px;
}

.action-bt span
{
	background:url("../_pic/bullet_triangle_blue.png") no-repeat scroll 6px 50% transparent;
	color:#2C5AA0;
	font-weight:bold;
	padding-left:18px;
}

.action-bt-big
{
	padding: 3px;
}

.pro-det .action-bt-big
{
	float: left;
}

.action-bt-big a
{
	font-size: 14px;
}

.action-bt-big span
{
	font-size: 14px;
}

.pro-det .action-bt-big span
{
	font-size: 18px;
}

.add
{
	background: url('../_pic/icons/add.gif') no-repeat 50% 50%;
	clear: right;
	cursor: pointer;
	display: block;
	float: right;
	height: 24px;
	width: 18px;
}

.advert
{
	margin: 0 auto 0 auto; 
	display:block; 
	clear:both;
}

.side .advert
{
	margin-bottom: 18px;
}

.agree
{
	clear: both;
	float: left;
	font-weight: bold;
	padding-left: 118px;
}

.agree a:link,
.agree a:visited
{
	text-decoration: none;
}

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

.agree input
{
	margin-right: 5px;
	vertical-align: middle;
}

.art-content
{
	clear: both;
}

.art-content li
{
	list-style-position: inside;
}

.art-content li div
{
	display: inline;
}


.art-file
{
	clear:both;
	float:left;
	margin-bottom: 10px;
	margin-right: 9px;
	width: 180px;
}

.art-file p
{
	font-size: 10px;
	text-align: center;
	margin-bottom: 0;
}

.art-files
{
	float:left;
	overflow: hidden;
}

.art-tags
{
	border-top: solid 1px #ccc;
	clear: both;
	width: 100%;
}

/* B b b b b b b b b */

.bold
{
	font-weight: bold;
}

.book-desc
{
	clear: both;
	float: left;
	margin-top: 18px;
}

.bt-save
{
	font-weight: bold;
	height:28px;
	padding: 0 3px;
}

.bt-save a
{
	color: #333;
	text-decoration: none;
}

/* C c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c */

.calendar
{
	border-width: 1px;
	border-color: #ccc;
	border-bottom-style: solid;
}

.calendar table
{
	margin-bottom: 8px;
	margin-top: 9px;
	width: 100%;
}

.calendar td
{
	border: none;
	padding: 3px 9px;
}

.calendar td a
{
	color: #333333;
	cursor: default;
	display: block;
	font-size: 18px;
	padding: 3px;
	text-decoration: none;
}

.calendar td.cal-event a,
.calendar td.cal-sun.cal-event a
{
	color: #2C5AA0;
}

.calendary div.item-list.article-list.items-simple
{
	padding-top: 18px;
}

div.calendary 
{
	margin-bottom: 9px;
}

.cal-month
{
	float: left;
	font-weight: bold;
}

.cal-month-left,
.cal-month-right
{
	background-position: 12px 50%;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	float: left;
	width: 27px;
}

a.cal-month-left,
a.cal-month-right
{
	text-decoration: none;
}

.cal-month-left
{
	background-image: url('../_pic/bullet_triangle_blue_left.png');
}

.cal-month-right
{
	background-image: url('../_pic/bullet_triangle_blue.png');
}

.calendar td.cal-other a,
.calendar td.cal-sun.cal-other a
{
	color: #ccc;
}

.calendar td.cal-sun a
{
	color: Red;
}

.calendar td.cal-today a
{
	background-color: #ccc;
	color: #FFFFFF;
}

.cat-left
{
	clear: both;
	float: left;
}

.cal-year
{
	/*background: url('../_pic/bullet_triangle_blue_down.png') no-repeat 0 50%;*/
	float: right;
	padding-left: 18px;
	padding-right: 9px;
}

.cat-child
{
	color: #333;
	float: left;
	font-weight: bold;
	padding-left: 18px;
}

.cat-parent
{
	clear: left;
	color: #333;
	float: left;
}

.cats
{
	float: left;
	padding-top: 6px;
}

.cats span
{
	float: left;
	font-weight: bold;
	line-height: 20px;
	padding-right: 8px;
}

.cats ul li
{
	float: left;
	height: 22px;
	list-style-image: none;
	list-style-position: inside;
	list-style-type: none;
	margin: 0 5px 0 0;
	padding: 0 0 5px 0;
}

.cats ul li a
{
	color: #333;
	display: block;
	line-height: 20px;
	padding: 0 6px 2px;
	text-decoration: none;
}

.cats ul
{
	float: left;
	margin: 0;
	padding: 0;
}

.cats-side
{
	overflow: hidden;
}

.cats-tree a,
.cats-tree div,
.cats-tree span
{
	clear: both;
	float: left;
}

.cats-tree div a
{
	color: #333;
	text-decoration: none;
}

.cats-tree div a:hover
{
	text-decoration: underline;
}

.cats-tree div a span
{
	background: url('../_pic/bullet_tringle_up_grey.png') no-repeat 9px 50%;
	padding: 6px 0 6px 27px;
	width: 291px;
}

.cats-tree div a span.current
{
	background-image: url('../_pic/bullet_triangle_514D47_down.png');
}

.cats-tree div div
{
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #ccc;
	margin-left: 18px;
	padding-left: 0;
}

.cats-tree div div a span
{
	background: none;
	padding-left: 9px;
	width: 291px;
}

.cats-tree div div a.current span
{
	background: #ECECEC url('../_pic/category_tree_left_triangle.png') no-repeat 0 50%;
	font-weight: bold;
	margin-top: 1px;
	padding-top: 5px;
	padding-left: 18px;
	width: 282px;
}

.cats-tree div div div
{
	border: none;
}

.cats-tree div div div span
{
	background: url('../_pic/bullet_category_tree.gif') no-repeat 5px 9px;
	padding-left: 18px;
	width: 264px;
}

.cats-tree div div div a.current span
{
	width: 264px;
}

.cats-tree div div div div a span
{
	width: 246px;
}

.cats-tree div div div div a.current span
{
	width: 246px;
}

.sub-group div.chbs
{
	padding: 0;
}

.sub-group div.chbs label
{
	font-weight: normal;
}

.form input.city
{
	width: 168px;
}

.form fieldset div,
.form label,
.form input,
.form select,
.form textarea
{
	float: left;
}

.com-adr
{
	background-color:#ECECEC;
	border: 1px solid #ccc;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	clear: both;
	overflow: hidden;
	margin: -1px auto 0;
	padding: 9px 17px 8px;
	width: 207px;
}

.com-adr.question
{
	padding: 0;
	margin: 0;
	width: 500px;
	border: none;
}

.off-req-check .com-adr
{
	border: none;
	margin-left:36px;
	width:189px;
}

.com-adr div
{
	background-position: 0 50%;
	background-repeat: no-repeat;
	clear:both;
	float: left;
	padding: 9px 0 9px 36px;
}

.com-adr.question div
{
	clear: none;
}

.com-adr div span,
.com-adr div a
{
	clear: both;
	float: left;
	font-weight: bold;
	width: 100%;
}

.com-adr.question p
{
	text-align: center;
	font-size: large;
}

.com-adr-phone
{
	background-image: url('../_pic/icons/internet-group-chat_22x22.png');
}

.com-adr-email
{
	background-image: url('../_pic/icons/internet-mail_22x22.png');
}

.com-adr-name
{
    background-image: url('../_pic/icons/system-users_22x22.png');
}

.com-adr.question div.com-adr-email
{
	float:right;
}

.com-adr-www
{
	background-image: url('../_pic/icons/internet-web-browser_22x22.png');
}

.com-adr.question div.com-adr-www
{
	clear: left;
}

.com-adr-adr
{
	background-image: url('../_pic/icons/go-home_22x22.png');
}

.com-adr.question div.com-adr-adr
{
	float:right;
}

.com-contact
{
	clear: both;
	float: left;
	width: 100%;
}

.com-contact div
{
	float: left;
	width: 100%;
}

.com-contact fieldset input,
.com-contact fieldset textarea
{
	border: solid 1px #ccc;
	float: left;
}

.com-contact label
{
	float: left;
	font-weight: bold;
	padding: 3px 0;
}

.com-contact fieldset input
{
	float: right;
	height: 18px;
	padding-top: 4px;
	width: 240px;
}

.com-contact textarea
{
	clear: both;
	margin-bottom: 6px;
	width: 100%;
}

.form div.com-file-title-desc
{
	clear: none;
	float: left;
	padding: 0;
}

.form div.com-file-title,
.form div.com-file-desc
{
	clear: both;
	float: left;
	padding: 0;
}

.form div.com-file-title label,
.form div.com-file-desc label
{
	color: inherit;
	font-weight: bold;
	font-style: normal;
}

.form div.com-file-title input,
.form div.com-file-desc textarea
{
	clear: both;
}

.form div.com-file-desc textarea
{
	height: 54px;
}

div.com-files
{
	border-top:1px solid #CCCCCC;
	border-color:#CCCCCC;
	border-width:1px;
	padding-top: 5px;
	width: 100%;
}

div.com-file-list
{
	clear:left;
}

.com-file-list.sub-group .item-file div.image-added
{
	float:left;
}

.com-info
{
	float: left;
	padding: 9px 0;
	width: 100%;
}

.com-logo img
{
	border: 1px solid #ccc;
}

.com-logo .image
{
	
	float: none;
	vertical-align: middle;
}

.com-name
{
	color: #7a0102;
	float: left;
	font-size: 14px;
	font-weight: bold;
	clear: both;
	margin-bottom: 3px;
	margin-top: 3px;
}

.com-name-big
{
	clear: both;
	font-size: 18px;
	padding: 9px 0;
}

.com-no
{
	font-weight: bold;
	padding-left: 9px;
}

.com-show-adr
{
	background: url('../_pic/button_show_address.png') no-repeat 0 0;
	clear: both;
	display: block;
	margin: 0 auto;
	padding: 9px 0 9px 54px;
	width: 209px;
}

.com-show-adr a
{
	background: url('../_pic/bullet_triangle_blue_down.png') no-repeat 100%;
	font-size: 14px;
	font-weight: bold;
	padding-right: 18px;
	cursor: pointer;
}


/* d d d d d d d d d d d d d d d d d d d d d d d d d d d d d d d d */

.del
{
	background: url('../_pic/icons/delete.gif') no-repeat 50% 50%;
	clear: right;
	cursor: pointer;
	display: block;
	float: right;
	height: 24px;
	width: 18px;
}

.del-account .form fieldset
{
	border-color: #7A0102;
}

.del-account .form fieldset legend
{
	color: #7A0102;
}

.com-of-week .left div.desc
{
	clear: both;
	height: 148px;
	line-height: 18px;
	width: 100%;
	overflow: hidden;
}

.details
{
	clear: right;
	float: left;
	overflow: hidden;
	padding-left: 9px;
}

.details div
{
	clear: both;
	overflow: hidden;
	margin-bottom: 9px;
}

.side .details div
{
	margin-bottom: 0;
}

.details label
{
	background: url('../_pic/bullet_arrow_gray_m.gif') no-repeat 145px 50%;
	float: left;
	padding-right: 36px;
	width: 130px;
}

.side .details label
{
	background-position: 92px 50%;
	margin-bottom: 0;
	padding-right: 12px;
	width: 90px;
}

.details span
{
	float: left;
	font-weight: bold;
}

.det-branch
{
	background: url('../_pic/bullet_arrow_gray_m.gif') no-repeat 102px 50%;
	padding-right: 12px;
	width: 100px;
}

.det-branch a
{
	color: #333;
	font-weight: normal;
}

.det-cat a
{
	color: #333;
}

.det-date
{
	background: url('../_pic/icons/office-calendar_16x16.png') no-repeat 0 0;
	padding-left: 21px;
}

.det-files
{
	clear: both;
	float: left;
	padding: 12px 28px 6px 0;
}

/* D d d d d d d d d d d d d d d d d d d d d d d d d d d d d d d d d */

.edit
{
	background: url('../_pic/icons/edit-find-replace_22x22.png') no-repeat 0 0;
	display: block;
	height: 22px;
	width: 22px;
}
.pro-preview
{
	background: url('../_pic/icons/edit-find_22x22.png') no-repeat 0 0;
	display: block;
	height: 22px;
	width: 22px;
}
.pro-delete
{
	background: url('../_pic/icons/edit-delete_22x22.png') no-repeat 0 0;
	display: block;
	height: 22px;
	width: 22px;
}
/* f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f */

.files
{
	width: 198px;
}

.form input.file
{
	width: 240px;
}

.form .file-added
{
	background: url('../_pic/icons/pdf_16x16px.png') no-repeat 0 4px;
	padding:0 0 6px 21px;
}

.form .file-added a
{
	float:left;
	font-size:10px;
	line-height:22px;
	padding-left:18px;
	text-decoration:none;
}

.form .file-added a:hover
{
	text-decoration: underline;
}

.form .file-added input
{
	background-color:#FFFFFF;
	margin:0;
	padding-bottom:0;
	padding-right:0;
	width:249px;
}

.form .files-added label
{
	color: #505050;
	font-style: italic;
	font-weight: normal;
}

.form textarea.file-desc
{
	height: 122px;
}

.side .form input.first
{
	width: 210px;
}

.side .form input
{
	float: right;
	width: 192px;
}

.side .form label
{
	clear: left;
	width: 82px;
}

.form fieldset
{
	border-top-style: solid;
	border-width: 3px;
	border-color: #ccc;
	clear: both;
	padding: 12px 0 6px;
}

.form fieldset fieldset
{
	border-width: 1px;
}

.form label
{
	font-weight: bold;
}

.form legend
{
	color: #ccc;
	font-size: 14px;
	font-weight: bold;
	padding-right: 5px;
	text-transform:uppercase;
}

.form fieldset fieldset legend
{
	color: #505050;
	font-size: 12px;
}

.form input,
.form textarea,
.form select
{
	background: #fff url('/_pic/text-input.png') repeat-x 0 1px;
	border: 1px solid #808080;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	height: 20px;
	padding-top: 2px;
	width: 270px;
}

.form input.required
{
	background: url("../_pic/icons/bg-input-status.png") no-repeat scroll 98% -1px #FFFFFF;
}
.form select
{
	height: 24px;
	padding-top: 0;
}

.form label span
{
	font-weight: normal;
}
fieldset.form-com
{
	border-bottom: solid 1px #ccc;
}
fieldset.form
{
	border-bottom: none;
}

.form label
{
	line-height: 22px;
	padding-right: 5px;
	width: 125px;
}

.form label.long
{
	width: 300px;
}

.form.form-short
{
	float:left;
	margin-top: 6px;
	overflow: hidden;
	width: 100%;
}

.form.form-short input
{
	width: 228px;
}

.form-per fieldset div,
.form-per label,
.form-per input,
.form-per select,
.form-per textarea
{
	clear: both;
}

.form-per label
{
	padding: 12px 0 4px;
	width: auto;
}

.content
{
	overflow: hidden;
}

ul.tabs li.current
{
	background-color: #ffffff;
	border-color: #ccc;
	height: 27px;
	z-index: 1;
}

.cats ul li.current
{
	background: url('../_pic/bullet_triangle_514D47_down.png') no-repeat 50% 22px;
}

.cats ul li.current a
{
	background-color: #514D47;
	color: #ffffff;
}

.form label.error
{
	clear: both;
	color: Red;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	padding: 3px 0 0 0;
	width: auto;
}


span.error
{
    color:Red;
    }

.footer
{
	border-width: 1px;
	border-color: #333;
	border-top-style: solid;
	margin-bottom: 18px;
	overflow: hidden;
}

.f-branch
{
	float: left;
	margin-top: 5px;
	width: 130px;
}

a.f-branch-hdr
{
	color: #AC0C1A;
	float: left;
	font-weight: bold;
	line-height: 20px;
	padding-right: 10px;
	text-decoration: none;
}

.f-catalogue,
.f-wisdom-base
{
	overflow: hidden;
	padding-bottom: 6px;
	padding-top: 12px;
}

.f-cats
{
	clear: both;
	float: left;
	overflow: hidden;
}

.f-cats a
{
	color: #333;
	float: left;
	text-decoration: none;
	width: 130px;
}

.f-contact
{
	overflow: hidden;
	padding-left: 50px;
	padding-top: 18px;
}

.f-contact span
{
	float: left;
	font-style: italic;
	line-height: 18px;
	padding-left: 9px;
	width: 130px;
}

a.f-hdr
{
	background: url('../_pic/bullet_triangle_black.png') no-repeat 0 4px;
	clear: both;
	color: #333;
	float: left;
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	text-decoration: none;
}

div.f-hdr
{
	overflow: hidden;
}
span.f-name
{
	clear: both;
	font-style: normal;
	font-weight: bold;
	width: 270px;
}

.f-urls
{
	color: #3F4B95;
	padding-bottom: 6px;
	padding-top: 12px;
}

.f-urls a
{
	font-weight: bold;
	text-decoration: none;
}

.gallery
{
	float: left;
	overflow: hidden;
}

.global-alert
{
	cursor: pointer;
	margin-bottom: 6px;
	overflow: hidden;
	padding: 9px;
}

.global-alert p
{
	font-weight: bold;
	margin: 0;
}

.global-alert.error
{
	background-color: #F4C2C2;
	border-color: Red;
	color: Red;
}

.global-alert.info
{
	background-color: #EFFFC6;
	border-color: #168700;
	color: #168700;
}

.grid
{
	clear: both;
	overflow: hidden;
}

.com-new .grid
{
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #ccc;
	margin-bottom: 5px;
}

.grid-on
{
	background: url('../_pic/switch_grid_on.png') no-repeat 0 0;
	cursor: default;
}

.grid-off
{
	background: url('../_pic/switch_grid_off.png') no-repeat 0 0;
	cursor: pointer;
}

.group
{
	clear: both;
	float: left;
	padding: 12px 0 6px;
}

.login .shadow-box-parent .shadow-box div.group
{
	padding: 0;
}

/* H h h h h h h h h h h h h h h h h h h h h h h h h h h h h h h h h h h h h h h h v*/

.hdr-books
{
	background: url('../_pic/icons/books_22x22px.png') no-repeat 3px 8px;
}

.hdr-books .h-title
{
	margin-left: 36px;
}
.hdr-calendar
{
	background: url('../_pic/icons/x-office-calendar_22x22.png') no-repeat 3px 8px;
}
.hdr-calendar .h-title
{
	margin-left: 36px;
}

.hdr-companies
{
	background: url('../_pic/icons/companies_22x22px.png') no-repeat 3px 8px;
	
}
.hdr-companies .h-title
{
	margin-left: 36px;
}

.hdr-video
{
	background: url('../_pic/icons/video-x-generic_22x22.png') no-repeat 3px 8px;
}
.hdr-video .h-title
{
	margin-left: 36px;
}

.hdr
{
	background-repeat: no-repeat;
	border-bottom-style: solid;
	border-color: #ccc;
	border-width: 1px;
	float: left;
	width: 100%;
}

.hdr.hdr-small
{
	padding: 6px 0 5px;
}

.hdr.hdr-big
{
	padding-left: 0;
}

.hdr input
{
	border: none;
	float: right;
	height: 29px;
	width: 31px;
}

.right .hdr
{
	padding: 0;
}

.h-answer
{
	background: url('../_pic/bullet_triangle_blue_down.png') no-repeat 100% 50%;
	float: right;
	padding-right: 18px;
}

.h-count
{
	color: #cecece;
	float: right;
}

.hdr-bts .h-count
{
	margin-top: 9px;
	margin-bottom: 8px;
}

.h-mail
{
	background: url('../_pic/icons/internet-mail_22x22.png') no-repeat 0 3px;
}

.h-print
{
	background: url('../_pic/icons/printer_22x22.png') no-repeat 0 3px;
}

.h-title
{
	float: left;
	font-weight: bold;
	margin: 9px 0 0;
	padding-bottom: 8px;
}
.hdr h1
{
	margin: 0;
}

.hdr-bts .h-title
{
	margin-left: 0;
}

.hdr-small span.h-title
{
	height:auto;
	line-height:18px;
	margin:0;
	text-transform:uppercase;
}

.hdr-big span.h-title
{
	float: none;
	font-size: 18px;
	margin:0;
}

h2.h-title
{
	text-transform: uppercase;
}

.h-doc-new
{
	background: url('../_pic/icons/document-new_22x22.png') no-repeat 3px 8px;
}
.h-doc-new .h-title
{
	margin-left: 36px;
}

.header
{
	position: relative;
}

.header h2
{
  display : block;
  float: left;
  margin-bottom: 0;
}

.header h2 a {
  background: url('../_pic/logo.png') no-repeat 0 0;
  display: block;
  height: 75px;
  position: relative;
  text-indent: -999em;
  width: 340px;
  }
  
  .header
{
	background-position: 0 0;
	background: url('../_pic/header_background_gradient.png') repeat-x 0 0;
	height: 90px;
	margin-bottom: 0;
}
  
  .header div
  {
  	background: url('../_pic/teaser.png') no-repeat 20px 10px;
  	border-left: 2px;
  	/*border-left-color: #ccc;
  	border-left-style: solid;*/
  	float: left;
  height: 75px;
  width: 327px;
  }

p.hint
{
	clear: both;
	color: #ccc;
	float: left;
	font-style: italic;
	font-size: 12px;
	margin: 0;
}

p.space.hint
{
	margin-bottom: 10px;
}

a.home
{
	padding: 4px 0;
}

.navigation .home span
{
	background: url("../_pic/icons/go-home_22x22.png") no-repeat 0 50%;
	height: 22px;
	margin: 0 9px;
	padding: 0;
	width: 22px;
}

/* i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i */

div.image
{
	float: left;
	overflow:hidden;
	text-align: center;
	vertical-align: middle;
}

.article-list div.image
{
	clear: left;
	/*margin-top: 36px;*/
}

.image-logo div.image
{
	display: table-cell;
	float: none;
}

a.image
{
	display: block;
	position: relative;
	text-align: center;
	vertical-align: middle;
}

.image-gallery
{
	background: url('../_pic/icons/image-x-generic_22x22.png') no-repeat 3px 8px;
	clear: both;
	color: #2C5AA0;
	display: block;
	font-weight: bold;
	padding: 9px 0  9px 36px;
}

.pro-det .image div
{
	position: relative;
}

a.image span
{
	/*background: url('../_pic/zoom.png') no-repeat 0 0;*/
	height: 12px;
	position:absolute;
	width: 12px;
}

.pro-det .gallery
{
	border: solid 1px #ccc;
	padding: 8px;
}

.com-det .gallery
{
	float: right;
	margin-left: 9px;
	margin-bottom: 9px;
}

.image-s
{
	height: 90px;
	width: 90px;
}

.image-s a span
{
	left: 78px;
	top: 78px;
}
 
.image-mcr
{
	height: 56px;
	width: 56px;
}

.image-mcr a span
{
	left: 44px;
	top: 44px;
}
 
.image-m
{
	height: 117px;
	width: 117px;
}

.com-logo .image-xl
{
	height: auto;
}

.image-m a span
{
	left: 105px;
	top: 105px;
}

.image-l
{
	height: 180px;
	width: 180px;
}

.com-det .image-l,
.pro-det .image-l
{
	height: auto;
}

.image-l a span
{
	left: 168px;
	top: 168px;
	z-index: 1;
}

.image-logo
{
	display: table;
	width: 100%;
}

.image-v
{
	width: 117px;
}

.image-xl
{
	height: 318px;
	width: 318px;
}

.item-file div.image-added
{
	border: 1px solid #808080;
	clear: none;
	margin-right: 9px;
	padding: 8px;
}

.image-added img
{
	display: block;
}

.login .shadow-box .input
{
	border: 1px solid #333;
	width: 140px;
}

.item
{
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #Ccc;
	padding-top: 9px;
	padding-bottom: 8px;
	overflow: hidden;
}

.item div
{
	clear: both;
	float: left;
}

.item img
{
	clear: left;
	display: block;
	float: left;
	height: 98px;
	width: 98px;
}

.com-of-week .item img
{
	float: none;
	height: auto;
	width: auto;
}

.main .pro-last-added .item
{
	border: none;
	margin: 0;
	padding: 5px;
	width: 165px;
}

.main .com-of-week .item
{
	border: none;
	float: left;
	padding: 18px;
	width: 170px;
}

.main .com-of-week .com-pro .item
{
	padding: 2px;
	margin-top: 9px;
}

.com-new .grid .item
{
	border: none;
	height: 75px;
	margin: 0;
	padding: 6px;
}

.main .item
{
	width: 100%;
}

.main .films .item
{
	clear:both;
}

p.item-desc
{
	clear: left;
	float: left;
}

.pnl-item .pnl-right a.action
{
	margin-left: -5px;
}

.pnl-item .pnl-right p.item-desc
{
	min-height: 72px;
}

.form p.item-desc
{
	margin-bottom: 0;
}

.pro-last-added .item img
{
	height: 60px;
	width: 55px;
}

.com-new .item img
{
	height: 60px;
}

.reading-room .item img
{
	height: 50px;
	width: 60px;
}

.m-footer .grid
{
	height: 81px;
}

.films .item input, 
.films .item img
{
	background: #F0E6D6 url('../_pic/video_button.png') no-repeat 22px 7px;
	border: none;
	height: 50px;
	width: 80px;
}

.item-area
{
	width: 100%;
}

.item-data
{
	color: #cecece;
}

.com-new a.item-name
{
	text-align: center;
}

.grid .item div.item-name
{
	clear:none;
	float:left;
	margin-left:9px;
	text-decoration:none;
	width: 70px;
}
.grid .item .item-name span
{
	font-size: 10px;
}

.com-new .grid .item item-name span
{
	font-size: 12px;
}

.itemArea .item-name
{
	float: left;
	color: #333;
	margin-left: 9px;
}

.item-action
  {
  	background: url('../_pic/bullet_small_triangle_gray.png') no-repeat 100% 3px;
  	color: #8D877D;
  	float: left;
  	font-weight: bold;
  	padding-left: 10px;
  	padding-right: 10px;
  	text-decoration: none;
  }

.item-author,
.item-src
{
	color: #505050;
	float: left;
	padding-left: 18px;
}

.item-cat
{
	color: #333;
	float: left;
	margin-left: 9px;
}

.item-date
{
	background: url('../_pic/icons/office-calendar_16x16.png') no-repeat 0 0;
	float: left;
	font-weight: bold;
	padding-left: 21px;
}
.details.off-det
{
	margin-bottom: 18px;
}

.off-req .item-date
{
	background: none;
}

.hdr-big span.item-date
{
	float: right;
	background: url('../_pic/icons/office-calendar_22x22.png') no-repeat 0 0;
	margin-right:10px;
	margin-top: 3px;
	line-height: 22px;
	padding-left: 23px;
}

.item-simple .item-date
{
	background: none;
	color: #ccc;
	font-weight: bold;
	padding-left: 0;
}

.item-dow
  {
  	float: left;
  	font-style: italic;
  }
  
.item-info
{
	float: left;
	overflow: hidden;
	padding: 9px 0;
}
  
.article-list .item-info
{
	clear: left;
}
  
.item-ord
{
	margin-bottom: 3px;
}
  
.item-order li,
li.itemArea,
.dragVisualContainer li
{
	border-bottom: 1px solid #ccc;
	list-style: none;
	height: 87px;
}
  
.item-order li div,
li.itemArea div
{
	float: left;
	width: 100%;
}

.item-order li div div,
li.itemArea div div
{
	
}

.item-order li .itemArea .gallery.image,
li.itemArea .itemArea .gallery.image
{
	width: auto;
}
  
.item-order ul
{
	margin: 0;
}
  
.dragHandle
{
	background: url('../_pic/icons/preferences-system-windows_22x22.png') no-repeat 0 0;
	cursor: move;
	float: left;
	height: 22px;
	margin: 3px;
	width: 22px;
}
  
  .item-pages
  {
  	clear: left;
  	color: #505050;
  	float: left;
  	font-style: italic;
  }
  
a.item-preview
{
	background: url('../_pic/zoom.png') no-repeat 0 50%;
	display: block;
	float: left;
	height: 18px;
	margin-left: 9px;
	width: 18px;
}
  
  div.pnl-item-right  
  {
  	clear: none;
  	float: right;
  	width: 547px;
  }
  
.book div.pnl-item-right,
.films div.pnl-item-right
{
	width: 220px;
}
   
.item-simple
{
	clear: both;
}
   
  .item-title
  {
  	clear: both;
  	float: left;
  	font-size: 14px;
  	font-weight: bold;
  	line-height: 18px;
  	text-decoration: none;
  }
  
.off-req .item-title
{
	clear: none;
	padding-left: 27px;
}
  
.item-simple .item-title
{
	clear: none;
	float: none;
	font-weight: normal;
	padding-left: 9px;
}

.off-req .item-simple .item-title
{
	color: #333;
}
  
.item-to-detail
{
	background: url('../_pic/bullet_triangle_blue.png') no-repeat 0 50%;
	float: right;
	font-weight: bold;
	padding-left: 9px;
	padding-right: 18px;
}

a.item-to-detail
{
	text-decoration: none;
}

.off-req-ans a.window-close, 
.send-article a.window-close
{
	background-image: url('../_pic/icons/close.gif') ;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 22px;
	width: 22px;
	display: block;
	text-decoration: none;
	float: right;
	margin-top: -19px;
	margin-right: -18px;
}
/* l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l */

.log-con
{
	height: 22px;
	margin: 0 auto; 
	position: relative;
	width: 990px; 
}

.login .shadow-box label,
.login .shadow-box input,
.login .shadow-box left,
.login .shadow-box a
  {
  	clear: both;
  	float: left;
  }
  
  input.log-prev
  {
  	height: 20px;
  }
  
.login .shadow-box .log-prev,
.login .shadow-box .log-next,
.login .shadow-box a.log-next
  {
  	line-height: 20px;
  	font-size: 9px;
  }
  
.login .shadow-box label.log-next,
.login .shadow-box a.log-next
  {
  	clear:right;
  	padding-left: 2px;
  	text-decoration: none;
  }
  
.logo-del
{
	background: url('../_pic/icons/delete.gif') no-repeat 0 50%;
	padding-left: 18px;
}
  
  .reading-room .pnl-item-right
{
	width: 230px;
}

.left
{
	float: left;
}

.n-list .left,
.n-list .right
{
	margin: 0 0 6px;
	padding: 0 9px;
}

.com-of-week .left
{
	width: 260px;
}

.com-of-week .left div
{
	min-height: 56px;
}

.com-of-week .left img
{
	display: block;
	float: left;
	margin-right: 9px;
}

span.line
{
	border-top: 1px solid #ccc;
	float: left;
	height: 0;
	margin: 13px 0 14px;
}

.main .save span.line
{
	border-top-width: 5px;
	margin: 11px 0 12px;
	width: 520px;
}

.side .save span.line
{
	width: 250px;
}

.main .save span.line.line-com-new
{
	width: 540px;
}

.list
{
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #Ccc;
	overflow: hidden;
	padding: 9px;
}

.list-item
{
	clear: both;
	float: left;
}

.list-off
{
	background: url('../_pic/switch_list_off.png') no-repeat 0 0;
	cursor: pointer;
}

.list-on
{
	background: url('../_pic/switch_list_on.png') no-repeat 0 0;
	cursor: default;
}

.li-date
{
	border-width: 1px;
	border-color: #ccc;
	float: left;
	font-weight: bold;
	padding-right: 5px;
	border-right-style: solid;
}

.li-text
{
	padding-left: 5px;
	text-decoration: none;
}

.login.logged
{
	background: none;
}

.login
{
	background: url('../_pic/icons/emblem-readonly_22x22.png') no-repeat 715px 0;
	font-size: 14px;
	height: 22px;
	margin: 0 auto;
	left: 730px;
	position: absolute;
	top: 45px;
	width: 250px;
	z-index: 1;
}

a.log-or-reg
{
	font-size: 14px;
	font-weight: bold;
	margin-left: 4px;
	padding: 0 9px;
}

.logged a.log-or-reg
{
	float: left;
	height: 22px;
}

span.log-or-reg
{
	background-color: #ffffff;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-width: 1px;
	border-color: #ffffff;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	margin-right: 4px;
	padding: 9px 9px 1px;
}

span.log-or-reg.log-on
{
	border-color: #ccc;
	position: relative;
	z-index: 3;
}

a.log-profile
{
	background: url('../_pic/icons/account_settings_22x22.png') no-repeat 6px 3px;
	padding-left: 36px;
}

a.log-out
{
	background: url('../_pic/icons/emblem-readonly-off_22x22.png') no-repeat 6px 0;
	padding-left: 36px;
}

.login-form
{
	position: absolute;
	width: 100%;
}

.log-or-reg,
a.log-or-reg
{
	color: #3F70AC;
	text-decoration: none;
}

a.log-or-reg:hover
{
	text-decoration: underline;
}

.map-search input.find
{
	height: 24px;
	font-weight: bold;
	margin-left: 3px;
}

/* M m m m m m m m m m m m m m m m m m m m m m m m m m m m m m m m m m m m m m m m */

.m-footer
{
	clear: both;
	margin: -30px auto 0;
	width: 990px;
}

.map-search .form
{
	margin-top: 6px;
}

.map-search .form input
{
	float: left;
	width: 158px;
}

.map-search .form label
{
	width: 100px;
}
.gmap span {
	left: 155px;
	position:relative;
}

.main {
  width: 654px;
  float: left;
  }
  
.content .main
{
	min-height: 500px;
}
  
.main-side-switch .content .main
{
	float: right;
}
  
.tools label.min
{
	background-position: 50px 50%;
	width: 45px;
}
  
h2.map-hdr
{
	margin-bottom: 0;
	text-transform: uppercase;
}
  
  .m-advert
{
	background-color: #7a0102;
	height: 125px;
}

  .m-advert2
{
	background-color: #7a0102;
	height: 310px;
}

  .m-advert3
{
	background-color: #7a0102;
	height: 50px;
}
  
.m-half
{
	width: 318px;
}
.m-half .item-title
{
	font-weight: normal;
}
  
h2.m-hdr
{
	border-width: 1px;
	border-color: #ccc;
	border-bottom-style: solid;
	margin:0;
	padding:6px 0 5px;
	text-transform: uppercase;
}
  
  .mq-desc1,
  .mq-desc2,
  .mq-desc3
  {
  	padding-left: 90px;
  	width: 228px;
  }
  
  .pop .mq-desc1,
  .pop .mq-desc2,
  .pop .mq-desc3
  {
  	padding-left: 69px;
  	width: 174px;
  }
  
  .mq-desc1
  {
  	background: url('../_pic/how_it_works_step_1.png') no-repeat 7px 0;
  	padding-bottom: 18px;
  }
  
  .mq-desc2
  {
  	background: url('../_pic/how_it_works_step_2.png') no-repeat 6px 9px;
  	padding-bottom: 9px;
  }
  
  .mq-desc3
  {
  	background: url('../_pic/how_it_works_step_3.png') no-repeat 8px 0;
  }
  
  .pop .mq-desc1
  {
  	background: url('../_pic/how_it_works_step_1-pop.png') no-repeat 7px 0;
  	padding-bottom: 3px;
  }
  
  .pop .mq-desc2
  {
  	background: url('../_pic/how_it_works_step_2-pop.png') no-repeat 6px 9px;
  	padding-bottom: 0;
  }
  
  .pop .mq-desc3
  {
  	background: url('../_pic/how_it_works_step_3-pop.png') no-repeat 8px 0;
  }
  
  .mq-desc1 p,
  .mq-desc2 p,
  .mq-desc3 p
  {
  	padding-bottom: 9px;
  	margin: 0;
  }
  
  .pop .make-query
  {
  	width: 261px;
  }
  
  .section.make-query
  {
  	margin-bottom: 0px;
  }
  .make-query a
  {
  	background: url('../_pic/add_offer_button.png') no-repeat 0 0;
  	display: block;
  	font-size: 20px;
  	font-weight: bold;
  	padding: 18px 0 18px 54px;
  	text-decoration: none;
  	margin-bottom: 9px;
  }
  
  .pop .make-query a
  {
  	background: url('../_pic/add_offer_button_240x42.png') no-repeat 0 0;
  	display: block;
  	font-size: 14px;
  	padding: 12px 0 18px 45px;
  }
  
  .make-query-info
  {
	margin-top: 18px;
  }
  
  .make-query-info fieldset
  {
  	border-color:#CCCCCC;
	border-top:1px solid #CCCCCC;
	border-width:1px;
	clear:both;
	padding:12px 0 6px;
  }
  
/* N n n n n n n n n n n n n n n n n n n n n n n n n n n */
  
.nav-bar
{
	background: url('../_pic/breadcrumbs.png') no-repeat 6px 6px;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #ccc;
	margin: 0 auto 18px auto;
	overflow: hidden;
	padding-left: 24px;
	width: 990px;
}

.nav-bar a
{
	color: #333;
}

.nav-bar span
{
	background: url('../_pic/breadcrumbs_arrow.png') no-repeat 100% 0;
	float: left;
	padding: 9px 18px 8px 12px;
}

.nav-bar .nav-bar-here
{
	background: none;
}

.nav-bar .nav-bar-here a
{
	font-weight: bold;
}
  
.navigation
{
	background: url('../_pic/navigation.png') no-repeat 0 0;
	height: 61px;
	margin-bottom: 0;
	width: 1027px;
}
 
.default .navigation
{
	margin-bottom: 18px;
}
  
.navigation a
{
	display: block;	
	padding: 6px 0;
}

.navigation li
{
	display: block;
	float: left;
	list-style-image: none;
	list-style-position: inside;
	list-style-type: none;
}

.navigation ul
{
	float: left;
	margin: 16px 0 0;
}

.navigation a:hover span
{
	text-decoration: underline;
}

.navigation span
{
	border: 1px none #CCCCCC;
	border-left-style: solid;
	color: #7a0102;	
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding: 0 12px;
}

.n-list.n-coms span
{
	width: 90px;
}
.n-list.n-pros span
{
	width: 120px;
}
.n-list.n-know span
{
	width: 82px;
}
.n-list.n-orq span
{
	width: 122px;
}

li.n-first span
{
	border-left-style: none;
	padding-left: 0;
}

ul.n-search
{
	float:right;
}

.n-search div
{
	margin: 0;
}
.n-list
{
	cursor: pointer;
	padding: 6px 0;
}
.n-first.n-list span
{
	padding-left: 25px;
}

ul.n-search li.n-list
{
	cursor: none;
	padding: 0;
	margin-top: 2px;
}

.n-list-on
{
	padding: 0;
}

.n-list a
{
	padding: 0;
}

.n-list a.selected {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#B7AD9E none repeat scroll 0 0;
font-weight:bold;
}

.n-list span
{
	background: url('../_pic/bullet_triangle_7A0102_down.png') no-repeat 9px 8px;
	padding-left: 25px;
	text-align: center;
}
 
.n-list-on span
{
	background: #FFFFFF url('../_pic/bullet_tringle_up_grey.png') no-repeat 9px 13px;
	border-top-style: solid;
	border-right-style: solid;
	color: #333;
	margin-right: -1px;
	padding-top: 5px;
	padding-bottom: 6px;
	position: relative;
	z-index: 3;
}
  
  .news-list
  {
  	clear: both;
  }
  
  .newsletter span
  {
  	background: url('../_pic/icons/internet-mail_32x32.png') no-repeat 12px 0;
  	color: #3F4B95;
  	display: block;
  	font-size: 20px;
  	font-weight: bold;
  	padding: 9px 0 18px 60px;
  }
  
  .newsletter .query
{
	border: 1px solid #ccc;
	float: left;
	height: 18px;
	padding-top: 2px;
	width: 198px;
}
   
  .newsletter p
  {
  	clear: both;
  	color: #505050;
  	font-size: 11px;
  	font-style: italic;
  	line-height: 16px;
  	margin: 9px 0;
  }
  
/* O o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o */

.off-req-ans
{
	padding-bottom: 9px;
	padding-top: 8px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #ccc;
}

.off-req-ans div
{
	float:left; 
	width: 532px;
}

.off-req-ans label
{
	float: left;
	font-weight: bold;
	width: 120px;
}

.off-req-ans input
{
	float: left;
	font-weight: bold;
	padding: 3px;
}

.off-req-ans p.hint
{
	clear: none;
	color: #333;
	padding-left: 9px;
	padding-top: 6px;
}

.off-req-ans textarea
{
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	margin-bottom: 9px;
	width: 100%;
}

.off-req-check
{
	background-color: #ececec;
	border: solid 1px #ccc;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	float: left;
	padding: 9px;
	text-align: center;
}

.off-req-check p
{
	clear: both;
	font-size: 10px;
	font-weight: bold;
	margin-top: 9px;
	margin-bottom: 9px;
}

.off-question
{
	background-color: #ECECEC;
    z-index: 3;
    padding: 18px;
    border: 3px solid #ccc;
}

div.send-article
{
	width: 350px;
}

.off-question div
{
	width: auto;
	float: left;
}

.orq-hdr
{
	background: url('../_pic/orq_hdr.png') repeat-x 0 0;
	border-bottom: solid 1px #ccc;
	color: #505050;
	font-weight: bold;
	margin-top: 18px;
	text-transform: uppercase;
}

.orq-hdr table
{
	border: 0;
	margin: 0;
	width: 100%;
}

.orq-hdr table td
{
	border: 0;
	border-right: solid 2px #ffffff;
	padding: 5px 9px 4px 9px;
}

.orq-hdr table td.orq-hdr-deadline
{
	background: url('../_pic/icons/office-calendar_16x16.png') no-repeat 21px 50%;
	padding-left: 45px;
	width: 65px;
}

.orq-hdr table td.orq-hdr-details
{
	border-right: none;
	width: 80px;
}

.off-question .com-adr.question div
{
	width: 200px;
}

label.com-adr-info
{
	clear:both;
	color:gray;
	float:left;
	font-size:12px;
	font-style:italic;
}

div.off-question input.send
{
	clear :left;
}

.send-article label
{
	float: left;
	width: 120px;
	margin-top:1px;
	padding-top:3px;
	font-weight: normal;
}

.send-article div
{
	margin-bottom: 10px;
}

.send-article input
{
	float: left;
	font-weight: bold;
	padding:4px;
}

.send-article input.input
{
	border: 1px solid #CCCCCC;
	width: 200px;
}
.items-simple
{
	border-width: 1px;
	border-color: #ccc;
	clear: both;
	overflow: hidden;
	padding: 9px 9px 8px 9px;
	border-bottom-style: solid;
} 
  
/* P p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p */  
  
.paginator
{
	float: right;
	margin-top: 9px;
}
  
.tools .paginator,
.hdr .paginator
{
	margin-top: 6px;
}
  
.paginator a
{
	display: block;
	float: left;
	font-weight: bold;
	padding: 0 4px;
}

.paginator span.next a
{
	background: url('../_pic/bullet_triangle_blue.png') no-repeat 6px 50%;
	text-decoration: none;
	margin-right: 9px;
}  
 .paginator span.prev a
{
	background: url('../_pic/bullet_triangle_blue_left.png') no-repeat 6px 50%;
	text-decoration: none;
	margin-right: 3px;
}   
  
.paginator a.active
{
	color: #fff;
	background-color: #2C5AA0;
}

.paginator .separator
{
	float: left;
}

.pdf
{
	background: url('../_pic/icons/pdf_16x16px.png') no-repeat 0 3px;
	clear: both;
	float: left;
	padding: 3px 0 6px 21px;
}
  
a.pdf
{
	color: #333;
}

fieldset.period select
{
	width: 180px;
	margin-right: 20px;
}
 
.pop
{
	position:fixed;
	right: 0;
	top: 260px;
}

.pop,
.pop p
{
	font-size: 9px;
	line-height: 14px;
}

.pop-hdr
{
	background: url('../_pic/popup_off-28x194.png') no-repeat 0 50%;
	cursor: pointer;
	float: left;
	height: 294px;
	width: 28px
}

.pop-hdr.pop-on
{
	background-image: url('../_pic/popup_on-28x194.png');
}

.pop-con
{
	background: #ffffff url(../_pic/pop-gradient.png) repeat-x scroll 0 0;
	
	border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	-o-border-radius: 10px 0 0 10px;
	-webkit-box-shadow: 2px 4px 4px #ccc;
	-moz-box-shadow: 2px 4px 4px #ccc;
	
	border: solid 1px #ccc;
	border-right: none;
	float:left;
	height: 276px;
	padding: 9px 0 9px 9px;
	width: 261px;
}
 
.pop-title
{
	color: #7A0102;
	display: block;
	font-size: 26px;
	font-weight: bold;
	line-height: 28px;
	margin-bottom: 6px;
	margin-left: 9px;
	width: 252px;
}
 
.pro-actions
{
	float: left;
	clear:both;
	min-height: 22px;
}
 
.pro-add
{
	border-bottom: 1px solid #ccc;
	margin-bottom: 9px;
	padding-bottom: 8px;
}
 
.pro-boxes
{
	float: left;
	overflow: hidden;
	width: 100%;
}

.pro-buy-hint
 {
 	float: right;
 	font-style: italic;
 	padding-left: 18px;
 	width: 245px;
 }

.item-list a.pnl-item-com,
.pro-boxes a.pnl-item-com,
.pro-boxes .pro-name,
.pro-boxes .image,
.pro-boxes .pro-price,
.pro-boxes .pro-more
{
	clear: both;
	float: left;
}

.pro-hdr
{
	clear: both;
	margin: 0;
	padding: 9px 0 9px 0;
	width: 100%;
}

.pro-hdr input
{
	border:medium none;
	cursor: pointer;
	float:right;
	height:29px;
	width:31px;
}

.cats.pro-hdr
{
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #ccc;
	margin: 0;
}

.pro-hdr span.pro-h-title
{
	float: left;
	font-weight: normal;
}

.pnl-item
{
	float: left;
	padding: 9px;
}

.m-half .item-list .pnl-item, 
.main .m-half .item-list .pnl-item
{
	padding-top: 3px;
	margin-bottom: 0;
	padding-bottom: 3px;
}
.m-half .item-info
{
	padding: 0;
}

.com-new .item-list.items-simple .pnl-item
{
	padding: 0;
	width: 100%;
}

.com-new .item-boxes.items-simple
{
	padding: 9px 0;
}

.com-new .item-boxes.items-simple .pnl-item
{
	background: none;
	border: none;
	height: 135px;
	margin: 0 7px 9px;
	overflow: hidden;
	padding: 9px 0;
	text-align: center;
	width: 92px;
}

.pro-boxes .pnl-item
{
	/*height: 288px;*/
}

.item-boxes .pnl-item,
.pro-boxes .pnl-item
{
	background-color: #ECECEC;
	border: solid 1px #ccc;
	margin: 9px;
	padding: 8px;
	width: 180px;
}

.pro-boxes .pnl-item.pro-prom
{
	background-color: #FFF6D5;
	border-color: #E6D188;
}

.main .item-list .pnl-item
{
	border-width: 1px;
	border-color: #ccc;
	/*height: 172px;*/
	height: 160px;
	width: 636px;
	margin-bottom: 8px;
	border-bottom-style: solid;
}

.main .item-list .pnl-item.pnl-item-pro
{
	height: 180px;
}

.main .item-list.article-list .pnl-item
{
	height: 172px;
}

.side .article-list .pnl-item
{
	border-width: 1px;
	border-color: #ccc;
	border-bottom-style: solid;
	width: 318px;
}
.side .article-list .pnl-item .item-title
{
	font-weight: normal;
}
.main .m-half .item-list .pnl-item
{
	height: auto;
	width: 300px;
}

.main .book-list.item-list .pnl-item
{
	height: 126px;
}

.main .m-half .book-list.item-list .pnl-item
{
	height: auto;
}

.pro-more
{
	clear: both;
	display: block;
	padding-left: 18px;
}

.pro-name
{
	color: #333;
	font-weight: bold;
}

.item-list .pro-name
{
	background: url('../_pic/bullet_arrow_gray_l.gif') no-repeat 9px 50%;
	float: left;
	padding-left: 18px;
}

.item-list .pro-name.pro-name-wo-bg
{
	background: none;
	padding: 0;
}

.pro-boxes .pro-name
{
	height: 36px;
}

a.pnl-item-com
{
	color: #7A0102;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
}

.com-new a.pnl-item-com
{
	width: 100%
}

.item-boxes .pnl-item-com,
.pro-boxes .pnl-item-com
{
	height: 36px;
}

.com-new .items-simple a.pnl-item-com
{
	color: #2C5AA0;
}
  
.pro-price
{
	background: url('../_pic/bullet_light_gray_l.gif') no-repeat 3px 50%;
	font-weight: bold;
	line-height: 22px;
	padding-left: 14px;
}

.pro-boxes .pro-price
{
	clear: both;
}

.pro-promote
{
	clear: both;
	float: left;
	padding: 9px 0;
	width: 100%;
}

.pro-promote .pro-prom-cap
{
	color: #E6D188;
	float: left;
	font-weight: bold;
	padding: 0 9px;
}

.pro-promote .pro-line
{
	border-width: 1px;
	border-color: #FFF6D5;
	float: left;
	height: 0;
	margin: 8px 0 9px 0;
	width: 540px;
	border-top-style: solid;
}

.pnl-item.pro-prom
{
	background-color: #FFF6D5;
}

.pnl-right
{
	float:right;
	width: 508px;
}

.m-half .pnl-right
{
	width: 174px;
}

.pnl-right div
{
	clear: both;
}
/* R r r r r r r r r r r r r r r r r r r r r r r r r r r r r r r r r r r r r r r r r r */
  
div.red-contact  
{
	overflow: hidden;
}

div.red-contact div
{
	margin-bottom: 10px;
	overflow:hidden;
	float:left;
	clear: both;
}
  
.red-contact h2
{
	margin-bottom: 0;
	font-size: medium;
	float: left;
}  
  
.red-contact a
{
	text-decoration: underline;
	clear: both;
	float: left;
}

.red-contact a.black
{
	color: Black;
}

.red-contact span
{
	clear: both;
	float: left;
}  
.regions
{
	width: 340px;
}

.regions input
{
	width: auto;
}  

.sub-group.regions div
{
	clear: none;
	padding: 0;
	width: 170px;
}

.regions label
{
	font-weight: normal;
}
 
.right
{
	float: right;
}
  
.com-of-week .right
{
	width: 360px;
}
.com-of-week .right .h-title{
	margin: 0;
}
  
.form .right
{
	float: right;
}
  
.n-list .right
{
	border-left: solid 1px #ccc;
}
  
.pro-det .right
{
	width: 438px;
}
 
.tools label.right
{
	float: right;
}
  
  .section.newsletter
{
	border: 1px solid #ccc;
	background: url('../_pic/newsletter_background.png') no-repeat 1px 1px;
	height: 126px;
	padding: 9px;
	width: 298px;
}
 
/* S s s s s s s s s s s s s s s s s s s s s s s s s s s s s s s s s s s s s s s s */
  
.scroll
{
	display: table;
	float: left;
	height: 81px;
}

.scroll a
{
	display: table-cell;
	padding: 9px 18px;
	vertical-align: middle
}
  
  .section {
  clear: both;
  float: left;
  margin: 0 0 18px 0;
  position: relative;
  width: 100%;
  }
  
.settings.form textarea
{
	height: 100px;
	width: 520px;
}
  
  .side {
  width: 318px;
  float: right;
  }

.main-side-switch .content .side
{
	float: left;
}

.save
{
	clear: both;
	float: left;
	width: 100%;
}

.save a
{
	background: url('../_pic/zoom.png') no-repeat 0 50%;
	float: right;
	line-height: 28px;
	padding-left: 18px;
	padding-right: 9px;
	text-decoration: none;
}

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

.save input
{
	float: right;
}

.search
{
	float: right;
	margin-top: 16px;
	position:relative;
}
 
.search-r-query
{
	color: #7A0102;
	font-size: 14px;
	font-style: italic;
}
 
.search-r-hdr
{
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
 
.shadow-box
{
	border-width: 1px;
	border-color: #ccc;
	border-right-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-o-border-radius: 0 0 10px 10px;
	background: #ffffff url(../_pic/upper_layer_gradient.png) repeat-x scroll 1px 11px;
	height: 112px;
	padding: 6px 9px 12px;
	position: absolute;
	-webkit-box-shadow: 2px 4px 4px #ccc;
	-moz-box-shadow: 2px 4px 4px #ccc;
	z-index: 2;
}

  
.login .shadow-box
{
	color: #333;
	width: 140px;
}
  
.n-list .shadow-box
{
	width: 100px;
}
  
.n-list.n-coms .shadow-box
{
	height: 54px;
	width: 109px;
}
.n-list.n-pros .shadow-box
{
	height: 36px;
	width: 139px;
}
.n-list.n-know .shadow-box
{
	height: 90px;
	width: 101px;
}
.n-list.n-orq .shadow-box
{
	height: 36px;
	width: 141px;
}

.search .shadow-box
{
	background-position: 1px 51px;
	font-size: 13px;
	height: 136px;
	padding: 18px 12px;
	margin-left: 6px;
	width: 172px;
}
 
.search .shadow-box input
{
	clear: left;
	float: left;
	height: 25px;
}
 
.search .shadow-box label
{
	float: left;
	font-weight: bold;
	padding-left: 9px;
	padding-top: 3px;
}
 
.search .shadow-box span
{
	border: none;
	color: inherit;
	font-size: inherit;
	font-style: italic;
	font-weight: inherit;
	padding: 0;
}

.shadow-box-parent .shadow-box a
{
	color: #7A0102;
}
  
.shadow-box-back
{
	background-color: #ccc;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-o-border-radius: 0 0 10px 10px;
	height: 131px;
	left: 2px;
	position: absolute;
	top: 2px;
	z-index: 1;
}
  
.login .shadow-box-back
{
	width: 159px;
}

.n-list .shadow-box-back
{
	width: 119px;
}
 
.n-list.n-coms .shadow-box-back
{
	height: 73px;
	width: 127px;
}
.n-list.n-pros .shadow-box-back
{
	height: 55px;
	width: 157px;
}
.n-list.n-know .shadow-box-back
{
	height: 109px;
	width: 120px;
}
.n-list.n-orq .shadow-box-back
{
	height: 55px;
	width: 167px;
}
  
.search .shadow-box-back
{
	height: 155px;
	margin-left: 6px;
	width: 190px;
}
  
.shadow-box-parent
{
	position: relative;
	top: -1px;
}

.search .shadow-box-parent
{
	
}

label.short
{
	width: 32px;
	padding-left: 12px;
	padding-right: 6px;
}

.form input.short
{
	clear: none;
	width: 50px;
}

.chbs input.short
{
	margin-top: 2px;
	margin-right: 9px;
	width: auto;
}

.submit
{
	font-weight: bold;
	padding:3px 6px;
}

  .newsletter .submit
  {
	margin-left: 3px;
	padding: 0 6px;
  }

.search input.submit
{
	background: url('../_pic/search_submit.png') no-repeat 0 0;
	border-style: none;
	height: 28px;
	width: 64px;
}

.sub-group div
{
	clear: both;
	padding-top: 6px;
}

.sub-group div label
{
	width: auto;
	padding-right: 9px;
}

.sub-group div input
{
	margin-right: 18px;
}

.sub-section
{
	clear: both;
	overflow: hidden;
	padding: 9px 0;
}

.articles .sub-section
{
	clear: both;
}

.section.m-top
{
	margin-bottom: 9px;
}

.m-top .sub-section
{
	background: url('../_pic/big_box_gradient.png') repeat-x 1px 0;
	border: 1px solid #ccc;
	clear: left;
	height: 236px;
	padding: 8px;
	width: 638px;
}

.search .query
{
	background: url('../_pic/search_input_background.png') no-repeat 0 0;
	border-style: none;
	float: left;
	height: 28px;
	margin-left: 4px;
	padding-left: 36px;
	width: 168px;
}

/* T t t t t t t t t t t t t t t t t t t t t t t t t t t t t t t t  */

ul.tabs
{
	clear: both;
	float: left;
	height: 27px;
	margin: 0;
	margin-top: 8px;
	padding: 0;
	width: 100%;
}

.articles ul.tabs
{
	background: url('../_pic/icons/internet-news-reader_22x22.png') no-repeat 3px 3px;
	padding-left: 32px;
	width: 278px;
}

ul.tabs li
{
	background-color: #ececec;
	border-style: solid solid none solid;
	border-width: 1px;
	border-color: #ccc;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 24px;
	list-style-image: none;
	list-style-position: inside;
	list-style-type: none;
	margin: 0 5px 0 0;
	padding: 0;
}

ul.tabs li a
{
	color: #333;
	display: block;
	padding: 3px 8px;
	text-decoration: none;
}

.tags
{
	clear: both;
	padding-top: 9px;
	padding-top:9px;
	width:100%;
}

.tags a
{
	padding: 0 3px;
}

textarea.desc-file
{
	height:50px;
	margin-left: 5px;
}

.tools
{
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #ccc;
	clear: both;
	overflow: hidden;
	padding: 9px 0 8px 0;
	width: 100%;
}

.tools.tools-no-line
{
	border-bottom: none;
	padding-bottom: 9px;
}

.calendar .tools
{
	overflow: hidden;
}

.tools input
{
	border: none;
	cursor: pointer;
	float: right;
	height: 29px;
	width: 31px;
}

.tools label
{
	background: url('../_pic/bullet_arrow_gray_l.gif') no-repeat 65px 50%;
	color: #505050;
	float: left;
	padding-right: 18px;
	width: 60px;
}

.search-r .tools label
{
	background-position: 175px 50%;
	width: 175px;
}

.tools select
{
	height: 18px;
}

.tools .right label
{
	width: auto;
}

.tools.tools-big
{
	padding: 3px 0 2px 0;
}

.tools.tools-big label
{
	padding-top: 6px;
	padding-bottom: 6px;
}

.tools.tools-big select
{
	margin-top: 6px;
}

.turing
{
	margin: 9px 0;
	text-align: center;
}

a.sec-col
{
	padding-left: 50%
}

.u-line
{
	border-bottom: solid 1px #ccc;
}

.navigation .wrapper
{
	height: 61px;
	margin-bottom: 0;
}

/*******************************************************************/
#pupupBG{  
	display:none;  
	position:fixed;  
	height:100%;  
	width:100%;  
	top:0;  
	left:0;  
	background:#000000;  
	border:1px solid #ccc;  
	z-index:1;  
}  
#popupWin{  
	display:none;  
	position:fixed;  
	background:#FFFFFF;  
	border:2px solid #ccc;  
	z-index:2;  
	padding:12px;  
	font-size:13px;  
}  
/**********************************************************************/
/*Token input*/
/* Example tokeninput style #1: Token vertical list*/
ul.token-input-list {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    width: 400px;
    border: 1px solid #999;
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

ul.token-input-list li {
    list-style-type: none;
}

ul.token-input-list li input {
    border: 0;
    width: 350px;
    padding: 3px 8px;
    background-color: white;
}

li.token-input-token {
    background-color: #3F70AC;
    border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
    color: #fff;
    cursor: default;
    display: block;
    float: left;
    font-weight: bold;
    height: auto !important; 
    height: 1%;
    margin: 3px;
    overflow: hidden; 
    padding: 3px 5px;
}

li.token-input-token p {
    float: left;
    padding: 0;
    margin: 0;
}

li.token-input-token span 
{
    float: right;
    color: #fff;
    cursor: pointer;
    padding-left: 9px;
    padding-right: 3px;
}

li.token-input-selected-token {
    background-color: #08844e;
    color: #fff;
}

li.token-input-selected-token span {
    color: #bbb;
}

div.token-input-dropdown {
    position: absolute;
    width: 400px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 12px;
    font-family: Verdana;
    z-index: 1;
}

div.token-input-dropdown p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    color: #777;
}

div.token-input-dropdown ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown ul li {
    background-color: #fff;
    padding: 3px;
    list-style-type: none;
}

div.token-input-dropdown ul li.token-input-dropdown-item {
    background-color: #fafafa;
}

div.token-input-dropdown ul li.token-input-dropdown-item2 {
    background-color: #fff;
}

div.token-input-dropdown ul li em {
    font-weight: bold;
    font-style: normal;
}

div.token-input-dropdown ul li.token-input-selected-dropdown-item {
    background-color: #3F70AC;
    color: #fff;
}
/**********************************************************************/

div.waiting
{
	width: 100%;
	height: 100%;
	background-color: #ECECEC;
	background-image: url('../_pic/icons/ajax-loader.gif');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position:absolute;
	left:0;
	top:0;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

/****** TEST ***************/
.sort
{
	list-style-type: none;
}

.sort li
{
	border-bottom: 1px solid #ccc;
	float: left;
	height: 56px;
	padding: 9px 0 8px 0;
	width: 100%;
}

.sort ul
{
	margin: 0;
	overflow: hidden;
}

.sort-cat
{
	color: #333333;
	float: left;
	margin-left: 9px;
}

.sort-handle
{
	background:url("../_pic/icons/preferences-system-windows_22x22.png") no-repeat scroll 0 50% transparent;
	cursor:move;
	float:left;
	height:100%;
	width:22px;
}

.sort-item
{
	float: left;
	width: 630px;
}

.sort-name
{
	color: #333333;
	float: left;
	margin-left: 9px;
}

.sort .gallery
{
	margin: 0 9px;
}
/*************  SCROLLER ********/
/*	Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* 	The hotspots have a minimum width of 100 pixels 
	and if there is room the will grow and occupy 15% 
	of the scrollable area (30% combined). Adjust it 
	to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 90px;
	/*	There is a big background image and it's used 
		to solve some problems I experienced
		with Internet Explorer 6. */
	background-image: url(../_pic/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../_pic/cursors/cursor_arrow_left.cur), url(_pic/cursors/cursor_arrow_left.cur),w-resize;
}

/*	Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../_pic/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 90px;
	background-image: url(../_pic/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../_pic/cursors/cursor_arrow_right.cur), url(_pic/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../_pic/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/*	The scroll wrapper is always the same width and 
	height as the containing element (div). Overflow 
	is hidden because you don't want to show all of 
	the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}/************ END SCROLLER **/