/****************************************************************************************/
/*                                                                                      */
/* Snadna-cesta.cz administration - CONTENT TEMPLATES                                   */
/*                                                                                      */
/* Version:         2008-09-28 14:30                                                    */
/* Last changed by: Josef Vondracek, Soft Evolution s.r.o.                              */
/*                                                                                      */
/****************************************************************************************/

/*======================================================================================*/
/* GLOBAL TAGS                                                                          */
/*======================================================================================*/

.clearDIV
{
	width: 100%;
	height: 1px;
	clear: both;
	display: block;
	overflow: hidden;
}

.hidden
{
	visibility:hidden;
}

.recordMessage
{
    width: 99%;
    padding: 5px;
    margin: 10px 0;
    background: #fffcf5;
    border: 1px solid #ffb400;
    color: #ffb400;
    font-weight: bold;
}

.ui-datepicker-trigger
{
    position: relative;
    left: 5px;
    top: 3px;
}

/*======================================================================================*/
/* ORDERS                                                                               */
/*======================================================================================*/

#orders
{
	width: 100%;
}

#orders h2
{
	width: 100%;
	padding: 0 0 10px 0;
	clear: both;
	font-size: 130%;
}

#orders h2 a
{
	padding: 0 0 0 15px;
	display: block;
	float: right;
	background: url(Images/plus.png) no-repeat left center;
	color: #d63432;
	font-size: 90%;
}

#orders h2 span
{
	float: left;
}

#addProduct2OrderDivLink,
#addGift2OrderDivLink
{
	padding: 20px 15px 10px 35px;
	clear: both;
	display: block;
	background: url(Images/plus.png) no-repeat 20px 22px;
	color: #d63432;
}

#addGift2OrderDivLink
{
    padding-top: 0px;
    background-position: 20px 2px;
}

#addProduct2OrderDiv
{
	display: none;
	padding: 20px 0 10px 15px;
}

/*======================================================================================*/

#orders .orderStatusesTable,
#orders .orderStatusesTable .normal,
#orders .orderStatusesTable .selected,
#orders .orderStatusesTable td,
#orders .orderStatusesTable tr
{
	border: none;
}

#orders .orderStatusesTable .normal a,
#orders .orderStatusesTable .selected a
{
	padding: 2px 0 2px 15px;
	display: block;
	background: url(Images/arrow-order.png) no-repeat left center;
	color: #d63432;
}

#orders .orderStatusesTable .selected a
{
	padding: 2px 0 2px 35px;
	background-position: 20px center;
	font-weight: bold;
}

/*======================================================================================*/

.orderInfoCell a,
.orderInfoCell span,
.orderInfoCell input
{
	display: block;
}

.orderInfoCell a
{
	padding: 5px 0 2px 15px;
	background: url(Images/doc.png) no-repeat left 6px;
	color: #d63432;
}

.orderInfoCell span
{
	padding: 5px 0 2px 15px;
	background: url(Images/doc.png) no-repeat left 6px;
	color: #404040;
}

.orderInfoCell span a
{
	padding: 0;
	background: none;
}

.orderInfoCell input
{
	width: 150px;
	margin: 2px 0 0 15px;
}

/*======================================================================================*/
/* PRODUCTS                                                                             */
/*======================================================================================*/

#products
{
	width: 100%;
}

#products h2
{
	width: 100%;
	padding: 0 0 10px 0;
	clear: both;
	font-size: 130%;
}

#products h2 a
{
	padding: 0 0 0 15px;
	display: block;
	float: right;
	background: url(Images/plus.png) no-repeat left center;
	color: #d63432;
	font-size: 90%;
}

#products h2 span
{
	float: left;
}

/*======================================================================================*/
/* COMMENTS                                                                             */
/*======================================================================================*/

#commentsDetail
{
	width: 100%;
}

#commentsDetail h2
{
	width: 100%;
	padding: 0 0 10px 0;
	clear: both;
	font-size: 130%;
}

#commentsDetail h2 a
{
	padding: 0 0 0 15px;
	display: block;
	float: right;
	background: url(Images/plus.png) no-repeat left center;
	color: #d63432;
	font-size: 90%;
}

#commentsDetail h2 span
{
	float: left;
}

/*======================================================================================*/
/* MANUFACTURERS                                                                        */
/*======================================================================================*/

#manufacturers
{
	width: 100%;
}

#manufacturers h2
{
	width: 100%;
	padding: 0 0 10px 0;
	clear: both;
	font-size: 130%;
}

#manufacturers h2 a
{
	padding: 0 0 0 15px;
	display: block;
	float: right;
	background: url(Images/plus.png) no-repeat left center;
	color: #d63432;
	font-size: 90%;
}

#manufacturers h2 span
{
	float: left;
}

/*======================================================================================*/
/* CONTENTS                                                                             */
/*======================================================================================*/

#contents
{
	width: 100%;
}

#contents h2
{
	width: 100%;
	padding: 0 0 10px 0;
	clear: both;
	font-size: 130%;
}

#contents h2 a
{
	padding: 0 0 0 15px;
	display: block;
	float: right;
	background: url(Images/plus.png) no-repeat left center;
	color: #d63432;
	font-size: 90%;
}

#contents h2 span
{
	float: left;
}

/*======================================================================================*/
/* PAYMENT TYPES                                                                        */
/*======================================================================================*/

#paymentTypes
{
	width: 100%;
}

#paymentTypes h2
{
	width: 100%;
	padding: 0 0 10px 0;
	clear: both;
	font-size: 130%;
}

#paymentTypes h2 a
{
	padding: 0 0 0 15px;
	display: block;
	float: right;
	background: url(Images/plus.png) no-repeat left center;
	color: #d63432;
	font-size: 90%;
}

#paymentTypes h2 span
{
	float: left;
}

/*======================================================================================*/
/* STORE STATUSES                                                                       */
/*======================================================================================*/

#storeStatuses
{
	width: 100%;
}

#storeStatuses h2
{
	width: 100%;
	padding: 0 0 10px 0;
	clear: both;
	font-size: 130%;
}

#storeStatuses h2 a
{
	padding: 0 0 0 15px;
	display: block;
	float: right;
	background: url(Images/plus.png) no-repeat left center;
	color: #d63432;
	font-size: 90%;
}

#storeStatuses h2 span
{
	float: left;
}

/*======================================================================================*/
/* TRANSFER TYPES                                                                       */
/*======================================================================================*/

#transferTypes
{
	width: 100%;
}

#transferTypes h2
{
	width: 100%;
	padding: 0 0 10px 0;
	clear: both;
	font-size: 130%;
}

#transferTypes h2 a
{
	padding: 0 0 0 15px;
	display: block;
	float: right;
	background: url(Images/plus.png) no-repeat left center;
	color: #d63432;
	font-size: 90%;
}

#transferTypes h2 span
{
	float: left;
}

/*======================================================================================*/
/* CATEGORIES                                                                           */
/*======================================================================================*/

#categories
{
	width: 100%;
}

#categories h2
{
	width: 100%;
	padding: 0 0 10px 0;
	clear: both;
	font-size: 130%;
}

#categories h2 a
{
	padding: 0 0 0 15px;
	display: block;
	float: right;
	background: url(Images/plus.png) no-repeat left center;
	color: #d63432;
	font-size: 90%;
}

#categories h2 span
{
	float: left;
}

/*======================================================================================*/
/* HOMEPAGE                                                                             */
/*======================================================================================*/

#homepage
{
	width: 100%;
}

#homepage #leftPanel
{
	width: 860px;
	float: left;
}

#homepage #rightPanel
{
	width: 300px;
	float: right;
}

/*======================================================================================*/

#homepage h2
{
	padding: 25px 0 15px 0;
	font-size: 120%;
}

#homepage h2 a
{
	color: #d63432;
	font-size: 90%;
	text-decoration: none;
}

#homepage .lastOrdersHeader
{
	padding-left: 40px;
	background: url(Images/last-orders.png) no-repeat left center;
}

#homepage .lastOrdersHeader a
{
	float: right;
	position: relative;
	left: -10px;
}

#homepage .statisticsHeader
{
	padding-left: 40px;
	background: url(Images/statistics.png) no-repeat left center;
}

#homepage .notesHeader
{
	padding: 25px 0 15px 40px;
	background: url(Images/notes.png) no-repeat left center;
}

#homepage .notesHeader a
{
	float: right;
	position: relative;
	left: -10px;
}

#homepage .onlineUsersHeader
{
	padding-left: 40px;
	background: url(Images/online-users.png) no-repeat left center;
}

/*======================================================================================*/

#homepage #leftPanel #comments
{
	width: 430px;
	float: left;
}

#homepage #leftPanel #comments .comment
{
	width: 415px;
	padding: 5px 0 5px 15px;
	background: url(Images/arrow.png) no-repeat 0px 17px;
	border-bottom: 1px solid #c7c7bf;
}

#homepage #leftPanel #comments .comment .date
{
	color: #d63432;
	width: 100%;
}

#homepage #leftPanel #comments .comment .header
{
	color: #d63432;
	font-weight: bold;
}

/*======================================================================================*/

#homepage #rightPanel #statiscics
{
	width: 300px;
	padding-top: 25px;
	float: right;
}

#homepage #rightPanel #statiscics .statTable
{
	width: 100%;
	margin: 0 0 30px 0;
}

#homepage #rightPanel #statiscics .statTable td
{
	padding: 5px 15px;
	border: 1px solid #d3d3d3;
	border-top: none;
}

#homepage #rightPanel #statiscics .statTable .header
{
	border: 1px solid #d3d3d3;
	background: #f1f1ef;
	color: #404040;
	font-weight: bold;
}

/*======================================================================================*/

#homepage #rightPanel .notes
{
	padding: 0 0 30px 0;
}

#homepage #rightPanel .notes .loader
{
	padding: 5px 0 5px 25px;
	background: url(Images/ajax-loader.gif) no-repeat left center;
}

#homepage #rightPanel .notes .note
{
	width: 280px;
	padding: 5px 10px;
	margin: 0 0 2px 0;
	background: #f0f8ff;
	border: 1px solid #cce8ff;
}

#homepage #rightPanel .notes .note a
{
	color: #d63432;
}

#homepage #rightPanel .notes .note .closed
{
	text-align: right;
	color: #d63432;
}

#homepage #rightPanel .notes .note .closed span
{
	float: left;
	color: Black;
}

#homepage #rightPanel .notes .note .opened
{
	
}

#homepage #rightPanel .notes .note .opened .date
{
	float: left;
	color: #d63432;
}

#homepage #rightPanel .notes .note .opened .links
{
	float: right;
	color: #d63432;
}

#homepage #rightPanel .notes .note .opened h5
{
	width: 100%;
	padding: 3px 0;
	clear: both;
}

#homepage #rightPanel .notes .note .editorTitle
{
	font-weight: bold;
}

#homepage #rightPanel .notes .note .editorNoteName
{
	width: 100%;
}

#homepage #rightPanel .notes .note .editorNoteContent
{
	width: 100%;
	height: 60px;
}

/*======================================================================================*/

#homepage #rightPanel #onlineUsersList
{
	width: 270px;
	padding: 15px;
	background: #fdfaca;
	border: 1px solid #faf6b0;
}

/*======================================================================================*/
/* SEARCH PANEL                                                                         */
/*======================================================================================*/

#searchPanel
{
	padding: 10px 0 10px 0;
	margin: 0 0 10px 0;
	border-top: 1px dotted gray;
	border-bottom: 1px dotted gray;
}

#searchPanel h2
{
	font-size: 11px;
	padding: 0;
	margin: 0;
}

#searchPanel .item
{
	height: 25px;
	padding: 5px 0;
}

#searchPanel .item span
{
	width: auto;
	display: block;
	clear: both;
	font-weight: bold;
}

#searchPanel .item .text
{
	width: 150px;
	margin: 0 5px;
}

#searchPanel .item input,
#searchPanel .item select
{
	width: 165px;
}

#searchPanel .item .checkbox input
{
	width: auto;
	position: relative;
	top: 2px;
}

#searchPanel .space
{
	width: 30px;
}

#searchPanel .button
{
	padding: 5px 20px;
	margin: 0 10px 0 0;
	background: #404040;
	border: none;
	color: White;
	font-weight: bold;
}

/*======================================================================================*/
/* MASS ACTIONS PANEL                                                                   */
/*======================================================================================*/

#massActionsPanel
{
	width: 100%;
	height: 25px;
	padding: 10px 0;
	clear: both;
}

#massActionsPanel .count
{
	float: left;
	font-style: italic;
}

#massActionsPanel .actions
{
	float: right;
}

#massActionsPanel .actions span
{
	font-weight: bold;
}

#massActionsPanel .actions .select
{
	margin: 0 7px;
}

#massActionsPanel .actions .button
{
	
}

/*======================================================================================*/
/* TABLE FOR INSERTING AND EDITIND DATA RECORD                                          */
/*======================================================================================*/

.dataEditTable
{
	width: 100%;
	margin: 5px 0;
	border: none;
	clear: both;
}

.dataEditTable td
{
    padding: 0 0 5px 0;
	vertical-align: top;
	border: none;
}

.dataEditTable tr
{
	padding: 0 0 7px 0;
	border: none;
}

.dataEditTable .title
{
	width: 250px;
	padding: 3px 10px 0 0;
	text-align: right;
	font-weight: bold;
}

.dataEditTable .title a
{
	color: #d63432;
}

.dataEditTable .controlParent
{
	
}

.dataEditTable .controlParentText
{
	padding: 3px 10px 0 0;
}

.dataEditTable .titleSeparatorLeft
{
	padding: 20px 0 1px 0;
	text-align: right;
	font-weight: bold;
	color: #969696;
	border-bottom: 1px solid #dddddd;
}

.dataEditTable .titleSeparatorRight
{
	padding: 20px 0 1px 0;
	text-align: left;
	font-weight: bold;
	color: #969696;
	border-bottom: 1px solid #dddddd;
}

.dataEditTable .controlParent .description
{
    padding: 0 0 5px 0;
	display: block;
	clear: both;
	color: #7f7f7f;
	font-style: italic;
}

/*======================================================================================*/

.dataEditTable .text
{
	width: 300px;
}

.dataEditTable .textarea
{
	width: 500px;
}

.dataEditTable .textMiddle
{
	width: 150px;
}

.dataEditTable .textSmall
{
	width: 70px;
}

.dataEditTable .textArea
{
	width: 90%;
	height: 100px;
}

.dataEditTable .select
{
	min-width: 300px;
}

/*======================================================================================*/

.dataEditTableButtons
{
	width: 100%;
	padding: 15px 0;
	clear: both;
}

.dataEditTableButtons input
{
	padding: 5px 20px;
	margin: 0 10px 0 0;
	background: #404040;
	border: none;
	color: White;
	font-weight: bold;
}

/*======================================================================================*/

.dataEditTableDIV
{
	width: 100%;
	padding: 10px 0;
	border: 1px solid #dddddd; 
	float: left;
	clear: both;
}

.dataEditTableTabHeaderON,
.dataEditTableTabHeaderOFF
{
	padding: 7px 20px;
	margin: 0 5px 0 0;
	display: block;
	float: left;
}

.dataEditTableTabHeaderON
{
	padding-bottom: 8px;
	padding-top: 8px;
	position: relative;
	top: 1px;
	background: white;
	border: 1px solid #dddddd; 
	border-bottom: none;
	color: #d63432;
	font-weight: bold;
	text-decoration: none;
}

.dataEditTableTabHeaderOFF
{
	position: relative;
	top: 2px;
	background: #eeeeee;
	border: 1px solid #dddddd;
	border-bottom: none;
	color: #5f005f;
	text-decoration: underline;
}

.dataEditTableDIV .innerDiv
{
	padding: 15px;
}

/*======================================================================================*/
/* TABLE WITH DATA                                                                      */
/*======================================================================================*/

.listTable
{
	margin: 5px 0;
	clear: both;
}

.listTable td,
.listTable th
{
	height: 25px;
	padding: 10px;
}

.listTable td,
.listTable th,
.listTable tr
{
	border: none;
}

.listTable a
{
	color: #d63432;
}

.listTable input.buttonLink
{
	color: #d63432;
	background: none;
	border: 0;
	text-decoration: underline;
	cursor: pointer;
}

/*======================================================================================*/

.listTable .headerColumn,
.listTable .headerColumnLast,
.listTable .headerColumnNonActive,
.listTable .headerColumnLastNonActive
{
	background: #f0f0f0;
	border: 1px solid #d9d9d9;
	border-right: none;
}

.listTable .headerColumnLast,
.listTable .headerColumnLastNonActive
{
	border: 1px solid #d9d9d9;
}

/*======================================================================================*/

.listTable .headerColumnNonActive a,
.listTable .headerColumnLastNonActive a
{
	color: Black;
	font-weight: bold;
	text-decoration: none;
}

/*======================================================================================*/

.listTable .column,
.listTable .columnYellow,
.listTable .columnOrange,
.listTable .columnOrangeLight,
.listTable .columnPink,
.listTable .columnGreen,
.listTable .columnWhite,
.listTable .columnLast,
.listTable .columnYellowLast,
.listTable .columnOrangeLast,
.listTable .columnOrangeLightLast,
.listTable .columnPinkLast,
.listTable .columnGreenLast,
.listTable .columnWhiteLast
{
	border: 1px solid #d9d9d9;
	border-right: none;
	border-top: none;
	vertical-align: top;
}

.listTable .columnLast,
.listTable .columnYellowLast,
.listTable .columnOrangeLast,
.listTable .columnOrangeLightLast,
.listTable .columnPinkLast,
.listTable .columnGreenLast,
.listTable .columnWhiteLast
{
	border: 1px solid #d9d9d9;
	border-top: none;
}

.listTable .columnYellow,
.listTable .columnYellowLast
{
	background: #fffedb;
}

.listTable .columnOrange,
.listTable .columnOrangeLast
{
	background: #f9c999;
}

.listTable .columnOrangeLight,
.listTable .columnOrangeLightLast
{
	background: #f5e4cd;
}

.listTable .columnPink,
.listTable .columnPinkLast
{
	background: #fae1e0;
}

.listTable .columnGreen,
.listTable .columnGreenLast
{
	background: #e2fad5;
}

.listTable .columnWhite,
.listTable .columnWhiteLast
{
	background: white;
}


/*======================================================================================*/

.listTable .rowNormal,
.listTable .rowNormalActive
{
	background: #f9f9f9;
}

.listTable .rowAlternate,
.listTable .rowAlternateActive
{
	background: #f9f9f9;
}

.listTable .rowNormal:hover,
.listTable .rowNormalActive:hover,
.listTable .rowAlternate:hover,
.listTable .rowAlternateActive:hover
{
	background: #ffffff;
}

.listTable .rowSelected
{
	background: #f9c999;
}

.listTable .rowEdit
{
	background: #f9f9f9;
}

/*======================================================================================*/

.listTable .rowNormalActive,
.listTable .rowAlternateActive
{
	cursor: hand;
	cursor: pointer;
}

.listTable .rowNormalActive a,
.listTable .rowAlternateActive a
{
	color: Black;
	text-decoration: none;
}

.listTable .rowNormalActive:hover,
.listTable .rowAlternateActive:hover
{
	background: #f9c999;
}

.listTable .rowNormalActive:hover .column,
.listTable .rowNormalActive:hover .columnYellow,
.listTable .rowNormalActive:hover .columnOrange,
.listTable .rowNormalActive:hover .columnOrangeLight,
.listTable .rowNormalActive:hover .columnPink,
.listTable .rowNormalActive:hover .columnGreen,
.listTable .rowNormalActive:hover .columnWhite,
.listTable .rowNormalActive:hover .columnLast,
.listTable .rowNormalActive:hover .columnYellowLast,
.listTable .rowNormalActive:hover .columnOrangeLast,
.listTable .rowNormalActive:hover .columnOrangeLightLast,
.listTable .rowNormalActive:hover .columnPinkLast,
.listTable .rowNormalActive:hover .columnGreenLast,
.listTable .rowNormalActive:hover .columnWhiteLast
{
	background: #f9c999;
}

.listTable .rowAlternateActive:hover .column,
.listTable .rowAlternateActive:hover .columnYellow,
.listTable .rowAlternateActive:hover .columnOrange,
.listTable .rowAlternateActive:hover .columnOrangeLight,
.listTable .rowAlternateActive:hover .columnPink,
.listTable .rowAlternateActive:hover .columnGreen,
.listTable .rowAlternateActive:hover .columnWhite,
.listTable .rowAlternateActive:hover .columnLast,
.listTable .rowAlternateActive:hover .columnYellowLast,
.listTable .rowAlternateActive:hover .columnOrangeLast,
.listTable .rowAlternateActive:hover .columnOrangeLightLast,
.listTable .rowAlternateActive:hover .columnPinkLast,
.listTable .rowAlternateActive:hover .columnGreenLast,
.listTable .rowAlternateActive:hover .columnWhiteLast
{
	background: #f9c999;
}


/*======================================================================================*/

.listTable .pager
{
	background: #f0f0f0;
	text-align: right;
}

.listTable .pager td
{

	border: 1px solid #d9d9d9;
	border-top: none;
}

.listTable .pager table td
{
	height: auto;
	padding: 0 0 0 5px;
	border: none;
}

.listTable .pager table td span
{
	font-weight: bold;
}

/*======================================================================================*/
/* MODAL WINDOWS STYLES                                                                 */
/*======================================================================================*/

.modalWindow
{
    
}

.modalWindow .modalHeader
{
    padding: 10px 20px;
    background: #db4985;
    color: White;
    font-weight: bold;
    font-size: 120%;
}

.modalWindow .modalDescription
{
    padding: 7px 20px;
    background: #f2f2f2;
}

/*======================================================================================*/
/* LOGIN PAGE                                                                           */
/*======================================================================================*/

.loginPageBody
{
    background: #ac0807;
}

.loginPage
{
    width: 340px;
    height: 200px;
    margin: -100px 0 0 -170px;
	position:absolute;
	left:50%;
	top:50%;
    font-family: Arial;
    color: #3b3b3b;
}

.loginPage h1
{
    margin: 0 0 5px 0;
    color: White;
    font-size: 150%;
    font-weight: normal;
}

.loginPage table.loginTable
{
    width: 330px;
    background: #fefefe;
    border: 2px solid #aaaaaa;
    color: #3b3b3b;
    font-family: Arial;
    font-size: 80%;
}

.loginPage table.loginTable tr
{
    
}

.loginPage table.loginTable tr td
{
    padding: 5px;
}

.loginPage table.loginTable tr td input
{
    color: #3b3b3b;
}

.loginPage table.loginTable tr td.title
{
    font-weight: bold;
    text-align: right;
}

.loginPage table.loginTable td input.loginButton
{
    width: 98px;
    height: 20px;
    display: block;
    border: none;
    background: url(images/login-button.png) no-repeat 0 0;
}

.loginPage table.loginTable td input.textInput
{
    width: 150px;
    padding: 2px 5px;
    border: 1px solid #cecece;
    background: url(Images/login-input-bg.png) repeat-x 0 0;
    font-size: 85%;
}

.loginPage table.loginTable td.checkbox
{
    padding: 5px 0px 5px 6px;
}

.loginPage table.loginTable td.checkbox input
{
    margin: 0 5px 0 0;
}