/*
	boomerankCMS
	Style Sheet
	by boomerank
*/


/*> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
								BASICS
  < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < <*/

body {
	margin: 0;
	padding: 0;
	background: url(/pic/back.gif) repeat-y left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

img, a img {
	border: 0;
}

p {
	margin: 0 0 10px 0;
	padding: 0;
}

a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a.linkReverse {
	text-decoration: none;
}

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

ul, li {
	margin: 0;
	padding: 0;
}


/*> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
								HEADER
  < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < <*/

/*=====================================================================
								HEADER LEFT
  =====================================================================*/
#headerLeft {
	width: 160px;
	background: #a5C9e1;
	text-align: center;
	border-bottom: 1px solid #7f7f7f;
	vertical-align: top;
}

#headerLeft p {
	margin: 5px 0;
	padding: 0;
	color: #000;
}


/*=====================================================================
								HEADER MAIN
  =====================================================================*/

#headerMain {
	background: #1f78b4;
	color: #fff;
	vertical-align: top;
}

#headerMain a {
	color: #fff;
	text-decoration: none;
}

#headerMain a:hover {
	text-decoration: underline;
}

/*---------------------------------------------------------------------
								HEADER CENTER
  ---------------------------------------------------------------------*/
#headerCenter {
	float: left;
	padding: 10px 0 7px 20px;
}

#headerCenter h1 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 26px;
	font-weight: bold;
}

#headerCenter p {
	margin: 0;
	padding: 0;
}

/*---------------------------------------------------------------------
								HEADER RIGHT
  ---------------------------------------------------------------------*/
#headerRight {
	float: right;
	padding: 25px 20px 7px 0;
	text-align: right;
}



/*> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
								MAIN CONTENT
  < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < <*/


/*=====================================================================
								LEFT COLUMN
  =====================================================================*/
#contentLeft {
	width: 160px;
	padding: 30px 0 10px 0;
	vertical-align: top;
}

#contentLeft h1 {
	margin: 0 0 10px 15px;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #1f78b4;
}

#contentLeft ul {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	list-style: none;
	border-bottom: 1px solid #7f7f7f;
}

#contentLeft a {
	display: block;
	padding: 6px 10px 6px 15px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#contentLeft a:hover, #contentLeft a.on {
	background-color: #fff;
	padding: 5px 10px 5px 15px;
	border-top: 1px solid #7f7f7f;
	border-bottom: 1px solid #7f7f7f;
}


/*=====================================================================
								CENTER
  =====================================================================*/
#contentMain {
	padding: 20px 20px 5px 20px;
	vertical-align: top;
}

#thumbs {
	margin: 0;
	padding: 6px 0;
	list-style: none;
}

#thumbs li {
	position: relative;
	display: inline;
	padding-left: 10px;
	top: 1px;
}

/* zgornji thumbi */
#thumbs li span {
	padding: 6px;
	background: #fff url(/pic/thumb-detail.gif) no-repeat right top;
	border-top: 1px solid #7f7f7f;
	border-right: 1px solid #7f7f7f;
	border-left: 1px solid #7f7f7f;
	font-weight: bold;
}

#thumbs li a {
	padding: 6px 6px 5px 6px;
	background: #d2e4f0 url(/pic/thumb-detail.gif) no-repeat right top;
	border-top: 1px solid #a5a5a5;
	border-right: 1px solid #a5a5a5;
	border-bottom: 1px solid #7f7f7f;
	border-left: 1px solid #a5a5a5;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#thumbs a:hover {
	background: #fff url(/pic/thumb-detail.gif) no-repeat right top;
	border-left: 1px solid #7f7f7f;
	border-top: 1px solid #7f7f7f;
	border-right: 1px solid #7f7f7f;
}


/*---------------------------------------------------------------------
								PANEL
  ---------------------------------------------------------------------*/
#panel {
	padding: 20px 20px 0 20px;
	background-color: #fff;
	border: 1px solid #7f7f7f;
	min-width: 710px;
}

#panel h1 {
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	color: #1f78b4;
}

#panel h2 {
	margin: 15px 0 10px 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #1f78b4;
}

#panel h2 a {
	color: #1f78b4;
	text-decoration: none;
}

#panel h3 {
	margin: 15px 0 5px 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #1f78b4;
}

.textSmall {
	font-size: 10px;
}

.textGrey {
	color: #7f7f7f;
}

/* sporocila */
#msg {
	position: absolute;
	background-color: #1f78b4;
	padding: 15px;
	visibility: hidden;
	display: inline;
	color: #fff;
	font-weight: bold;
	border: 5px solid #fff;
}

/* link za prikaz/skritje vseh strani naenkrat */
.showorhideAll {
	color: #1f78b4;
}

.showorhideAll a {
	color: #1f78b4;
}

/* default stil za skrite sezname */
.off {
	display: none;
}

/* levi in desni divi */
.floatLeft, .floatRight {
	float: left;
	width: 340px;
}

.floatLeft {
	margin-right: 30px;
}

/* cifre pri statistiki */
p.statNumber span {
	font-size: 13px;
	font-weight: bold;
}

p.statNumber span.plus {
	color:#060;
	font-size:10px;
}

p.statNumber span.minus {
	color:#f00;
	font-size:10px;
}

/* div za pie charts */
#panel .pieChart {
	width: 730px;
	margin: 15px 0;
	border: 1px solid #d6d3d6;
	text-align: center;
}

#panel .pieChart h1 {
	margin: 0 0 10px 0;
	padding: 5px;
	font-size: 13px;
	background: #D2E4F0;
}


/*---------------------------------------------------------------------
								SEZNAM STRANI
  ---------------------------------------------------------------------*/
table.list {
	margin: 0 0 15px 0;
	width: 100%;
}

table.list td, table.list th {
	padding: 4px;
	background-image: url(/pic/dots.gif);
	background-position: bottom center;
	background-repeat: repeat-x;
}

/* ena verzija z vec vertikalnega paddinga */
table.list2 td {
	line-height: 150%;
}

table.list th {
	background-color: #1f78b4;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

/* on mouse over */
table.list tr:hover {
	background-color: #f2f2f2;
}

/* naslovi podrocij */
table.list td.areaTitle {
	color: #1f78b4;
	font-weight: bold;
}
table.list td.areaTitle a {
	color: #1f78b4;
}

/* razlicne barve in paddingi nivojev */
table.list tr.level0 td, table.list tr.level1 td {
	background-color: #c1d9ea;
}
table.list tr.pageLevel1 td.pageTitle {
	padding-left: 14px;
}

table.list tr.level2 td {
	background-color: #cee1ef;
}
table.list tr.level2 td.areaTitle {
	padding-left: 18px;
}
table.list tr.pageLevel2 td.pageTitle {
	padding-left: 32px;
}

table.list tr.level3 td {
	background-color: #dbe9f3;
}
table.list tr.level3 td.areaTitle {
	padding-left: 32px;
}
table.list tr.pageLevel3 td.pageTitle {
	padding-left: 46px;
}

table.list tr.level4 td {
	background-color: #e8f1f7;
}
table.list tr.level4 td.areaTitle {
	padding-left: 46px;
}
table.list tr.pageLevel4 td.pageTitle {
	padding-left: 60px;
}

table.list tr.level5 td {
	background-color: #f6fafc;
}
table.list tr.level5 td.areaTitle {
	padding-left: 60px;
}
table.list tr.pageLevel5 td.pageTitle {
	padding-left: 74px;
}

/* ikonce */
.icon {
	text-decoration: none;
}
.icon span {
	font-size: 10px;
	font-weight: bold;
	margin-left: 3px;
}

/* ikona delete */
.delete {
	color: #e93336;
}

/* ikona details */
.details {
	color: #1f78b4;
}

/* ikona tick */
.tick {
	color: #21a121;
}

/* ikona send */
.send {
	color: #3A8A12;
}

/* rdeca vrstica */
.rowRed {
	background-color: #ffe5e5;
}

/* zelena vrstica */
.rowGreen {
	background-color: #e5fae5;
}

/* rumena vrstica */
.rowYellow {
	background-color: #ffc;
}

/* siva vrstica */
.rowGrey {
	background-color:#e5e5e5;
}

/* stolpec z vrstnim redom  - drag */
td.drag {
	cursor: move;
	background: #d2e4f0 url(/pic/dots.gif) repeat-x top;
}

/* razmejitev z mesecem */
table.list tr.cellBreak, table.list tr.cellBreak:hover {
	background-color: #f6fafc;
	font-weight: bold;
}

/* vmesni znesek pri narocilu */
table.list .sum td {
	background-color: #e8f1f7;
	font-weight: bold;
}

/* skupni znesek pri narocilu */
table.list .total td {
	background-color: #c1d9ea;
	font-size: 14px;
	font-weight: bold;
}

/* link za skrivanje in odkrivanje zapisov */
.tableBottomLink {
	display: block;
	width: 150px;
	margin: -15px 0 10px 0;
	padding: 7px 0px 8px 15px;
	background-color: #d2e4f0;
	color: #0066cc;
	font-weight: bold;
	text-decoration: none;
}

.tableBottomLink:hover {
	background-color: #1f78b4;
	color: #fff;
}


/*---------------------------------------------------------------------
							SEZNAM PODROCIJ V KATALOGU
  ---------------------------------------------------------------------*/
#areaList {
	margin: 0;
	padding: 0;
	list-style: none;
}

#areaList li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#areaList a {
	display: block;
	padding: 4px;
	color: #1f78b4;
	text-decoration: none;
	background-image: url(/pic/dots.gif);
	background-position: top;
	background-repeat: repeat-x;
}

/* razlicni stili za razlicne nivoje poglavij*/
#areaList a.level1 {
	background-color: #c1d9ea;
}

#areaList a.level2 {
	background-color: #cee1ef;
	padding-left: 20px;
}

#areaList a.level3 {
	background-color: #dbe9f3;
	padding-left: 35px;
}

#areaList a.level4 {
	background-color: #e8f1f7;
	padding-left: 50px;
}

#areaList a.level5 {
	background-color: #f6fafc;
	padding-left: 65px;
}

#areaList a:hover {
	background-color: #eff5fa;
}


/*---------------------------------------------------------------------
							SEZNAM IZDELKOV
  ---------------------------------------------------------------------*/
#listItem, #listItem li {
	margin:0;
	padding: 0;
	list-style: none;
}


/*---------------------------------------------------------------------
							SORODNI IZDELKI
  ---------------------------------------------------------------------*/
#panelCross,
#panelImage,
#panelGallery,
#panelElement,
#panelRelated,
#panelComment,
#panelFilter,
#panelColor,
#panelVideo,
#panelFile {
	display: none;
	margin: 0 0 20px 0;
	padding: 5px 0 5px 10px;
	min-width: 705px;
	background-color: #d2e4f0;
	border: 1px solid #a5a5a5;
}

#panelEcard {
	margin: 0 0 20px 0;
	padding: 5px 0 5px 10px;
	min-width: 705px;
	background-color: #d2e4f0;
	border: 1px solid #a5a5a5;
}

#panelContentPrice,
#panelContentEquipment,
#panelContentProgram {
	display: none;
}

.crossBox {
	float: left;
	width: 220px;
}

.crossBox2 {
	background-color: #fff;
	border: 1px solid #7f7f7f;
}

#crossList {
	margin: 5px 0;
	padding: 0;
	list-style-type: none;
}

#crossList li {
	margin: 0;
	padding: 0;
	background: #fff url(/pic/dots.gif) repeat-x top;
}

#crossList a {
	display: block;
	padding: 3px;
	text-decoration: none;
	color: #000;
}

#crossList a.action,
#crossCross li.action {
	color: #f00;
}

#crossList a.preorder,
#crossCross li.preorder {
	color: #5e90ff;
}

#crossList a:hover {
	background: #f2f2f2 url(/pic/dots.gif) repeat-x top;
}

#crossList a.level0,
#crossList a.level1 {
	font-weight: bold;
}

#crossList a.level2 {
	font-weight: bold;
	margin-left: 5px;
	padding-top: 3px;
}

#crossList a.level3 {
	margin-left: 10px;
	padding-top: 1px;
}

#crossList a.level4 {
	margin-left: 15px;
}

#crossList a.level5 {
	margin-left: 20px;
}

/* seznam izdelkov pri sorodnih izdelkih */
#crossCross,
.crossList {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#crossCross li,
.crossList li {
	margin:0;
	padding: 3px;
	background: #fff url(/pic/dots.gif) repeat-x top;
	cursor: move;
}

/* komentarji */
#panelComment div.comment {
	width:600px;
	margin: 5px 5px 10px 0;
	padding: 7px;
	background-color: #fff;
	border: 1px solid #a5a5a5;
	line-height:150%;
}


/*---------------------------------------------------------------------
							PAGER
  ---------------------------------------------------------------------*/
.pager {
	margin: 10px auto;
	text-align: center;
	font-size: 12px;
	line-height: 280%;
}

.pager a {
	margin: 0 4px;
	padding: 4px 7px;
	color: #000;
	text-decoration: none;
	border: 1px solid #a5a5a5;
}

.pager a:hover {
	background: #d2e4f0;
	border: 1px solid #7f7f7f;
	text-decoration: none;
}

.pager span {
	margin: 0 4px;
	padding: 4px 7px;
	color: #000;
	background: #d2e4f0;
	border: 1px solid #7f7f7f;
}

.pager a.side, .pager a.side:hover {
	margin: 0 4px;
	padding: 0;
	background: none;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	text-decoration: underline;
	border: none;
}



/* spodnji del z gumbi */
#panelBottom {
	overflow:hidden;
	margin: 10px -20px 0 -20px;
	padding: 20px;
	background-color: #ececec;
	border-top: 1px solid #a5a5a5;
}

/* kvadratki za legendo na seznamih strani, produktov ... */
#legend {
	float: right;
	margin: 0;
	padding: 10px 10px 5px 10px;
	border: 1px solid #a5a5a5;
	background-color: #fff;
}

#legend div {
	margin: 0 0 5px 0;
	padding: 3px;
	font-size: 10px;
}

/* div za opombe */
.notice {
	margin: -5px 0 10px 0;
	padding: 7px;
	background-color: #e8f1f7;
	border: 1px solid #c1d9ea;
}

/* polje za koš */
.trash {
	height:50px;
	margin-top:20px;
	border:1px solid #f00;
	background: url(/pic/icon-trash.gif) no-repeat center center;
}


/*---------------------------------------------------------------------
									FORMS
  ---------------------------------------------------------------------*/
form {
	margin: 0;
	padding: 0;
}

/* forma za izbiro datuma */
form.formDate {
	width: 25em;
	margin: 10px 0 15px 0;
	padding: 10px;
	background: #f2f2f2;
	border: 1px solid #d6d3d6;
}

form.formDate div {
	float: left;
}

table.form {
	background: url(/pic/dots.gif) repeat-x top;
}

.formLeft {
	padding: 10px 10px 8px 0;
	vertical-align: top;
	background: url(/pic/dots.gif) repeat-x bottom;
}

.formRight {
	padding: 8px 0;
	vertical-align: top;
	background: url(/pic/dots.gif) repeat-x bottom;
}

/* polja, ki so bolj ali manj neaktivna */
.inactive {
	background-color: #f2f2f2;
}

input, textarea, select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

input.error,
textarea.error,
select.error {
	padding:2px;
	border:2px solid #f00;
	color:#000;
}

/* readonly field */
input.readonly {
	margin:0;
	padding:0;
	border:none;
}

.formRight select option {
	padding: 3px 0 0 0;
}

.buttonSave {
	padding: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-color: #1f78b4;
	color: #fff;
}

.buttonPreview {
	margin-left: 15px;
	padding: 7px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #1f78b4;
	color: #fff;
	vertical-align: bottom;
}

.buttonCancel {
	margin-left: 15px;
	padding: 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #f00;
	color: #fff;
	vertical-align: bottom;
}

.buttonBack {
	padding: 7px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #a5C9e1;
	color: #000;
	vertical-align: bottom;
}

.error {
	color: #f00;
}


/* FOOTER ____________________________________*/

#footer {
	margin: 0 0 10px 180px;
	color: #7f7f7f;
}

#footer a {
	color: #7f7f7f;
}

#footer a:hover {
	text-decoration: none;
}



/*> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
							EASY CLEARING
  < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < <*/

#panelCross:after,
#panelGallery:after,
#panelColor:after,
#panelElement:after,
#panelRelated:after,
#panelVideo:after,
form.formDate:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}