/****** Kesko *****/
/* FONTS AND TEXTS */

#clsDivLocationInfo
{font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px 0px 0px 0px; font-weight: normal;}


div.maincontainer a:hover
{color: #5b8f22 !important; text-decoration: none !important;}

div.maincontainer a:visited
{color: #5b8f22 !important; text-decoration: none !important;}

div.maincontainer a:active
{color: #5b8f22 !important; text-decoration: none !important;}

div.maincontainer a:link
{color: #5b8f22 !important; text-decoration: none !important;}

.ms-pagebreadcrumb a:visited	
{color: #5b8f22 !important; text-decoration: none !important;}

.ms-pagebreadcrumb a:link	
{color: #5b8f22 !important; text-decoration: none !important;}

.breadcrumb a:visited	
{color: #5b8f22 !important; text-decoration: none !important;}

.breadcrumb a:link	
{color: #5b8f22 !important; text-decoration: none !important;}

.ms-WPBody a:visited	
{FONT: 12px Arial, Helvetica, sans-serif;
color: #5b8f22 !important; text-decoration: none !important;}


.ms-WPBody a:active	
{FONT: 12px Arial, Helvetica, sans-serif;
color: #5b8f22 !important; text-decoration: none !important;}

.ms-WPBody a:link	
{FONT: 12px Arial, Helvetica, sans-serif;
color: #5b8f22 !important; text-decoration: none !important;}

.ms-pagebreadcrumb a:hover	{text-decoration: underline !important;}

.breadcrumb a:hover	{text-decoration: underline !important;}

.ms-WPBody a:hover	{FONT: 12px Arial, Helvetica, sans-serif;
color: #5b8f22 !important; text-decoration: none !important;}

.ms-vb a, .ms-vb2 a, .ms-GRStatusText a, .ms-vb-user a, .ms-disc a 
{FONT: 12px Arial, Helvetica, sans-serif;
color: #5b8f22 !important; text-decoration: none !important;}


.ms-vh, .ms-vh2, .ms-vh-icon, .ms-vh-icon-empty, .ms-vhImage, .ms-gb, .ms-gb2,
.ms-gbload, .ms-vb, .ms-vb2, .ms-vb-tall, .ms-GRFont,
.ms-vb-user, table.ms-disc td, .ms-vh2-nofilter, .ms-vh2-nograd, .ms-vh3-nograd,
.ms-vh2-nograd-icon, .ms-vh2-nofilter-icon, .ms-pb, .ms-pb-selected, .ms-ph

{FONT: 12px Arial, Helvetica, sans-serif;
color: black !important; text-decoration: none !important;}


a:hover	{text-decoration: underline !important;}

a:visited {text-decoration: underline; color: blue;}

.ms-rteCustom-ArticleTitle	{font-size: 180%; margin: 0px 0px 0px 0px; font-weight: normal; color:black;}
.ms-rteCustom-ArticleTitle a	{margin: 0px 0px 0px 0px; font-weight: normal; color:black; text-decoration:none;}

h1	{font-size: 180%; margin: 0px 0px 0px 0px; font-weight: normal; color:black;}
.ms-rteCustom-ArticleHeadLine{font-size: 150%; margin: 0px 0px 10px 0px; font-weight: normal;}
h2{font-size: 150%; margin: 0px 0px 10px 0px; font-weight: normal;}
h3	{font-size: 115%; margin: 0px 0px 10px 0px; font-weight: bold;}
h4	{font-size: 100%; margin: 0px 0px 5px 0px; font-weight: bold;}
h5	{font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px 0px 5px 0px; font-weight: bold;}
h6	{font-size: 12px; margin: 0px 0px 5px 0px; font-weight: bold;}

textarea	{font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

select	{font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

input	{font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

p	{margin: 0px 0px 15px 0px;}

a img	{border: 0px;}


/* MAIN NAVIGATION (levels 1 and 2) */

#mainNavi {
	height: 68px;
	background: url(../images/kesko/mainnavi_bg.jpg) 0px 31px no-repeat;
	vertical-align: top;
 	text-decoration: none;
}


.level1tab1 {
	background-image: url(../images/kesko/bg_tab1.gif);
	width: 13px;
	height: 30px;
	text-decoration: none;
}

.level1tab2 {
	background-image: url(../images/kesko/bg_tab2.gif);
	height: 30px;
	text-decoration: none;
}

.level1tab2 A:link, .level1tab2 A:visited, .level1tab2 A:active  {
	color: #5b8f22;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;	
}

.level1tab2 A:hover{
	text-decoration: none;
	color: black;
	text-decoration: none;
}

.level1tab3 {
	background-image: url(../images/kesko/bg_tab3.gif);
	width: 14px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: top left;
	text-decoration: none;
}

.level1selectedtab1 {
	background-image: url(../images/kesko/bg_tab1_selected.jpg);
	width: 13px;
	height: 30px;
	text-decoration: none;
}

.level1selectedtab2 {
	background-image: url(../images/kesko/bg_tab2_selected.jpg);
	background-color: #00A681;
	height: 30px;
	color: white;
	text-decoration: none;
}

.level1selectedtab3 {
	background-image: url(../images/kesko/bg_tab3_selected.jpg);
	width: 14px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: top left;
	text-decoration: none;
}


.level1selectedtab2 A:link, .level1selectedtab2 A:visited, .level1selectedtab2 A:active  {
	color: #ffffff;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	
}



.level1selectedtab2 A:hover{
	text-decoration: none;
	color: black;
}



/* 2-tason navigointi*/
td.level2 {
	color: white;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;

	padding-left: 5px;
	padding-right: 5px;
}
td.level2 A:link {
	color: white;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-transform:  none;
	text-decoration: none;

	padding-left: 5px;
	padding-right: 5px;
}


td.level2 A:hover {
	color: white;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	text-decoration: underline;

	padding-left: 5px;
	padding-right: 5px;
}

td.level2 A:selected {
	color: white;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;

	padding-left: 5px;
	padding-right: 5px;
}


td.level2 A:visited {
	color: white;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;

	padding-left: 5px;
	padding-right: 5px;
}



.leftNav1 a {
	display: block;
	border-bottom: 1px solid #000000;
	clear: both;
}

#mainNavi ul#level2 {
	margin: 0px 0px 0px 4px;
	padding: 0px;
	list-style: none;
	height: 26px;
}
#mainNavi #level2 li {
	float: left;
	padding: 5px 11px;
}
#mainNavi #level2 a	{
	color: White;
}
#mainNavi #level2 .selected {
	font-weight: bold;
}

/***** Banner *****/
#header {
	background-color: #FFFFFF;
}
#footer {
	height: 40px;
	background-color: #E8E4D9;
}

.banner {
	padding: 0px;
	width: 910px;
	height: 70px;
	background-image:URL("../images/kesko/kippiajat-banneri_LMAgro_2018_2.jpg");
	padding-top:10px;
	vertical-align: top;
}
.bannerLogo {
	margin-top: 8px; 
	margin-left: 15px;
}
.bannerTopic {
	font-family: georgia regular;
	font-size:15pt;
	font-weight:700;
	text-align:right;
	padding:10px;
	color: #ffffff;/*#f2e115; #1BA780;  #A00006; */
}
.bannerSubTopic {	
	font-size:13pt;
	font-weight:600;
	margin-top:-4;
}
.mainMenu {
	padding-top: 1px;
	padding-bottom: 1px;
	width: 910px;
	text-align: left;
}
/***** Body *****/
#mainContent {
	background-color: #E8E4D9;	
}

BODY {
	font-family: arial;
	font-size: 10pt;
	color: #000000;
	
}

/***** Button *****/

.btn {
	height:21px;
	font-size: 9pt;
	padding:2px;
	padding-top: 1px;
	margin:0px;
	vertical-align: top;
	
	background-color: #F0F0F0 /* #FFD29D /* #F5F5F5 /* #F7B684 */ ;	
	background-position: top ;
	background-repeat: repeat-x;
	border: 1px solid #808080;
}

/***** Calender Table *****/

.calTd {
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: top;
	font-size: 8pt;	
	
	background-color: #FFFFFF /* #F5F5F5 /* #FEFEFF /* #FFFEF7 /* #FFFAE1  */ ;	
	background-position: top ;
	background-repeat: repeat-x;
}
.calTimeTd {
	text-align: left;
	vertical-align:top;
	padding-top: 0px;
	padding-left: 2px;
	height: 18px;
	font-weight: 700;
	
	background-color: #E3E3E3 /* #E4E7E9 /* #FFE4B3 /* #FFFEF7 /*#F7B684 #FFFAE1*/;
	background-image: URL("../images/calTimeRowBg.gif");
	background-position: top left;
	background-repeat: no-repeat;
	
}
.calDayTd {
	width: 110px;
}
.calIndent {
	margin-left: 30px;
	margin-top: -14px;
}

/***** Body Table *****/

.contentBodyTable {
	width:910px;
	padding: 0px;
	background-color:#FFFFFF;
	background-image: URL("../images/kesko/page_maincontent_bg.gif");
	background-repeat: no-repeat;
}

/***** Checkbox *****/

.chk {
	
}

/***** Content Table *****/

.content_vertical{
	width: 3px;
	background-color: #FFFFFF;
}
.contentTd{
	padding: 5px;
	font-size: 11pt;
}
.content_bottom_lSide{
	width: 3px;
	background-color: #FFFFFF;
}
.contentBottomTd{
	height: 3px;
	background-color: #FFFFFF;
}
.content_bottom_rSide{
	width: 3px;
	background-color: #FFFFFF;
}

/***** Day Row *****/

.dayRow {
	text-align: center;
	background-color: #F5F5F5 /* #FBB65D /*FF9C04 #F7B684*/ ;
	background-position: top ;
	background-repeat: repeat-x;	
}

/***** Form Table *****/

.formTable {
	margin: 10px;
	padding:0px;
}

/***** Heading Row *****/

.hRow {
	background-color: #5b8f22;
	height:32px;
	width: 870px;
	padding-left: 3px;
	margin: 0px;
	
	/* background-image: URL("../images/kesko/contentBgGrad.gif"); */
	background-position: top ;
	background-repeat: repeat-x;
}
.hRowTableLeft {
	background-color: #5b8f22;
	height:32px;
	width: 15px;
	margin: 0px;
	
	/* background-image: URL("../images/kesko/contentBgGrad.gif"); */
	background-position: top ;
	background-repeat: repeat-x;
}
.hRowTableRight {
	background-color: #5b8f22;
	height:32px;
	width: 15px;
	margin: 0px;
	
	/* background-image: URL("../images/kesko/contentBgGrad.gif"); */
	background-position: top ;
	background-repeat: repeat-x;
}
.hRowButtons {
	text-align:right;
	padding:0px;
	margin-bottom: 0px;
	margin-right:2px;
	margin-top:-18px;
}
.hRowText {
 	padding-top: 4px;
}

.hRowItems {
	padding-top: 4px;
}

/***** Menu *****/

.menuBar {
	text-align:left;
	padding: 0px;
	padding-top:3px;
	width: 910px;
	height:24px;
	color:#FFFFFF;
	font-size:11pt;
	
	background-color: #5b8f22;
	background-image: URL("../images/kesko/mainnavi_bg.jpg");
	background-position: top ;
	background-repeat: repeat-x;	
}

.menuButtons {
	text-align:right;
	padding: 0px;
	padding-right:4px;
	margin-top:-17;
}

.menuText {
	padding: 0px;
	padding-left:4px;
}

.menuLink {
	text-decoration: none;
	color: #FFFFFF;
	
}
.menuLinkBlack {
	text-decoration: none;
	color: #000000;
}

/***** Sub Menu *****/

.subMenu {
	text-align:left;
	width:910px;
	height:24px;
	padding-top:1px;
	
	background-color: #E8E4D9;
	background-position: top ;
	background-repeat: repeat-x;
}
.subMenuRText {
	text-align:right;
	margin-right:4px;
	margin-top:-19px;
	color:#000000;
}
.subMenuRHelp {
	text-align:right;
	margin-right:4px;
	margin-top:-12px;
	color:#000000;
}

.subMenuLText {
	text-align:left;
	margin-right:4px;
	margin-top:-19px;
	color:#000000;
}

/***** Table *****/

TABLE {
	font-family: arial;
	font-size: 10pt;
}
.dataTable {
	width: 890px;
	margin: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #808080 /* #000000; /* #F7B684 */;
	border: none;
}
.table {
	width: 890px;
	margin: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #808080 /* #000000; /* #F7B684 */;
	border: none;
}
.tableIndex {
	width: 890px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #808080 /* #000000; /* #F7B684 */;
	border: none;
}
.tableEdit {
	width: 770px;
}

/***** Tabs *****/

.tabAct_lSide {
	background-color: #5cb571 /* #FFFAE1 */ ;
	width: 1px;
}
.tabAct_center {
	background-color: #5cb571 /* #FFFAE1 */ ;
	width: 80px;
	padding-left: 5px;
	padding-right: 5px;
	background-image: URL("../images/tabBg_act.gif");
	background-repeat: repeat-x;
}
.tabAct_rSide {
	background-color: #5cb571 /* #FFFAE1 */ ;
	width: 1px;
}
.tabEmpty {
	background-image: URL("../images/tabBg_empty.gif");
	background-repeat: repeat-x;
}
.tabTable {
	margin-top: 4px;
	padding: 0;
	width:910px;
}
.tab_both {
	width: 1px;
}
.tabInAct_center {
	width: 80px;
	padding-left: 5px;
	padding-right: 5px;
	background-image: URL("../images/tabBg_inAct.gif");
	background-repeat: repeat-x;
}

/***** Text Field *****/

.tFld_Date {
	width: 70px;
}
.tFld_Week {
	width: 50px;
}
.tFld_Plan {
	width: 50px;
}
.tFld_User {
	width: 200px;
}
.TFld_PNro {
	width: 50px;
}
.TFld_PToim {
	width: 145px;
}

/***** User Table *****/

.userHeaderRow {
	background-color: #F5F5F5 /* #FBB65D /*FF9C04 #F7B684*/ ;
	background-position: top ;
	background-repeat: repeat-x;
}
.userTd {
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: top;
	font-size: 8pt;
	
	background-color: #FEFEFE /* #FEFEFF /* #FFFEF7 /* #FFFAE1  */ ;	
	text-align:left;

	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
}
.userTd1 {
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: top;
	font-size: 8pt;
	
	background-color: #FEFEFE /* #FEFEFF /* #FFFEF7 /* #FFFAE1  */ ;	
	text-align: right;

	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
}
.userTd2 {
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: top;
	font-size: 8pt;

	width: 150px;
	
	background-color: #FEFEFE /* #FEFEFF /* #FFFEF7 /* #FFFAE1  */ ;	
	text-align: right;

	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
}
.user_tFld {
	padding-top: 15px;
	padding-bottom: 15px;
}
.userLink {
	text-decoration: none;
	color: black;
	font-weight: bold;
	font-size: 10pt;
	
}

/***** Vertical Space *****/

.vSpace {
	width:910px;
	height:1px;
	background-color:#E8E4D9;
	padding-top: 1px;
}

/***** Warehouse Table *****/

.warTd {
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: top;
	font-size: 8pt;
	
	background-color: #FEFEFE /* #FEFEFF /* #FFFEF7 /* #FFFAE1  */ ;	
	text-align:center;
}
.warTdLeft {
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: top;
	font-size: 8pt;
	
	background-color: #FEFEFE /* #FEFEFF /* #FFFEF7 /* #FFFAE1  */ ;	
	text-align:left;
}
.warTdLeftGrey {
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: top;
	font-size: 8pt;
	
	background-color: #F5F5F5;
	text-align:left;
}
.warTdPlan {
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: top;
	font-size: 8pt;
	
	background-color: #FEFEFE /* #FEFEFF /* #FFFEF7 /* #FFFAE1  */ ;	
	text-align:left;
}
.warTdLocked {
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: top;
	font-size: 8pt;
	
	background-color: #006633 /* #FEFEFF /* #FFFEF7 /* #FFFAE1  */ ;	
	text-align:center;
}
.warDayTd {
	width: 127px;
}
.warDayTdNoWidth {
	
}
.warehouseTd {
	width: 126px;
	text-align: center;
	font-size: 9pt;
	
	background-color: #F5F5F5 /* #FEFEFF /* #FFFEF7 /* #FFFAE1  */ ;	
	background-position: top ;
	background-repeat: repeat-x;
	text-align:center;
}
.popper
{
    position : absolute;
    visibility : hidden;
	font-size: 9pt;
}
/********** reservationplan jsp **************/
.trbgcolplanthorn
{
	background-color: #e8e4d9;
}
.poptable
{
	width: 150px;
	border: none;
	padding: 2px;
	background-color: #4db7a0;
}
/********** topicallist jsp **************/
.dayRowLeft {
	text-align: left;
	background-color: #F5F5F5 /* #FBB65D /*FF9C04 #F7B684*/ ;
	background-position: top ;
	background-repeat: repeat-x;	
}
.warTdLeftBgGrey {
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: top;
	
	background-color: #F5F5F5 /* #FEFEFF /* #FFFEF7 /* #FFFAE1  */ ;	
	text-align: left;
}
.warTdRightBgGrey {
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: top;
	
	background-color: #F5F5F5 /* #FEFEFF /* #FFFEF7 /* #FFFAE1  */ ;	
	text-align: right;
}
.newstable {
	width: 870px;
	margin: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #ffffff /* #000000; /* #F7B684 */;
	border: none;
}

.mustateksti{
	color: #000000 !important;
}
td.tiedotOtsikko40{
	padding-left: 2px; 
	padding-right: 4px; 
	width: 40%; 
	vertical-align: top;
}
td.tiedotOtsikko60{
	padding-left: 2px; 
	padding-right: 4px; 
	width: 60%; 
	vertical-align: top;
}