﻿.site-header
{
	display: none;
}

.site-footer
{
	display: none;
}

body
{
	position: relative;
}

.ok{ color: Green;}
.error{ color: Red;}
/* 
---------------------------------------
Admin panel
---------------------------------------
*/

.tw-triggerWebBar
{
	background: url('../images/admin-panel.gif') repeat-x;
	height: 58px;
	text-align: left;
	padding: 10px 80px;
	font-size: 11px;
	color: #eee;	
	font-family: Arial, Helvetica, Sans-Serif;
}
	.tw-triggerWebBar a:link, .tw-triggerWebBar a:active, .tw-triggerWebBar a:visited
	{
		color: #eee;
		font-weight: bold;	
		text-transform: none;
		text-decoration: none;
	}
	.tw-triggerWebBar a:hover
	{
		color: #fff;
		font-weight: bold;	
		text-transform: none;
	}
	
	.tw-triggerWebBar input
	{
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 11px;
	}
	
	/* User bar */
	
	.tw-logo
	{
		float: left;	
	}
	
	.tw-userControls
	{
		float: right;	
	}
	
	.tw-ul-iconBar {list-style: none; margin: 0; padding: 0; float: left;}
	
	.tw-ul-iconBar li{float: left; padding-left: 10px;}

	.tw-ul-iconBar .tw-li-hideTwBar a, .tw-ul-iconBar .tw-li-showTwBar a
	{
		
		background: url(/images/icon-show-hide.png) no-repeat;
		padding: 1px 0 3px 22px
	}

	.tw-ul-iconBar .tw-li-logout a, .tw-ul-iconBar .tw-li-myAccount a, .tw-ul-iconBar .tw-li-logout a
	{
		padding: 1px 0 3px 22px;
	}
	
	.tw-ul-iconBar .tw-li-myAccount a{background: url(/images/icon-my-account.png) no-repeat;}
	.tw-ul-iconBar .tw-li-logout a{background: url(/images/icon-logout.png) no-repeat;}
	.tw-li-currentUser span
	{
		padding-left: 24px;
		display: block;
		background: url(/images/icon-user.png) no-repeat;
		font-weight: bold;                
	}

	/* area bar */

	.tw-ul-iconBar .tw-li-add a
	{
		
		background: url(/images/icon-add.png) no-repeat;
		padding: 1px 0 3px 24px;
	}

/*
	old Admin menu

.tw-adminMenu
{
	float: left;
	font-family: Arial, Helvetica, Sans-Serif;
	margin-top: 8px;
}
	.tw-adminMenuTable a
	{
		display: block;
		font-family: Arial, Helvetica, Sans-Serif;
		background: url('../images/adminmenu/admin-menu-bg.jpg') right no-repeat;
	}
		.tw-adminMenuTable span.adminMenuCorner
		{
			display: block;
			background: url('../images/adminmenu/admin-menu-corner.jpg') left no-repeat;
			padding: 9px 12px 9px 12px;
		}
	.tw-adminMenuTable a:hover
	{
		background: url('../images/adminmenu/item-active.jpg') right no-repeat;
	}
	.tw-adminMenuTable a:hover span.adminMenuCorner
	{
		background: url('../images/adminmenu/item-active-corner.jpg') left no-repeat;
	}
	
	.tw-foldOutMenu
	{
		background: #929292 !important; 
		margin: -5px 0 0 0 !important;
		border-left: 1px #3f3f3f solid;
		border-right: 1px #3f3f3f solid;
		border-bottom: 1px #3f3f3f solid;
		padding: 2px 10px 3px 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;	
		z-index: 10;
	}
	.tw-foldOutMenu a
	{
		display: block;	
		color: #fefefe !important;
		padding: 3px 7px;
		border-bottom: 1px #808080 solid;
	}
	.tw-foldOutMenu table td, .tw-foldOutMenu table {}

	NEW ADMIN MENU
*/	
ul.tw-menuLevel1admin{margin: 0 0 0 0; padding: 0 0 0 0; list-style: none;}

ul.tw-menuLevel1admin li{float: left; position: relative; margin-right: 5px;}
ul.tw-menuLevel1admin li a
{
	display: block;
	font-family: Arial, Helvetica, Sans-Serif;
	background: url('../images/adminmenu/admin-menu-bg.jpg') right no-repeat;
}
ul.tw-menuLevel1admin li a span
{
	display: block;
	background: url('../images/adminmenu/admin-menu-corner.jpg') left no-repeat;
	padding: 9px 12px 9px 12px;	
}
ul.tw-menuLevel1admin li a:hover, ul.tw-menuLevel1admin li a.active{background: url('../images/adminmenu/item-active.jpg') right no-repeat;}
ul.tw-menuLevel1admin li a:hover span, ul.tw-menuLevel1admin li a.active span{background: url('../images/adminmenu/item-active-corner.jpg') left no-repeat;}

ul.tw-menuLevel1admin ul{display: none; margin: 0; padding: 0; list-style: none;}
ul.tw-menuLevel1admin li:hover ul
{
	display: block;
	position: absolute;	
	background: #929292 !important; 
	margin: -5px 0 0 0 !important;
	border-left: 1px #3f3f3f solid;
	border-right: 1px #3f3f3f solid;
	border-bottom: 1px #3f3f3f solid;
	padding: 2px 10px 3px 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;	
	z-index: 100000;
}
ul.tw-menuLevel1admin ul li{float: none;}
ul.tw-menuLevel1admin ul li a, ul.tw-menuLevel1admin ul li a span, 
ul.tw-menuLevel1admin ul li a:hover span, ul.tw-menuLevel1admin ul li a:hover{padding: 0; background: none; display: block;}
ul.tw-menuLevel1admin ul li a, ul.tw-menuLevel1admin ul li a:hover{padding: 3px; border-bottom: 1px #999 solid; display: block; white-space: nowrap;}

ul.tw-menuLevel1admin ul li a.active, ul.tw-menuLevel1admin ul li a.active span{background: none;}

/*
	Rewrite button
*/

.btn-rewrite
{
	position: absolute;	
	left: 200px;
	top: 5px;
}

/*
	Page bar
*/

.tw-pageBar
{
	float: right;	
	background: url('../images/pagebar/pagebar-bg.jpg') repeat-x;
	margin-top: 11px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	line-height: 17px;	
}
	.tw-pageBar ul
	{
		list-style: none;		
		margin: 0;
		padding: 0;
	}
		.tw-pageBar ul li
		{
			float: left;
			background: url('../images/pagebar/separator.jpg') right no-repeat;
			
		}
			.tw-pageBar ul li a, .tw-pageBar ul li a:hover
			{
				display: block;
				padding: 11px 10px;	
			}
			.tw-pageBar ul li a:hover, .tw-pageBar ul li.active a
			{
				background: url('../images/pagebar/pagebar-active.jpg') repeat-x;	
			}
			/*first item*/
			
			.tw-pageBar ul li.first a
			{
				padding: 0;
			}
			.tw-pageBar ul li.first span
			{
				display: block;
				background: url('../images/pagebar/first-corner.jpg') left no-repeat;	
				padding: 11px 10px;	
			}
			
				.tw-pageBar ul li.first a:hover span, .tw-pageBar ul li.first-active span
				{
					background: url('../images/pagebar/first-corner-active.jpg') left no-repeat;	
				}
						
			/*last item*/
	
			.tw-pageBar ul li.last a
			{
				padding: 0;
			}
			.tw-pageBar ul li.last span
			{
				display: block;
				background: url('../images/pagebar/last-corner.jpg') right no-repeat;	
				padding: 11px 10px;	
			}
				.tw-pageBar ul li.last a:hover span, .tw-pageBar ul li.last-active span
				{
					background: url('../images/pagebar/last-corner-active.jpg') right no-repeat;	
				}
				
/*Admin login*/

.tw-adminLogin
{
	height: 78px; 
	margin: -10px auto 0 auto; 
	background: url('../images/login-bg.jpg') center no-repeat;
}
	.adminLoginInner
	{
		width: 423px;
		margin: 0px auto;
		padding: 10px 0 0 22px;
		position: relative; 
	}
.tw-adminLogin .login-input
{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 5px;
	width: 130px;
	background: url('../images/form/bg.jpg') repeat-x;		
	border: none;
}
	.tw-adminLogin table td{padding: 0px;}
		.tw-adminLogin .tw-ctrl-login .loginTitle{display: none;}
.tw-adminLogin .loginText
{
	color: #b8b8b8; 
    font-weight: bold;
}

.tw-panLogin{margin-top: 10px;}

	/* Pwd recovery */
	
	.pwdRecovery
	{
		position: absolute;	
		right: 32px;
		top: 5px;
	}
	
	/* Register new */
	
	.registerNew
	{
		position: absolute;	
		left: 22px;
		top: 5px;
	}	

/* 
---------------------------------------
/Admin panel
---------------------------------------
---------------------------------------
Edit Mode
---------------------------------------
*/

.tw-areaHeader
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #666;
	border-top: 1px #ccc dashed;
	padding-top: 5px;
}

.tw-editBar
{
	font-size: 11px;
	font-weight: bold;	
	font-family: Arial, Helvetica, Sans-Serif;
}

.tw-editBar a:link, .tw-editBar a:active, .tw-editBar a:visited
{
	color: #333;	
	text-transform: none;
	text-decoration: none;
}
.tw-editBar a:hover
{
	color: #000;
	text-decoration: none;
	text-transform: none;
}
	
	.tw-addContentBar, .tw-editContentBar
	{
		margin: 0 0 0 0;	
		background: url('../images/editbar/area-bar-bg.jpg') right no-repeat;
	}
		.tw-addContentBar .tw-inner, .tw-editContentBar .tw-inner
		{
			background: url('../images/editbar/area-bar-corner.jpg') left no-repeat;
			padding: 8px;
		}
	
	.tw-editBar select, .tw-contentBar select
	{
		font-size: 11px;
	}
a.icon-add
{
	background: url('../images/editbar/icon-add.png') left no-repeat;
	padding: 2px 0 0 22px;
	background-position: 0 1px;
}

.tw-editContentBar
{
	overflow: hidden;
}
	.tw-marginBar, .tw-alignBar
	{
		margin-top: 2px;
	}
	.tw-marginBar{margin-right: 4px;}
	.tw-alignBar
	{
	}

/*content bar*/

.tw-contentBar
{
	background: url('../images/contentbar/content-bar-bg.jpg') right no-repeat;
	margin: 0;
	padding: 0;
	font-size: 11px;
}
	.tw-contentBar .tw-inner
	{
		background: url('../images/contentbar/corner.jpg') left no-repeat;
		height: 56px;
		padding: 7px;
	}
		.tw-contentUl
		{
			margin: 0; 
			padding: 0; 
			list-style: none;
		}
			.tw-contentUl li
			{
				float: left;
				padding-right: 5px;
			}
			.tw-contentUl li.contentHeader
			{
				font-weight: bold;
				padding-top: 1px;
			}
			.tw-contentUl li.tw-contentArrows{padding-right: 0;}



			
/* Edit popup */		

.tw-editPopUp
{
	margin:-45px auto 0 auto;
	position:fixed;
	top:10%;
	left: 0;
	padding: 0 50px;
	z-index:1000;
	overflow: hidden;
}
	.editPopUpInner
	{
		padding: 20px;
		background: #eee;
		border: 1px #d8d8d8 solid;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		overflow: hidden;
	}

/* Edit page */

/* reset tw-editPopUp */
.tw-editPage .tw-editPopUp
{
	margin: 0;
	padding: 0;
	z-index:1;
	overflow: auto;
	position: static;
}
	
	.tw-editPage .editPopUpInner
	{
		padding: 0;
		background: #fff;
		border: none;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		overflow: auto;
	}

/* 
---------------------------------------
/Edit Mode
---------------------------------------

---------------------------------------
Admin interface
---------------------------------------
*/

/* General styles and resets for the interface*/


.tw-adminContent
{
	margin: 20px;
	border: 1px #d8d8d8 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	-webkit-box-shadow: 3px 3px 3px #eee;
	-moz-box-shadow: 3px 3px 3px #eee;
	background: #fff;
	color: #424242;
	font-size: 11px;
	line-height: 17px;	
}

.tw-adminContent input, .tw-adminContent select, .tw-adminContent textarea, .input-select
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;	
}
.tw-adminContent .input-select, .input-select
{
	padding: 2px;	
}

.main .tw-adminContent a:link, .main .tw-adminContent a:active, .main .tw-adminContent a:visited, .main .tw-adminContent a:hover 
{
	text-decoration: none; 
	color: #333;
}

.radMultiPage, .adminContentInner{padding: 15px;}

/* Headers */

.adminHeader
{
	background: url('../images/interfaceHeader/bg.gif') repeat-x;
	font-size: 25px;
	line-height: 27px;
	color: #555;
	padding: 20px 0 20px 20px;
	margin: 0;
}

	/*circular*/
	span.headerStatistics
	{
		background: url('../images/interfaceHeader/icons/icon-stats.png') no-repeat;	
		padding: 12px 0 7px 60px;
		background-position: 0 0px;
	}
		span.headerStatistics span{color: #888; font-style: italic;}

	/*circular*/
	span.headerCircular
	{
		background: url('../images/interfaceHeader/icons/icon-circular.png') no-repeat;	
		padding: 12px 0 7px 60px;
		background-position: 0 0px;
	}
	/*circular contacts*/
	span.headerCircularContacts
	{
		background: url('../images/interfaceHeader/icons/icon-circular-contacts.png') no-repeat;	
		padding: 9px 0 7px 60px;
		background-position: 0 0px;
	}
	/*circular address lists*/
	span.headerCircularLists
	{
		background: url('../images/interfaceHeader/icons/icon-circular-lists.png') no-repeat;	
		padding: 14px 0 12px 60px;
		background-position: 0 0px;
	}
	/*circular address lists*/
	span.headerCircularSubscribe
	{
		background: url('../images/interfaceHeader/icons/icon-circular-subscribe.png') no-repeat;	
		padding: 14px 0 12px 60px;
		background-position: 0 0px;
	}				
	/*user*/
	span.headerUser
	{
		background: url('../images/interfaceHeader/icons/icon-user.png') no-repeat;	
		padding: 9px 0 7px 45px;
		background-position: 0 1px;
	}
	/*pages*/
	span.headerPages, .adminHeader span.common
	{
		background: url('../images/interfaceHeader/icons/icon-pages.png') no-repeat;	
		padding: 9px 0 6px 53px;
		background-position: 0 4px;
	}
	/*filearchive*/
	span.headerFiles
	{
		background: url('../images/interfaceHeader/icons/icon-files.png') no-repeat;	
		padding: 9px 0 6px 53px;
		background-position: 0 4px;
	}
	/*news*/
	span.headerNews
	{
		background: url('../images/interfaceHeader/icons/icon-news.png') no-repeat;	
		padding: 9px 0 6px 53px;
		background-position: 0 4px;
	}	
	/*news*/
	span.headerGroups
	{
		background: url('../images/interfaceHeader/icons/icon-groups.png') no-repeat;	
		padding: 9px 0 12px 53px;
		background-position: 0 4px;
	}
	/*calendar*/
	span.headerCalendar
	{
		background: url('../images/interfaceHeader/icons/icon-calendar.png') no-repeat;	
		padding: 9px 0 6px 53px;
		background-position: 0 4px;
	}
	/*page properties*/
	span.headerPageProperties
	{
		background: url('../images/interfaceHeader/icons/icon-pageProperties.png') no-repeat;	
		padding: 9px 0 11px 55px;
		background-position: 0 4px;
	}
	/*relations*/
	span.headerRelations
	{
		background: url('../images/interfaceHeader/icons/icon-relations.png') no-repeat;	
		padding: 9px 0 11px 57px;
		background-position: 0 2px;
	}
	/*attributes*/
	span.headerAttributes
	{
		background: url('../images/interfaceHeader/icons/icon-attributes.png') no-repeat;	
		padding: 9px 0 11px 57px;
		background-position: 0 2px;
	}
	/*brands*/
	span.headerBrands
	{
		background: url('../images/interfaceHeader/icons/icon-brands.png') no-repeat;	
		padding: 9px 0 11px 67px;
		background-position: 0 5px;
	}	
	/*category*/
	.adminHeader span.category
	{
		background: url('../images/interfaceHeader/icons/icon-category.png') no-repeat;	
		padding: 9px 0 11px 55px;
		background-position: 0 5px;
	}	
	/*products*/
	.adminHeader span.headerProduct
	{
		background: url('../images/interfaceHeader/icons/icon-products.png') no-repeat;	
		padding: 19px 0 12px 68px;
		background-position: 0 4px;
	}		
	

.tw-adminContent h2
{
	font-size: 20px;
	color: #555;	
}


/* List */

.admin-table{width: 100%;}
	.admin-table td, .admin-table th{padding: 3px;}
	
	
	.main .admin-table th, .main .admin-table th a:link, .main .admin-table th a:active, .main .admin-table th a:visited
	{
		font-weight: normal;
		color: #aeaeae;
		font-size: 11px; 
	}
	.admin-table tr.odd-row{background: #f2f2f2;}
		.admin-table td table td{border: none;}
	
	.admin-table .td-editDeleteBtn{text-align: right;}
	.admin-table img.editDeleteBtn
	{
		width: 29px;
		height: 29px;
	}
	.admin-table tr:hover{background: #e8e7e7;}
	.main .table-th-bold th, .table-th-bold th{color: #333;}
/* Form */

.admin-table-form{width: 100%;}
.admin-table-form td, .admin-table-form th{padding: 4px; text-align: left; font-weight: normal;}
.admin-table-form th{padding-left: 0; white-space: nowrap;}
.admin-table-form td{width: 100%;}
.admin-table-form .input-text, .tw-adminContent .input-text, .productSearch input-text
{
	border: 1px #d8d8d8 solid;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-top: 1px #c5c5c5 solid;
	border-right: 1px #e2e2e2 solid;
	border-bottom: 1px #ededed solid;
	border-left: 1px #cbcbcb solid;
	padding: 3px;
	width: 220px;
	background: url('../images/form/bg.jpg') repeat-x;
}

.admin-table-form select{padding: 2px;}

.tw-cbList td, .tw-cbList th, .tw-languageList td, .tw-languageList th
{
	padding-right: 5px;
	font-size: 11px;
	vertical-align: top;
}

	/* error validation for forms */
	.tw-errorMessage
	{
		background: #f2d2d3;	
		border: 1px #e6a0a2 solid;
		padding: 10px;
		font-size: 11px;
		color: #d10b2e;	
		font-weight: bold;		
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;	
		margin-bottom: 10px;	
	}
		.tw-errorMessage ul
		{
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
	/* page specific */
 
	.security-settings td, .security-settings th
	{
		width: auto; 
		border-bottom: 1px #dedede solid;
	}
	.security-settings td table td{border-bottom: none;}

.markup-input
{
	width: 100%;
	height: 100px;	
}

	
/* News language */

.tw-newsLanguageArea
{
	border: 1px #dedede solid;	
	overflow: hidden;
	padding: 10px;
	background: #eee;
	margin-top: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}
	.newsLanguageAreaHeader{color: #666;}
	.tw-newsLanguageArea ul
	{
		margin: 0;
		padding: 0;
		list-style: none;	
	}
		.tw-newsLanguageArea ul li
		{
			float: left;
			background: none;
			padding-right: 10px;
		}
		.tw-newsLanguageArea ul li.rtsFirst a span.rtsTxt, .tw-newsLanguageArea ul li.rtsLast a span.rtsTxt
		{
			background: none;
		}
		.tw-newsLanguageArea ul li.rtsFirst a.rtsSelected, .tw-newsLanguageArea .rtsLevel ul li a:hover, .tw-newsLanguageArea .rtsLevel ul li a.rtsSelected
		{
			text-decoration: underline;
			color: #000;	
		}	
		
		.tw-newsLanguageArea li.rtsFirst a:hover span.rtsTxt, 
		.tw-newsLanguageArea li.rtsFirst a.rtsSelected span.rtsTxt, 
		.tw-newsLanguageArea li.rtsLast a:hover span.rtsTxt, 
		.tw-newsLanguageArea li.rtsLast a.rtsSelected span.rtsTxt
		{
				text-decoration: underline;
				color: #000;		
		}			

/* Tabs */

.tw-adminTabs
{
	overflow: hidden;
	margin-left: 15px;
}
	
.tw-adminTabs ul	
{
	margin: 0;
	padding: 0;
	list-style: none;
	background: url('../images/admintabs/tabs-bg.jpg') repeat-x; 
	overflow: hidden;
	float: left;
}

.tw-adminTabs .rtsLevel ul li
{
	background: url('../images/admintabs/separator.gif') right no-repeat; 
	float: left;
}
	.tw-adminTabs .rtsLevel ul li a
	{
		display: block;
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 11px;
		color: #555555;
	}
	.tw-adminTabs .rtsLevel ul li a:hover, .tw-adminTabs .rtsLevel ul li a.rtsSelected
	{
		text-decoration: none;
		color: #000;
		background: url('../images/admintabs/active.jpg') repeat-x; 	
	}
	
	.tw-adminTabs .rtsLevel ul li a span.rtsTxt
	{
		display: block;
		padding: 10px 20px 13px 15px;
	}
	
	/* Selected */
	
	
	
	/* First */
	
	li.rtsFirst a span.rtsTxt
	{
		background: url('../images/admintabs/corner-first.jpg') left no-repeat;	
		display: block;
	}
	
	li.rtsFirst a:hover span.rtsTxt, li.rtsFirst a.rtsSelected span.rtsTxt
	{
		background: url('../images/admintabs/corner-first-active.jpg') left no-repeat;		
	}
	
	/* Last */
	li.rtsLast a span.rtsTxt
	{
		background: url('../images/admintabs/corner-last.jpg') right no-repeat;	
		display: block;
	}
	li.rtsLast a:hover span.rtsTxt, li.rtsLast a.rtsSelected span.rtsTxt
	{
		background: url('../images/admintabs/corner-last-active.jpg') right no-repeat;		
	}	

/*
 Buttons
*/

.buttonArea{margin: 10px 0;}
	.buttonArea ul
	{
		margin: 0;
		padding: 0;
		list-style: none;	
	}
		.buttonArea ul li
		{
			float: left;	
		}

.tw-formBtnSave, .tw-formBtnReset, .tw-loginBtn, .tw-formBtnResetLarge, .tw-formBtnSendPwd,
.tw-formBtnNext, .tw-formBtnPrevious, .tw-formBtnSendTest, .tw-formBtnSend, .btn-ProdSearch
{
	border: none;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	padding: 7px 0 12px 0;
	width: 97px;
	font-size: 11px;
	font-family: Arial, Helvetica, Sans-Serif;
}

.tw-formBtnResetLarge, .tw-formBtnSendPwd
{
	width: 203px;
}
.tw-formBtnSend
{
	background: url('../images/form/btn-send.jpg') no-repeat;	
}
.tw-formBtnSendTest
{
	background: url('../images/form/btn-send-test.jpg') no-repeat;	
	padding-left: 21px;
}
.tw-formBtnNext
{
	background: url('../images/form/btn-next.jpg') no-repeat;	
}
.tw-formBtnPrevious
{
	background: url('../images/form/btn-previous.jpg') no-repeat;	
}
.tw-formBtnResetLarge
{
	background: url('../images/form/btn-reset-large.jpg') no-repeat;	
}
.tw-formBtnSendPwd
{
	background: url('../images/form/btn-send-pwd.jpg') no-repeat;
}
.tw-formBtnSave
{
	background: url('../images/form/btn-save.jpg') no-repeat;
}
.tw-formBtnReset
{
	background: url('../images/form/btn-reset.jpg') no-repeat;	
}
.tw-loginBtn
{
	background: url('../images/form/btn-login.png') no-repeat;	
	padding-left: 12px;
	margin-bottom: -7px;
}
.btn-ProdSearch
{
	background: url('../images/form/btn-search.png') no-repeat;	
}

.main a.tw-lnkBtnSave:link, .main a.tw-lnkBtnSave:active, .main a.tw-lnkBtnSave:visited, 
.main a.tw-lnkBtnCancel:link, .main a.tw-lnkBtnCancel:active, .main a.tw-lnkBtnCancel:active, 
.main a.tw-lnkBtnAdd:link, .main a.tw-lnkBtnAdd:active, .main a.tw-lnkBtnAdd:active, 
.main a.tw-lnkBtnSaveLocal:link, .main a.tw-lnkBtnSaveLocal:active, .main a.tw-lnkBtnSaveLocal:active
{
	padding: 7px 39px 6px 33px;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	display: block;
}
.tw-lnkBtnSave{background: url('../images/form/btn-save.jpg') no-repeat;}
.tw-lnkBtnCancel{background: url('../images/form/btn-cancel.jpg') no-repeat;}
.tw-lnkBtnAdd{background: url('../images/form/btn-add.jpg') no-repeat;}
.tw-lnkBtnSaveLocal{background: url('../images/form/btn-saveLocal.jpg') no-repeat;}

.main a.exportXls:link, .main a.exportXls:active, .main a.exportXls:visited
{
	background: url('../images/list/btn-export.jpg') no-repeat;		
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 7px 0px 7px 35px;
	display: block;

}
.main a.exportXls:hover
{
	color: #eee;
	text-decoration: none;
}

/*
---------------------------------------
Help message
---------------------------------------
*/
h3.adminContentHeader{margin: 10px 0 5px 0;}

.tw-helpMessage
{
	margin: 10px 0;
	padding: 10px 10px 10px 30px;
	-webkit-border-radius:3px; 
	-moz-border-radius:3px;
	border: 1px #cadde9 solid; 
	position: relative;		
	color: #555;
	background: #d7ebf8 url(../images/icons/icon-helpMsg.png) no-repeat;
	background-position: 10px center;
}
a.tw-helpMessageInline span
{
	display: none;
	position: absolute;
	color: #555;
	background: #d7ebf8;
	padding: 7px;
	-webkit-border-radius:3px; 
	-moz-border-radius:3px;
	border: 1px #cadde9 solid;
	width: 200px;
	top: 0;
	left: 255px;
	z-index: 100;
}
ul.input-help li.select a.tw-helpMessageInline span{left: 127px;}
ul.input-help li.checkbox a.tw-helpMessageInline span{left: 50px;}

a.tw-helpMessageInline:hover span
{
	display: block;

}
ul.input-help
{
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
	ul.input-help li
	{
		padding-right: 5px;
		float: left;
	}
	ul.input-help li.help-message
	{
		padding-top: 2px;	
	}

/* 
---------------------------------------
Page properties
---------------------------------------
*/


/*
---------------------------------------
Controls, general settings
---------------------------------------
*/

	/*news*/
	.news-item{padding-bottom: 10px;}
	.news-date{font-size: 10px;}
	
	.tw-newsArchive .news-item
	{
		border-bottom: 1px #dedede solid;
		padding: 10px 0;
	}
	.tw-newsArchive h2
	{
		font-size: 13px;
		line-height: 15px;
		margin: 0 0 10px 0;
		padding: 0;
		color: #000;	
	}



.alignLeft
{
	text-align: left;
}
.alignCenter
{
	text-align: center;
}
.alignRight
{
	text-align: right;
}

.marginTop .innerTwArea
{
	padding-top: 20px;	
}
.marginRight .innerTwArea
{
	padding-right: 20px;	
}
.marginBottom .innerTwArea
{
	padding-bottom: 20px;	
}
.marginLeft .innerTwArea
{
	padding-left: 20px;	
}

/* 
---------------------------------------
Login 
---------------------------------------
*/
.login-name
{
	color: #ccc;
}
a.login-profile
{
	font-weight: bold;	
}
	.login-content
	{

	}
		.login-content td
		{
			
		}
		.login-content input
		{
		}

/* 
---------------------------------------
Circular 
---------------------------------------
*/	


.tw-circularStep
{
	display: block;
	margin-bottom: 10px;
	border: 1px #ccc solid;
	border-radius:5px; 
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-box-shadow: 0px 2px 0px #eee;
	-moz-box-shadow: 0px 2px 0px #eee;
	background: #f1f1f1;
	padding: 5px 0;		
	color: #828282;
	font-size: 12px;
	width: 140px;
	text-align: center;
	float: right;

}
	.tw-circularStep strong{color: #333;}
.tw-circularContent
{
	overflow: hidden;	
}
	.tw-circularContent .admin-table th{color: #333; font-size: 12px; white-space: nowrap;}
	.tw-circularContent .admin-table td{width: 100%;}
	td.circularDisplayAlt, td.circularParams{border: 1px #eee solid;}
	
	.tw-circularContent select
	{
		width: 100%;
		padding: 3px;
		font-family: Arial, Helvetica, Sans-Serif;	
	}
	
	.tw-circularContent fieldset
	{
		margin: 10px 0;
		padding: 10px;	
		border: 1px #dedede solid;
	}
		.tw-circularContent fieldset legend
		{
			font-weight: bold;	
		}
	
	.tw-circularContent textarea
	{
		width: 90%;
		height: 80px;	
		padding: 3px;
	}
	
	.tw-circularPlainTest
	{
		margin-top: 10px;	
	}
		.circularHeading span, .circularDescr
		{
			font-size: 11px;
			color: #444;	
			font-weight: normal;
		}
		.helpText
		{
			display: none;
			position: absolute;
			padding: 10px;
			background: #51c2ba;
			border: 1px solid #4bafb1;
			-webkit-box-shadow: 3px 3px 3px #ccc;
			-moz-box-shadow: 3px 3px 3px #ccc;	
			-webkit-border-radius:3px; 
			-moz-border-radius:3px; 						
			margin: 10px 0 0 0;
			z-index: 25;
			right: 5px;
			top: 15px;
			width: 350px;
			
		}
			.circularHeading a:link, .circularHeading a:active, .circularHeading a:visited
			{
				color: #333; 
				display: block;
				margin: 10px 0;
				padding: 5px 0;		
				background: url('../images/icons/icon-help.png') top right no-repeat;		
				font-size: 16px;
				clear: both;
				font-weight: bold;
				color: #555;
				position: relative;			
				text-decoration: none;	
			}
			.circularHeading a:hover{color: #666; text-decoration: none;}			
			.circularHeading a:hover .helpText
			{
				display: block;
				color: #fff;	
				font-size: 12px;
				text-decoration: none;
			}
		.circularDescr{display: block; margin-bottom: 10px;}

/* Circular archive */

.campaignItem
{
	margin-top: 20px;
}

.table-campaignArchive{width: 100%; border-collapse:collapse;}
.table-campaignArchive td, .table-campaignArchive th
{
	padding: 5px;
}
.table-campaignArchive th {width: 100%; font-weight: normal;}
.table-campaignArchive td 
{
	white-space: nowrap; 
	color: #666; 
	font-size: 11px;
}
/* 
---------------------------------------
Reorder lists
---------------------------------------
*/

.tw-reOrder ul
{
	list-style: none;
	margin: 10px 0;	
	padding: 0;
}
	.tw-reOrder ul li
	{
		padding: 5px 0;
		border-bottom: 1px #ccc solid;	
	}

/* 
---------------------------------------
Admin ctrl form
---------------------------------------
*/
.tw-adminCtrlForm textarea
{
	width: 90%;
	height: 80px;
	padding: 2px;	
}
.tw-adminCtrlForm select{padding: 2px;}



/* 
---------------------------------------
Admin ctrl contact map
---------------------------------------
*/

.tw-ctrlContactMap .input-text
{
	border: 1px #d8d8d8 solid;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-top: 1px #c5c5c5 solid;
	border-right: 1px #e2e2e2 solid;
	border-bottom: 1px #ededed solid;
	border-left: 1px #cbcbcb solid;
	padding: 3px;
	width: 220px;
	background: url('../images/form/bg.jpg') repeat-x;
	font-size: 11px;
}
.tw-contactList
{
	width: 100%;
	border-collapse: collapse;
	

}
	.tw-contactList td, .tw-contactList th{padding: 3px;}
	.tw-contactList tr.odd-row{background: #eee;}
	.tw-contactList th a
	{
		color: #999;
		font-weight: normal;
		text-decoration: none;
	}
	.tw-contactList th a:hover{color: #999;}
	.map-iframe, .contact-search{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px #dedede solid;}
	.map-iframe{width: 100%; height: 380px;}
	.contact-search h2{margin-top: 0;}
	.contact-search select{padding: 2px; width: 170px;}
	.contact-detail table
	{
		border-collapse: collapse;
		width: 100%;
	}
		.contact-detail table td
		{
			border-bottom: 1px #dedede solid;
			padding: 5px;
		}
		td.header-field
		{
			color: #999;
			white-space: nowrap;
		}
		td.item-field
		{
			width: 100%;	
		}
		tr.footer-field td
		{
			border: none;
			padding-top: 10px;
		}		
		tr.no-data td{border: 1px red solid;}
	td.button-read-more
	{
		text-align: right;	
		float: right;
	}

.contact-search-btn
{
	border: none;
	-webkit-border-radius:4px; 
	-moz-border-radius:4px; 
	cursor: pointer;
	padding: 3px 5px;
	background: #8e8e86;
	font-size: 12px;
	font-family: Arial;
	color: #eee;
	margin-top: 5px;
	text-shadow: 0px 1px 0px #666;
}

.tw-ctrlContactMap a.rounded
{
	display: block;
	background: #8e8e86;
	padding: 4px;
	color: #eee;	
	-webkit-border-radius:4px; 
	-moz-border-radius:4px;
	text-align: center;
	width: 50px;
	text-shadow: 0px 1px 0px #666;

}	
.tw-ctrlContactMap a.rounded:hover, .contact-search-btn:hover
{
	background: #a9a9a2;
	text-decoration: none;
	color: #fff;
}
/* 
---------------------------------------
Message boxes
---------------------------------------
*/
.MessageError,.MessageOk,.MessageWarning,.MessageInfo
{
	background: #eee;
	padding: 15px;
	width: 300px;
	text-align: left;
	filter: alpha(opacity=97);
	opacity: .97;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=97)";
	border: 1px #dedede solid;
	border-radius:5px; 
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 	
}

.MessageError ul,.MessageOk ul,.MessageWarning ul,.MessageInfo ul
{
	margin: 0 0 10px 0;
	padding: 0;	
	list-style: none;
}

.MessageError input,.MessageOk input,.MessageWarning input,.MessageInfo input
{
	cursor:pointer;
	margin: 5px 0;
	padding: 3px;
	background: url("../images/submit-bg.jpg") no-repeat;
	border: none;
	width: 80px;
	height: 30px;
	color: #5b676e;
	font-weight: bold;
}

.MessageError h2,.MessageOk h2,.MessageWarning h2,.MessageInfo h2
{
	font-size: 14px;
	font-weight: normal;
	border-bottom: 1px #d4d4d4 solid;
	margin: 0 0 10px 0;
	padding: 0 0 10px 22px;	
}

.MessageError h2{background: url("../images/error.png") no-repeat;}
.MessageOk h2{background: url("../images/accept.png") no-repeat;}
.MessageWarning h2{background: url("../images/warning.png") no-repeat;}
.MessageInfo h2{background: url("../images/information.png") no-repeat;}

/*
	/Message box
	----------------------------------
*/

/*
	File properties
*/
	table.fileProperties 
	{
	
	}

/*

*/

/* 
---------------------------------------
Layout mode by Annika, Per, snälla, flytta detta rätt! å försköna lite ;-)
---------------------------------------
*/
.layoutContent /* runt varje innehåll i layout mode */
{
	border-bottom: dashed 1px #ccc;
	padding: 10px 0;
	/*margin: 5px 0px 5px 0px;*/
}

.buttonPanel /* knapp panel används runt area-knappar och runt flyttknappar */
{
	text-align: left;
	padding: 5px 5px 0px 5px;
	width: 100%;
	height: 30px;
	margin-top: 10px;
}

.layoutArea /* sätts på alla areor i layout-mode, tänkte de skulle få en kant då, men då blir de för stora..?*/
{
	/*border: solid 1px #c0c0c0;
	width: 90%;*/
}

.contentMoveNumeric /* runt nummer-boxen, så den ska hamna till höger */
{
	float: right;
	padding-right: 5px;
}

.contentMoveArrows /* runt flytt-pilarna */
{
	float: left;
}

/*********** event calendar *************/

.calendar
{
	border: none;
}

/* Reset the annoying links css */
.calendar a:link, .calendar a:active, .calendar a:visited
{
	border: none;
}
.calendar table td a:link, .calendar table td a:active, .calendar table td a:visited
{
	border: none;
}
.calendar table td a:hover
{
	border: none;
	font-weight: bold;
}

.calendar table td, .calendar table th{vertical-align: top;}

.calendar ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;	
}

.calendarHeader
{
	background: #eeeee4;
	font-weight: bold;
}

.calendarEventDay
{
	background: #d1dde8;
}
.calenderDayActive
{
	background: red;	
}

.calendarDay
{
	background: #deeaf6;	
}

.calendarDaySelected
{
	background: blue;	
}
.calendarDayHover
{
	background: green;
}

.calendarWeekend
{
	background: #f3d4d4;	
}

.calendarTitle
{
	background: #dadbcc;	
	border-bottom: 1px #fff solid;
}
.calendarView
{
	background: blue;	
}
.calendarEventDay ul
{
	text-align: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
.calendarEventDay .inactive
{
	color: #777;
}
.calendarEventDay .public
{
	font-weight: bold;
}
.calendarToday
{
	background: #4689c9;
}

/***************************
textboxar
*/
.input-text
{
	
}

/***************************
sökning
*/

	.tw-search-form
	{
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px #dedede solid;
	}
	.search-summary
	{
		margin-bottom: 15px;
		color: #666;
		font-style: italic;	
	}
.input-text-search
{
	border-top: 1px #868686 solid;	
	border-right: 1px #a9a9a9 solid;	
	border-bottom: 1px #a9a9a9 solid;	
	border-left: 1px #a9a9a9 solid;	
	padding: 3px;
	font-size: 12px;
	width: 190px;
}
.input-button-search
{
	background: url('../client/images/tw-login-btn.png') no-repeat;
	font-size: 12px;
	line-height: 14px;
	border: none;
	cursor: pointer;
	padding: 1px;
	width: 97px;
	height: 30px;
	color: #333;
	margin-top: 10px;	
}
	.search-table{width: 100%;}
	.search-table th, .search-table td
	{
		padding: 5px;	
	}
	.search-table th
	{
		background: #dedede;
		white-space: nowrap;
		border-bottom: 1px #ccc solid;
		border-top: 1px #ccc solid;
	}
	.search-table td
	{
		border-top: 1px #dedede solid;	
		border-bottom: 1px #dedede solid;	
	}
	.search-table tr.odd-row, tr.odd-row{background: #eee;}


.searchMatch
{
	background-color: #FFFF00;
}

/***************************
undersökning (formulär, resultat omröstning)
*/
.tw-poll-results
{
	list-style: none;
	padding: 0;
}
.tw-poll-results li {padding: 4px;}
.tw-poll-results li span
{
	display: block;
	font-weight: bold;
	padding: 2px;
	color: #000;
}

/***************************
annika roar sig igen ;-) user bar
*/



.loadingAnimation
{
	position: relative;	
}
	.loadingAnimation div
	{
		position: absolute; 
		top: 50px; 
		left: 500px;
	}
	.loadingAnimation img
	{
		background: #eee;
		padding: 5px;
	}
/*Override settings for z-index*/

.tw-editPopUp
{
	z-index: 10000 !important;	
}
.RadWindow, .RadWindow_Default, .rwNormalWindow, .rwTransparentWindow
{
	z-index: 11000 !important;	
}
	.rwInactiveWindow{z-index: 10500 !important;}
	
.RadEditor
{
	min-height: 200px !important;	
}
.tw-contentBar ul, .tw-contentUl{list-style: none; margin: 0; padding: 0; font-size: 11px;}
.tw-contentUl li{background: none; padding: 0 5px 0 0; font-size: 11px;}

/* 
---------------------------------------
ctrlTabs
---------------------------------------
*/
.tw-reOrderList ul, .tw-reOrderList ul ul ul, .dragHandle ul, .reorderCue ul {list-style: none; margin: 0; padding: 0;}
.dragHandle
{
    width: 29px;  
    height: 28px;  
    background: url('../images/list/icon-move.png') no-repeat; 
    cursor: move;
}

/* 
---------------------------------------
file icons
---------------------------------------
*/


a span.file-icon
{
	background: url('../images/icons/sprite-file-icons.png') no-repeat;
	padding: 0px 0px 2px 23px;
}
a span.file-unknown{background-position: 0 -90px;}
a span.file-image{background-position: 0 -330px;}
a span.file-sound{background-position: 0 -180px;}
a span.file-movie{background-position: 0 -390px;}
a span.file-excel{background-position: 0 -420px;}
a span.file-word{background-position: 0 -60px;}
a span.file-access{background-position: 0 -480px;}
a span.file-powerpoint{background-position: 0 -270px;}
a span.file-link{background-position: 0 -360px;}
a span.file-twLink{background-position: 0 -120px;}
a span.file-css{background-position: 0 -450px;}
a span.file-pdf{background-position: 0 -300px;}
a span.file-text{background-position: 0 -150px;}
a span.file-program{background-position: 0 -240px;}
a span.file-xml{background-position: 0 -30px;}
a span.file-zip{background-position: 0 0;}
a span.file-code{background-position: 0 -210px;}
ul.reCustomLinks span{background: none;}


/*
---------------------------------------
Analytics
---------------------------------------
*/

.tw-Analytics, .tw-AnalyticsItem, .tw-AnalyticsOverview
{
	font-size: 11px !important;
	color: #333 !important;
	margin-bottom: 20px;
	clear: both;
}

.tw-AnalyticsItem, .tw-AnalyticsOverview 
{
	margin-bottom: 20px;	
	border: 1px #ccc solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	clear: both;	
	overflow: hidden;
	-webkit-box-shadow: 3px 3px 3px #eee;
	-moz-box-shadow: 3px 3px 3px #eee;	
}
	.tw-AnalyticsItem img, .tw-AnalyticsOverview img
	{
		float: left;
		margin: 10px;		
	}
	
	.tw-AnalyticsOverview .tw-inner{padding: 10px;}


.tw-AnalyticsItem table, .tw-Analytics table
{
	width: 100%;
	border-collapse:collapse;	
}
	
	.tw-AnalyticsItem table th, .tw-AnalyticsItem table td, .tw-Analytics table th, .tw-Analytics table td
	{
		padding: 5px 10px;
	}
	.tw-AnalyticsItem table td, .tw-Analytics table td
	{
		border-top: 1px #e1e0e0 solid;	
	}
		.tw-AnalyticsItem table td.td-open, .tw-Analytics table td.td-open
		{
			display: table-cell;	
		}
	
	.tw-AnalyticsItem table th, .tw-Analytics table th
	{
		color: #666;
		text-align: left;
		font-size: 12px;
		font-weight: normal;
		background: #ccc;	
		font-weight: bold;
		width: 100%;
		white-space: nowrap;
		cursor: pointer;
		text-shadow: 1px 1px #eee;
	}
	
	.th-selected
	{
		background: url('../images/icons/icon-clock.jpg') no-repeat;
	}
	
	.th-unSelected
	{
		background: url('../images/icons/icon-clock-inactive.jpg') no-repeat;
	}
		
		.tw-AnalyticsItem table tr.odd-row{background: #f1f1f1;}
		.tw-AnalyticsItem table tr:hover{background: #edf3f4;}

	
.tw-SmallCharts-Left{width: 300px; float: left;}
.tw-SmallCharts-Right{width: 300px; float: right;}
.tw-SmallCharts-Right .tw-AnalyticsItem, .tw-SmallCharts-Left .tw-AnalyticsItem{border: none;}

.userTechnical .itemLeft, .trafficInfo .itemLeft
{
	float: right;
	width: 320px;
	clear: none;	
}
.userTechnical .itemRight, .trafficInfo .itemRight
{
	float: left;
	width: 320px;
	clear: none;	
}
.tw-message
{
	background: #f2d2d3;	
	border: 1px #e6a0a2 solid;
	padding: 10px;
	font-size: 11px;
	color: #d10b2e;	
	font-weight: bold;		
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
	margin: 0px 20px;
}

	
.admin-fieldset
{
	margin: 10px 0;
	padding: 10px;	
	border: 1px #dedede solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
}
	.admin-fieldset legend
	{
		font-weight: bold;
	}	

/*
---------------------------------------
Products
---------------------------------------
*/

.categoryMenu .tw-menuLevel1 li
{
	float: none;	
}
	.categoryMenu .tw-menuLevel1 a
	{
		padding: 0;	
	}
	
.product-detail, .productList
{
	clear: both;	
}

.productPath .tw-urlPath
{
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}
	.productPath .tw-urlPath li{float: left; padding-left: 10px;}

.productList table
{
	width: 100%;
	border-collapse: collapse;
}
	.productList table th, .productList table td{padding: 3px;}
	.productList table th{text-align: left; font-size: 12px; color: #666;}

.productList table table{width: auto;}
	.productList table table th, .productList table table td{padding: 1px;}
	.productList table table th{padding-right: 5px; font-weight: normal; color: #999;}
	
	.productList tr.odd-row{background: #eee;}