#@import url("defaults.css");


p
{
    margin: 8px 0 8px 0;
    padding: 0px;
    border-style: none;
    border-width: 0px;
}

div
{
    margin: 0px;
    padding: 0px;
    border-style: none;
    border-width: 0px;
}

table
{
    margin: 0px;
    padding: 0px;
    border-style: none;
    border-width: 0px;

    border-collapse: collapse;
}
table td
{
    margin: 0px;
    padding: 0px;
    border-style: none;
    border-width: 0px;
}

form
{
    margin: 0px;
    padding: 0px;
    border-style: none;
    border-width: 0px;
}

em {font-weight: bold;}

img, a img
{
    margin: 0px;
    padding: 0px;
    border-style: none;
    border-width: 0px;
}


.ta-left, .align-left{ text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.align-justify { text-align: justify; }



.fl-left { float: left; }
.fl-right { float: right; }
.clear { clear: both; }



/* KICSIT SPECIALISAK */

label { cursor: pointer; }


.font-10 { font-size: 10px; }
.font-12 { font-size: 12px; }
.fw-bold { font-weight: bold; }

.margin-2 { margin: 2px; }
.margin-5 { margin: 5px; }

.margin-left-5 { margin-left: 5px; }
.margin-top-5 { margin-top: 5px; }
.margin-left-10 { margin-left: 10px; }
.margin-right-5 { margin-right: 5px; }
.margin-right-10 { margin-right: 10px; }

.margin-right-bottom-5 { margin-right: 5px; margin-bottom: 5px; }
.margin-left-bottom-5 { margin-left: 5px; margin-bottom: 5px; }


.padding-5
{
    padding: 5px;
}

.div-pad-left-5 { padding-left: 5px; }
.div-pad-left-10 { padding-left: 10px; }
.div-pad-left-20 { padding-left: 20px; }


.t-100 /* TABLE WIDTH 100% */
{
    width: 100%
}

.va-top, .t-valigntop td
{
    vertical-align: top;
}

.fs-10 { font-size: 10px; }
.fs-11 { font-size: 11px; }
.fs-12 { font-size: 12px; }
.fs-13 { font-size: 13px; }
.fs-14 { font-size: 14px; }
.fs-16 { font-size: 16px; }

/* / KICSIT SPECIALISAK */


body
{
    width: 100%;
    height: 100%;

    background-color: #666;

    margin: 0px;
    padding: 0px;

    color: #000;

    
	font: 12px Tahoma,Arial,Verdana,sans-serif;

    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

a { color: #000; text-decoration:none;}
a:visited { color: #000; text-decoration:none;}
a:active  { color: #000; text-decoration:none;}
a:hover { color: #333399; text-decoration:none;}
a:visited:hover { color: #333399; text-decoration:none;}



form
{
	display: block;
}
p, form p
{
    margin: 5px auto 5px auto;

    font-weight: normal;
	color: #000;
}
form p.first { margin-top: 20px; }
form div.fl-right { text-align: right; margin-top: -7px;}
form div.fl-right .input-text{ text-align: right; }



ul
{
    margin: 0;
    list-style-type: square;
}

em
{
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    font-size: 11px;
}

h1
{
    margin: 0px;
    padding: 0px;

    font-size: 13px;
    font-weight: bold;
    font-family: Tahoma, Verdana, Arial, Verdana, Helvetica, sans-serif;
    color: #000;

    letter-spacing: 1px;

    text-decoration:none;
}

h2
{
	display: inline;

    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold;

	color: #000;
	text-decoration:none;

	padding-left: 10px;/* H2 - login specific set */
}

img.img1pxb
{
	border: solid #FFF 1px;
}


.input-button
{
    width: 100px;
    height: 20px;

    font-size: 12px;

    color: #000;

    margin: 0px;
    padding: 0px;

    padding-left: 6px;

    border-style: solid;
    border-width: 1px;
	border-color: #AAA;
	background-color: #BBB;

	cursor: pointer;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.51);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.51);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.51);
}
.input-button:hover
{
	/*background-color: #DDD;*/

	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.51);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.51);
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.51);

}

.input-text, .input-select, textarea, .textarea
{
    width: 210px;
    height: 16px;
    line-height: 14px;

	font-family: Tahoma;
    font-size: 11px;
	font-weight: normal;

    border-style: solid;
    border-width: 1px;
	border-color: #555;
	background-color: #EFEFEF;

    margin: 0px;
    padding: 2px;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
textarea, .textarea
{
	width: 98%;
	height: 110px;
}
.ta-mini
{
	height: 36px;
}

.button-wide
{
	width: auto;
}

.input-select
{
	height: 24px;
	line-height: 20px;
}
.input-checkbox
{
	width: 14px;
	height: 14px;
	vertical-align: middle;
}

table td.rightAligned
{
	text-align: right;
}
table td.centered
{
	text-align: center;
}

div.error
{
    width: 100%;
    color: #B81F1F; 
    font-weight: bold;
    text-align: center;
    margin: 0px 0 15px 0;
}


#login-fields
{
	clear: both;
	margin: 6px 0px 0px auto;
	padding: 10px 0px 10px 20px;
	height: 120px;
	width: auto;
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: #888;

	color: #000;
}
#login-fields .input-button
{
}
#login-fields .input-text
{
	width: 150px;
}


table td
{
	vertical-align: top;
}



/* OVERRAL SITE DEFS */
#site-container
{
    width: 1000px;

    vertical-align: top;
	margin: 0px 0 0 0px;
}
#site-container-table
{
    width: 1000px;
    height: 100%;

    border-collapse: collapse;
    border-style: none;
    border-width: 0px;
}

#site-container-table td#content-handler
{
	width: 250px;
	height: 600px;
	overflow: scroll;

	padding: 0 5px 0 5px;

	background-color: #DDD;

	border-style: solid;
    border-width: 1px 0 1px 0;
    border-color: #333399;
}
#site-container-table td#content
{
	width: 750px;
}

#site-top
{
    width: 1000px;
    height: auto;

    border-style: none;
    background-color: #888;
}

#site-top #site-top-header
{
    display: none;

	height: 10px;
    line-height: 10px;

    background-color: #FFF;
}

#site-top-header select
{
	height: 25px;
	margin: 0 5px 0 5px;
	float: right;
}

#site-separator
{
    /*background-color: #FFF;*/

    margin: 0px;
    margin-top: 0px;

    width: 100%;
    height: 1px;
}

.site-menurow
{
    width: auto;
    color: #FFF;

    font-size: 11px;
    font-weight: bold;
    text-align: left;
}

.site-menurow ul
{
    margin: 0;
	height: 55px;

	padding: 6px 0 0 0;
    list-style-type: none;
}
.site-menurow ul li
{
	display: inline;
}

.site-menurow a
{
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.51);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.51);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.51);

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.site-menurow a.selected
{
	box-shadow: 0px 0px 3px rgba(168, 210, 253, 0.75);
	-moz-box-shadow: 0px 0px 3px rgba(168, 210, 253, 0.75);
	-webkit-box-shadow: 0px 0px 3px rgba(168, 210, 253, 0.75);
}

.site-menurow a { font-family: Tahoma; color: #000; text-decoration:none; margin: 0px 5px 0px 5px; padding: 5px; line-height: 40px; background-color: #CCC;  font-weight: bold; }
.site-menurow a:visited { color: #000; text-decoration:none; background-color: #CCC; border: 1px solid #000;}
.site-menurow a:active  { color: #000; text-decoration:none; }
.site-menurow a:hover { color: #666666; text-decoration:none; } /*background-color: #FFF; */
.site-menurow a:visited:hover { color: #666666;text-decoration:none; }

.site-menurow a.selected { color: #FFF; background-color: #333399; font-size: 12px; padding: 6px 5px 6px 5px; margin: 0px 2px 0px 2px;}
.site-menurow a.selected:visited { color: #FFF; background-color: #333399; }
.site-menurow a.selected:hover { color: #FFF;}
.site-menurow a.selected:visited:hover { color: #FFF;}

ul li.logo
{
	float: left;
	padding: 2px 20px 4px 10px;
}
ul li.logo img
{
	height: 40px;
	margin: 0 auto 0 auto;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

ul li.rightMost
{
	float: right;
	padding-right: 10px;

}
	ul li.rightMost a, ul li.rightMost a:visited
	{
		color: #BBB;
		background-color: #777;
	}
	ul li.rightMost a:hover, ul li.rightMost a:visited:hover
	{
		color: #CCC;
	}






#site-middle
{
    width: auto;

    vertical-align: top;
    margin: 0px 0 0 1px;
    padding: 0px;
}

#site-content
{
    height: 100%;
	min-height: 600px;

    margin: 0px;
    padding: 15px 5px 0 5px;


    border-style: solid;
    border-color: #666666;
    border-width: 1px 0px 1px 0px;

    background-color: #FFF;

    font-weight: normal;
    font-family: Tahoma;
	font-size: 11px;
    color: #000;
}

#site-content p 
{
	margin-bottom: 10px;
	font-weight: bold;
}
#site-content p i
{
	font-weight: normal;
}

.table-handler-buttons
{
    width: 100%;

    margin: 0px 0 5px 0;
    padding: 0px;
    border-style: solid;
    border-width: 0px;
    border-top-width: 1px;
    border-color: #000; 

    border-collapse: collapse;

    background-color: #D0CFC6;
}

.table-handler-buttons td
{
    vertical-align: middle;
    width: 50%;
    height: 24px;
    padding: 4px;
}

.boxcontent-sep-blue
{
    width: 100%;
    height: 1px;
    background-color: #D2D3FF; /*7CA2F5*/

    margin: 0px;
    padding: 0px;
}



p.pullin15
{
	margin: 15px;
}

/* /OVERRAL SITE DEFS */


/* LIST HANDLER DEFINITIONS */
.list-chandler-item, .list-chandler-item-selected
{
    width: 90%;
	height: 23px;
	line-height: 23px;

    background-color: #333399;

    color: #FFF;

    margin: 22px 0 10px 0;
    padding: 0 5px 0 5px;

    cursor: pointer;

    font-weight: bold;


	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.51);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.51);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.51);
	

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

}
.list-chandler-item-selected
{
    background-color: #333399; /* #F4D79F */
    color: #CCC;
    cursor: default;
}

.list-chandler-item .small, .list-chandler-item-selected .small
{
	font-size: 9px;
	font-weight: normal;
}

/* SUBITEM */
.list-chandler-subitem, .list-chandler-subitem-selected
{
    width: 90%;

    font-size: 10px;

    margin: 3px 0px 0px auto;
    padding: 3px;

    color: #C8C8C8;

    text-align: right;

    font-weight: normal;
    background-color: #69789E;

    border-color: #69789E;
    border-style: solid;
    border-width: 1px 0 1px 0;

    /* cursor: pointer; */

    letter-spacing: 1px;
}
.list-chandler-subitem-selected
{
    cursor: default;
    color: #FFF;

    border-color: #FFF;
    border-style: solid;


    background-color: #5786DD;

    font-weight: normal;
}

/* /LIST HANDLER DEFINITIONS */

#loginImage
{
	float: left;

	border: 0px solid #333399;
	border-width: 1px 0 1px 0;


	margin: 0px 15px 0px 0px;
}



#adminRightsPanel
{
	display: none;
}


.categoryRow
{
	width: auto;
	padding: 4px 4px 4px 4px;
	margin: 0 0 6px 0;

	font-size: 12px;
	color: black;

	background-color: #FFF;
}

.categoryRow a
{
	color: black;
}
.categoryRow a:hover
{
	color: #555;
}

.categoryRow img
{
	float: right;
}


/* FORM TABLE DEFINITIONS */

table.listTable
{
	width: 100%;
	border-collapse: separate;
}
	table.listTable thead td
	{
		font-weight: bold;
		background-color: #666666;
		color: #FFF;

		padding: 5px;
	}

	table.listTable thead tr td {
		
		margin: auto;
		border: 0px solid white;
		position:relative;

		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.99);
		-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.99);
		-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.99);

		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}


	table.listTable tbody tr td
	{
		cursor: pointer;
	}
		table.listTable tbody tr:hover td
		{
			background: #ccc;

			border: 0px solid white;
			position: relative;

			box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.51);
			-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.51);
			-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.51);
		}
			table.listTable tbody tr:hover td
			{
				position: relative;
				left: 3px;
			}

				table.listTable tbody tr:hover td a
				{
					color: #000;
				}


		table.listTable tbody td
		{
			border: 0px solid white;
			padding: 8px 5px 8px 5px;
		}
		table.listTable tbody td a
		{
			font-weight: bold;
		}

		table.listTable tbody tr.odd td
		{
			/*background-color: #FFF;*/
		}
		table.listTable tbody tr.even td
		{
			/*background-color: #FFF;*/
		}
		table.listTable tbody tr:hover td
		{
			/*background-color: #DDD;*/
		}



table.formTable
{
	width: 97%;
	margin: 10px;
}
	table.formTable tr:hover td
	{
		background-color: #DDD;
	}

	table.formTable td
	{
		vertical-align: top;
		font-weight: bold;
		padding: 6px;
		color: #000;
	}

.offerElement
{
	clear: both;
	margin: 4px 0 2px 0;
	padding: 4px 0 4px 0;

	border: 1px solid #333399;
	border-width: 1px 0 1px 0;
}
	.offerElement table.formTable
	{
		width: 50%;
		margin: 0px;
	}
		#listOfferElement, #listOfferElement td
		{
			background: #EEE;
		}
			#listOfferElement .offerElement:hover, #listOfferElement .offerElement:hover td
			{
				background: #FFF;
			}

		.offerElement table.formTable td
		{
			padding: 3px;
		}
			.offerElement table.formTable td.firstCol
			{
				white-space: nowrap;
			}

			.offerElement table.formTable td .input-text
			{
				width: 140px;
			}
			.offerElement table.formTable td .textarea
			{
				width: 610px;
				height: 150px;
			}
			.offerElement table.formTable td .input-select
			{
				width: 141px;
				margin: 2px 6px 0 0;
			}
			.offerElement table.formTable td input.btnShowMiniCrud
			{
				height: 18px;
			}


table.formTableSubmit
{
	width: 97%;
	margin: 10px auto 20px auto;
}
	table.formTableSubmit tr
	{
	}

	table.formTableSubmit tr td
	{
		padding: 6px;
	}
	table.formTableSubmit tr:hover
	{
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	table.formTableSubmit tr:hover td
	{
	}

	table.formTableSubmit tr td.leftAligned
	{
		text-align: left;
	}
	table.formTableSubmit tr td.centered
	{
		text-align: center;
	}
	table.formTableSubmit tr td.rightAligned
	{
		text-align: right;
	}


/* INFOBAR */
div#infoBar
{
	position: absolute;
	width: 865px;

	padding: 5px 5px 5px 5px;

	margin: 46px 0 0 110px;

	font-weight: bold;
	font-size: 12px;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
div#infoBar.success
{
	background-color: #339900;
	color: #FFF;
}
div#infoBar.fail
{
	background-color: #FF0033;
	color: #FFF;
}
/* /INFOBAR */


/* MINI-CRUD */
.btnShowMiniCrud
{
	width: 20px;
	height: 20px;
	font-weight: bold;
	background-color: #333399;
	color: #FFF;

	padding: 0px;

	border: 1px solid #666;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#miniCrud
{
	display: none;
}
#miniCrud table
{
	width: 100%;
}

#miniCrud #crudInfoText
{
	width: 100%;
	color: #CC3366;
	line-height: 30px;
	height: 30px;
	display: none;
}
/* MINI-CRUD */


/* TAB for offer and acknowledgement */
#tabs
{
	width: 96%;
	margin: 0 auto 0 auto;
}

td#offerElementControlBar
{
	cursor: pointer;
}
	td#offerElementControlBar input
	{
		margin: 0 6px 0 0;
	}

input.date-picker
{
	width: 77px;
}

.offerElement table.formTable td select.product-list
{
	width: 195px;

}

#createAck
{
	display: none;
}

.delOffer
{
	padding: 10px 5px 5px 5px;
}

.currencyLabel
{
	font-size: 13px;
}
.actualCurrency
{
	display: inline;
	font-weight: bold;
	font-size: 13px;
}

a.elementProductEditLink, a.elementProductEditLink:visited, a.elementProductEditLink:active
{
	color: #333399;
}

label
{
	line-height: 10px;
	font-weight: normal;
}
label input
{
	height: 10px;
}

#sDeliveryDate, #sPaymentMode
{
	height: 70px;
}

#tabs #tabs-3 .formTable td.firstCol
{
	width: 200px;
}