/*
MAINCOLORS:  #d2deed svetlo modra
	     #006699 tmavo modra
	     #6F767A siva
*/

BODY
{ 
	cursor: default; 	
	font-size: 9pt; 
	font-family: verdana;		
	margin: 0px;
}

H2
{
	color: #666666;
	FONT-WEIGHT: bold;
	font-size: 12pt; 
}

.bold
{
	font-weight: bold
}

.nadpis
{
	font-weight: bold;
	color: #191970;
	font-size: 11pt
}

a
{
	text-decoration: none;
	color: black;
}

a:hover
{
	FONT-WEIGHT: normal;
	COLOR: #000099;
	TEXT-DECORATION: underline;
}

input,select,button,textarea,pre
{
	font-family: verdana,sans-serif;
	font-size: 8pt;
}

table
{
	font-family: verdana,sans-serif; 
	font-size: 8pt; 
}



.selected
{
	color: red;
	background-color: WhiteSmoke;
}

.ROInput
{
	background-color: WhiteSmoke;
}

.admin
{
	background-color:#ffffcc;
}
.main
{
	
}

.headerLinks
{
	font-weight: bold;
	font-size: 12px;
	padding-top: 10px;
	color: gray
}

.headerLinks A
{
	font-weight: bold;
	font-size: 12px;
	color: #006699
}

.headerLinks A:VISITED
{
	font-weight: bold;
	font-size: 12px;
	color: #006699
}

.headerLinks A:ACTIVE
{
	font-weight: bold;
	font-size: 12px;
	color: #006699
}

.headerLinks A:LINK
{
	font-weight: bold;
	font-size: 12px;
	color: #006699
}

.headerLinks A:HOVER
{
	font-weight: bold;
	font-size: 12px;
	color: #006699
}
.headerLinks SPAN
{
	position: relative;
	top: +2px;
	font-size: 20px;
	color: #006699;
	padding: 0px 8px
}

.TopPanel
{
	height:40px;
}

.TopPanel td,div
{	
	color: #6F767A;
	font-weight:bold;
}

.TopPanel input
{	
	color: black;
	font-weight:normal;
}

.TopPanel a
{	
	color: black;
}

DIV
{
	color: Black;
}

.MenuPanel
{
width: auto;
}

.Char
{
	font-family:Wingdings;
}
.myLegend
{
 color: #0033ff;
 font-size: 9pt; 
 font-family: verdana;		
}

BODY.PopupWindow
{	
	background-color: #ece9d8;
	border-width: 1px;
}

.InfoField
{
	font-weight:bold;
}
.HighlightField
{
	background-color: #80aa80;
	font-weight:bold;
}

.TextField
{	
	width: 100px;
}
.EditField
{
	width: 280px;
}

.EditFieldNN
{
	width: 280px;
	background-color:#ffb0b0
}
.PropField
{
	font-weight:bold;
}

BUTTON IMG
{
	vertical-align: middle;
}

/* hlavne menu - pozadie */
TABLE.tblMenuMain
{
    BORDER-RIGHT: white 0px solid;
    BORDER-TOP: white 0px solid;
    BACKGROUND: #F8F8F8;
    BORDER-LEFT: white 0px solid;
    BORDER-BOTTOM: white 0px solid;
    TEXT-ALIGN: center;
    background-image: url(Images/pozadie.jpg)
}

TABLE.tblMenuMain TD
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}

/* hlavne menu - Selected */

TABLE.tblMenuSelected
{
    BORDER-LEFT: #006699 0px solid;
    BORDER-RIGHT: #006699 0px solid;
    BORDER-BOTTOM: #006699 0px solid;
    BORDER-TOP: white 0px solid;
    FONT-SIZE: 10px;
    BACKGROUND: #006699;
    TEXT-ALIGN: left
}

/* hlavne menu - nastavenie aktivnej bunky */
TABLE.tblMenuSelected TD
{
	padding: 0px 3px 1px 3px
}

/* hlavne menu - NonSelected */ 
TABLE.tblMenuNonSelected
{
    PADDING: 0px;
    BORDER-LEFT: #A0A0A0 1px solid;
    BORDER-RIGHT: #A0A0A0 1px solid;
    BORDER-TOP: #A0A0A0 1px solid;
    BORDER-BOTTOM: white 0px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    BACKGROUND: #F8F8F8;
    TEXT-ALIGN: left
}

/* hlavne menu - nastavenie neaktivnych buniek */
TABLE.tblMenuNonSelected TD
{
	padding: 0px 0px 0px 0px
}

/* hlavne menu - aktivny link */
A.tblMenuSelected
{
    FONT-WEIGHT: bold; COLOR: white; TEXT-DECORATION: none
}
TABLE.tblMenuSelected A:link
{
    FONT-WEIGHT: bold; COLOR: white; TEXT-DECORATION: none
}
TABLE.tblMenuSelected A:visited
{
    FONT-WEIGHT: bold; COLOR: white; TEXT-DECORATION: none
}
TABLE.tblMenuSelected A:active
{
    FONT-WEIGHT: bold; COLOR: #d2deed; TEXT-DECORATION: none
}
TABLE.tblMenuSelected A:hover
{
    FONT-WEIGHT: bold; COLOR: #d2deed; TEXT-DECORATION: none
}
SPAN.tblMenuSelected A
{
    COLOR: #d2deed;
    TEXT-DECORATION: none
}

/* submenu (tie ciarky "|") */
TD.tblSubMenu TD
{
    PADDING: 0px;
    BACKGROUND: #006699;
    COLOR: white;
    FONT-WEIGHT: normal;
}

/* neaktivne linky v submenu */
TABLE.tblMenuNonSelected A:link
{
    COLOR: #A0A0A0;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
TABLE.tblMenuNonSelected A:visited
{
    COLOR: #A0A0A0;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
TABLE.tblMenuNonSelected A:active
{
    COLOR: #A0A0A0;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
TABLE.tblMenuNonSelected A:hover
{
     COLOR: #006699;
     FONT-WEIGHT: bold;
     TEXT-DECORATION: none
}

TD.tblSubMenu
{
    BACKGROUND: #006699;
}

/* submenu (linky) */
TD.tblSubMenu A
{
	padding: 0px 0px 1px 0px;
    COLOR: white;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
}

TD.tblSubMenu A:hover
{
    COLOR: #F0F0F0;
}

/* aktivny link v submenu */

A.tblSubMenuOn:link
{
    COLOR: #8ECFEF
}

A.tblSubMenuOn:visited
{
    COLOR: #AFB6BA;
    background-color: #006699
}

A.tblSubMenuOn:active
{
    COLOR: #6F767A;
    background-color: #006699
}

A.tblSubMenuOn:hover
{
    COLOR: white;
}

/* roleta */
TABLE.tblSlideMenu
{
    BORDER: gray 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    BACKGROUND: #F8F8F8;
    COLOR: black;
    TEXT-ALIGN: left;
}

/* polozka v rolete */
.tblSlideMenu TD
{
    padding: 1px 8px;
 	 border: solid 1px #F8F8F8;
	 height: 18px;
    cursor: pointer;
}

/* zmena polozky rolety pri mouseOver */
TD.tblSlideMenuOn
{
	BACKGROUND: #D2DEED;
	border-color: #006699
}

/* polozka rolety po mouseOut */
TD.tblSlideMenuOff
{
	BACKGROUND: #F8F8F8;
	border-color: #F8F8F8;
}

/* end menu */

A IMG
{
	vertical-align: middle
}

.PortalMapLink
{
   FONT-WEIGHT: normal;
   FONT-SIZE: 10px;
   COLOR: #006699;
}

.LoginLink
{   
   FONT-SIZE: 10px;   
   BACKGROUND: #006699;
}

.LoginInfoText
{
	FONT-WEIGHT: bold;
	BACKGROUND: #fef3d8;
}

/* sticker */
.StickerMain
{
    MARGIN: 0px 0px 3px 0px;
    TEXT-ALIGN: left
}
.StickerHeader
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BACKGROUND: #EDEDDC;
	COLOR: #202020;
}
.StickerHeader TD
{
    PADDING: 3px 10px;
/*    BORDER: solid 1px gray;*/
}
.StickerBody
{
    PADDING: 0px 1px 1px 1px;
    FONT-SIZE: 11px;
}

.Copyright
{
	background:#C0BAC6;
	font-size:7pt;	
	color: BLACK;
}

/* strom */
.TabSelected
{
	background:#DED0D4;
	color: black;
	border: solid 1px #888888;
	border-bottom-style: dotted;

}
.TabNotSelected
{
	background: #F0F0F0;
	border: solid 1px #888888;
}

.TovarTree
{
	background: #F0F0F0;
	border: solid 1px #888888;
	border-top: none;
	padding: 6px
}

.ZalozkaSel
{
	width: 100px;
	font-weight: bold;
	height: 21px;
	background-color: Transparent;
	background-image: url(../Images/System/sel.gif);
	border: none;
}

.Zalozka
{
	width: 100px;
	height: 21px;
	background-color: Transparent;
	background-image: url(../Images/System/notsel.gif);
	border: none;
}

.Root
{
	background:#F0F0F0;
	border: solid 1px #888888;
	border-bottom-style: dotted;
	padding: 6px
}

.ItemSelected
{
	background: #d2deed;
}

.Tovar
{
	border: solid 1px #888888;
	padding: 5px;
}

.TovarHeader SPAN,DIV
{
   font-size:8pt;
   font-weight:normal;
}

.TovarHeader TD
{
   font-size:7pt;
   font-weight:normal;
   background:#6F767A;
   color: White;
   
   BORDER-RIGHT: solid 2px #FFFFFF;
   border-bottom: solid 2px #FFFFFF;
   
}

.Label
{
   font-weight:normal;
   background:#6F767A;
   color: White;	
}

.TovarItem
{
    BACKGROUND-COLOR: #f0f0f0;
    font-size:8pt;
}

.TovarItem TD
{
    BORDER-BOTTOM: #aaaaaa 1px solid;
}
.AltTovarItem
{
    BACKGROUND-COLOR: white;    
    font-size:8pt;    
}
.AltTovarItem TD
{
    BORDER-BOTTOM: #aaaaaa 1px solid;
}

HR
{
	height: 1px;
}

.TovarDetail
{
	border: #888888 1px solid;
	vertical-align: top;	
	padding: 10px
}

.odkaz A
{
	color: Blue;
	text-decoration: underline;
	font-weight: normal;
}

.TextInsert
{
	border: solid 1px Silver;
	background: #FFFFE0;
}

.LoginButton
{
background: #f0f0f0;
font-family: Verdana;
font-size: 7pt;
border: solid 1px black;
width: 73px;
cursor: pointer;
}

.FlatButton
{
background: #f0f0f0;
font-family: Verdana;
font-size: 7pt;
border: solid 1px black;
width: 110px;
cursor: pointer;
}

.ramcek
{
	border: 1px solid Gray;
}

.ramcek TD
{
	padding-left: 8px;
}

/* WebGrid */
.WebGrid
{	
 background-color: #DDDDCC; color: BLACK;
 BORDER-RIGHT: #aca899 1px solid; BORDER-TOP: #aca899 1px solid; BORDER-LEFT: #aca899 1px solid; BORDER-BOTTOM: #aca899 1px solid;
}

.FrameStyle 
{    background:#E6E6E6; }  

.GroupByBox {    background:#808080; }  

.GroupByBoxLabel {    background:#FFFFFF;   border-color:#000080;   border-width:1px;   border-style:solid;    font-family:Verdana;     font-size:8pt;     font-weight:normal;}

.Header {    background:#006699;   border-color:#ACA899;   border-width:1px;   border-style:solid;    font-family:Verdana;     font-size:8pt;     font-weight:normal;   color:#FFFFFF;   border-top-color: white;    border-left-color: white;}

.AltRow {    background:#E6E6E6;    font-family:Verdana;     font-size:8pt;     font-weight:normal;   text-overflow: ellipsis;    overflow-x: hidden;}

.Row {    background:#FFFFFF;    font-family:Verdana;     font-size:8pt;     font-weight:normal;   text-overflow: ellipsis;    overflow-x: hidden;   }

.GroupRow {    background:#F1EFE2;   border-color:#FFFFFF;   border-width:1px;   border-style:solid;    font-family:Verdana;     font-size:8pt;     font-weight:normal;   border-bottom-color: Silver;    border-right-color: Silver;}

.NewRow {    background:#FFFFFF;    font-family:Verdana;     font-size:8pt;     font-weight:normal;   color:#A9A9A9;}

.StatusBar {    color: #E0E0E0; background:#006699;   border-color:#ACA899;   border-width:1px;   border-style:solid;    font-family:Verdana;     font-size:8pt;     font-weight:normal;    padding:2px ;}

.EditTextbox {    border-width:0px;   border-style:none;    font-family:Verdana;     font-size:8pt;     font-weight:normal;}
/* WebGrid (end) */

/* Universal */
.DataFieldRO
{
	background-color: Transparent;
	border: solid 1px #888888;
}

.DataField
{
	background-color: #FFFFE0;
}

.DataFieldERR
{
	background-color: red;
	color: white
}

/* Kalendar */	

.today
{
	background-color: #eee8aa;
	font-size: 10px;
	font-family: Verdana;
	font-weight:bold;
	
}

.today DIV
{
	font-size: 10px;
	font-family: Verdana;
	font-weight:bold;
}

.headerDate
{
	background-color: #dcdcdc;
	font-size: 10px;
	font-family: Verdana;
	font-weight:bold;
}

.legendHour
{
	background-color: #ececec;
	font-size: 10px;
	font-family: Verdana;
	font-weight:bold;
}

.sobota
{
	background-color: #f0f0f0;
	font-size: 10px;
	font-family: Verdana;
	font-weight:normal;

}

.nedela 
{
	background-color: #f0f0f0;
	font-size: 10px;
	font-family: Verdana;
	font-weight:normal;

	border-color:#ffffff;
}

.kalendar
{
	background-color: #ffffe0;
	padding: 0px 2px;
	border-color:#ffffff;
}

.kalendar TD
{
	border-color:#ffffff;
}

/*  Návšteva dosla */
.Kat1
{
	background-color: #c0c0ff;
	width: 40px;
	height:16px;
	padding: 1px 1px;
	overflow: hidden;
	cursor:pointer;
}
/* Návšteva vysla */
.Kat2
{
	background-color: #c0c0af;
	padding: 1px 1px;
	width: 40px;
	height:16px;
	overflow: hidden;
	cursor:pointer;
}
/* Telefon dosly */
.Kat3
{
	background-color: #c0c00f;
	padding: 1px 1px;
	width: 40px;
	height:16px;
	overflow: hidden;
	cursor:pointer;
}
/* Telefon vysliy */
.Kat4
{
	background-color: #ffc03f;
	padding: 1px 1px;
	width: 40px;
	height:16px;
	overflow: hidden;
	cursor:pointer;
}
/* Uloha */
.Kat5
{
	background-color: #c0c0df;
	padding: 1px 1px;
	width: 40px;
	height:16px;
	overflow: hidden;
	cursor:pointer;
	
}


/* UpDownField */
BUTTON.UpDown
{
	width: 15px;
	height: 11px;
}
BUTTON.UpDown IMG
{
	vertical-align: top;
}

/* DropDownList */
.ConfInput INPUT
{
	padding-left: 3px;
	font: 10px Courier;
	width: 460px;
}

.ConfInput SELECT
{
	font: 10px Courier;
	width: 460px;
}

.ConfInputTable
{
	width: 650px;
}

/* parametre produktu */
.tpSkupina
{
    BACKGROUND: #d2deed;
	width:201px;
	border: 1px gray solid
}

.tpSkupina DIV
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    PADDING: 2px 4px;
}

.tpParameter
{
	width:100px;
	border-color:gray;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
}

.tpParameter DIV
{
	padding:2px 8px
}

.tpHodnota
{
	width:100px;
	border-color:gray;
	border-style: solid;
    border-width: 0px 1px 1px 0px;
}

.tpHodnota DIV
{
	padding:2px 8px;
    text-align:right
}

.tpSeparator
{
    BACKGROUND: #d2deed;
    width:201px;
    border: 1px gray solid;
    border-width: 0px 1px 1px 1px
}

.tpSeparator DIV
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    PADDING: 2px 4px;
}

.Span
{
	background-image: url(../Images/System/notsel4.gif);
	background-repeat: no-repeat;
	background-position: 4px 1px;
	padding: 0px 4px 2px 20px;
	cursor: pointer;
}

.SpanSel
{
	background-image: url(../Images/System/sel4.gif);
	background-repeat: no-repeat;
	background-position: 4px 1px;
	padding: 0px 4px 2px 20px;
	font-weight: bold;
	cursor: pointer;
}

.SpanSeparator
{
	padding-top: 3px;
	vertical-align: middle;
	height: 18px
}

.SpanSeparator SPAN
{
	vertical-align: middle;
	height: 20px
}

.TovarZobr
{
	background-image: url(../Images/System/notsel2.gif);
	background-repeat: no-repeat;
	background-position: 4px 1px;
	padding: 0px 4px 2px 20px;
	cursor: pointer;
	height: 20px
}

.TovarZobrSel
{
	background-image: url(../Images/System/sel2.gif);
	background-repeat: no-repeat;
	background-position: 4px 1px;
	padding: 0px 4px 2px 20px;
	font-weight: bold;
	cursor: pointer;
	height: 20px
}

.Button
{

	background:#DDDDDD;
	border: outset 3px #DDDDDD;
}

.ButtonSel
{
	background:#DDDDDD;
	border:inset 3px #F0F0F0;
}

.Zalozka2
{
	background: url(../Images/System/button-bg.gif) #D0D0D0;
	border: outset 1px;
}

.Zalozka2Sel
{
	background: url(../Images/System/button-bgSel.gif) #D0D0D0;
	border: inset 1px;
}

/* vsetky zvisle, bodkovane */
TD.bodkovane
{
	border-left: 1px dotted black;
	border-right: 1px dotted black;
	padding: 6px;
}

/* Kbase - vsetky, bodkovane */
TD.bodkovaneVsetky
{
	border: 1px dotted black;
	padding: 6px;
}
HR.bodkovane
{
	border: 1px dotted black;
}

/* vsetky zvisle, plne */
TD.plne
{
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding: 6px;
}
TD.plneVsetky
{
	border: 1px solid black;
	padding: 6px;
}

HR.plne
{
	border: 1px solid black;
}


.PopUp
{

	BORDER-RIGHT: gray 1px solid;
	BORDER-TOP: gray 1px solid;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	BACKGROUND: white;
	BORDER-LEFT: gray 1px solid;
	COLOR: black;
	BORDER-BOTTOM: gray 1px solid;
	TEXT-ALIGN: left
}

.PopUpItemOn {
	BACKGROUND: #04078c;
	COLOR: white;
}
.PopUpItemOff {
	BACKGROUND: white
} 

.gallery
{
	table-layout:fixed;
	float:left;
	border-right:1px solid silver;
	border-bottom:1px solid silver;
	width:245px;
	height: 245px;
	margin:5px;
	padding:3px;
	background:white;
	font-size:11px;
}
.gallery A
{
	font-weight: bold;
	color: white
}
.gallery A:LINK
{
	font-weight: bold;
	color: white
}

.gallery A:HOVER
{
	font-weight: bold;
	color: white
}

.gallery A:ACTIVE
{
	font-weight: bold;
	color: white
}

.gallery A:SELECTED
{
	font-weight: bold;
	color: white
}

.gallery TD
{
	vertical-align: top;
	padding: 4px
}

.gallery INPUT
{
	text-align: right;
	vertical-align: top;
	position: relative;
	top: -3px;
}

IMG.gallery
{
	width:55px;
	height:55px;
	border: none;
	float:left;
	padding-right:4px
}

.gallery_head
{
	font-weight: bold;
	width:245px;
	height:34px;
	text-align:left;
	vertical-align: top
}

.cena
{
	color:#FF6347;
	font-size:12px;
	text-align: right;
	background-color: #DBEAF1
}

.obrazky
{
	table-layout:fixed;
	border-top:1px solid silver;
	height: 80px;
	margin-bottom:4px;
	background:white;
	font-size:11px;
}

.obrazky TD
{
	vertical-align: top;
	padding: 4px
}

.obrazky INPUT
{
	text-align: right;
	vertical-align: top;
	position: relative;
	top: -3px;
}

IMG.obrazky
{
	width:55px;
	height:55px;
	border: none;
}

.vKosiku
{
	color: #006699;
	background-color: white;
	position: relative;
	left: -16px;
	top: -10px;
	font-weight: bold;
	font-size: 9px
}

IMG.stav
{
	width:16;height:16;vertical-align:text-bottom
}

.zoznam
{
	table-layout:fixed;
	border-top:1px dotted silver;
	height: 20px;
	padding:0px 2px;
	background:white;
	font-size:11px;
}

.zoznam INPUT
{
	text-align: right
}

.LoginHeader
{
	text-align: right;
}

DIV.LoginHeader TD
{
	padding: 0px;
}

.LoginHeader DIV
{
	color: Gray;
	font-size: 11px;
	border: solid 1px Gray;
	border-left: none;
	border-right: none;
	background: #F0F0F0;
	padding: 0px 2px;
	vertical-align: middle;
	height: 100%
}

.LoginHeader INPUT
{
	color: Gray;
	background: transparent;
}

.mainHeader
{
	background: #F8F8F8;
	height: 80px;
	width: 100%;
	border: solid 1px gray;
	margin-bottom: 6px
}

.mainHeader TD
{
	padding: 6px 16px
}

.required
{
	font-weight: bold
}

.myAlert
{
	position: absolute;
	width: 300px;
	border: solid 1px #606060;
	background: #F0F0F0;
	padding: 1px 1px 10px 1px;
	text-align: center
}

.myAlert BUTTON
{
	width: 60px;
	height: 22px;
	border: solid 1px black;
	font-family: Verdana;
	font-size: 12px
}

.myAlertHead
{
	height: 20px;
	background: #D2F2FF;
	color: #808080;
	padding: 2px 8px;
	text-align: left;
	vertical-align: middle;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold
}

.myAlertObsah
{
	table-layout: fixed;
	width: 100%;
	color: #404040;
	text-align: left
}

.myAlertObsah TD
{
	padding: 8px 16px;
	font-family: Verdana;
	font-size: 10px;
}


.crmInfo
{
	width: 100%;
	background: white;
}

.crmInfo TD
{
	background: #F0F0F0;
	padding: 1px 4px;
	white-space: nowrap;
}
.crmInfo IMG
{
 border: 0px;
}

.item
{
	cursor: pointer;
	vertical-align: baseline
}