body{
	margin:0px;
	font-family:arial;
	font-size:14px;
	behavior: url("csshover3.htc");	
}

.menu{
	background:url(images/menu-bg.jpg);
	height:42px;
	margin-left:0px;
	padding-left:0px;
	margin-top:0px;
}

input{
	height:20px;
	width:240px;
}

.menu-title,
.menu-item
{
	padding-top:12px;
	padding-bottom:12px;
	padding-left:6px;
	padding-right:6px;
	float:left;	
	margin-left:12px;
	margin-right:12px;
	display:block;
}

.menu-title{
	background-color:black;
	color:white;
}

.menu-item{
	cursor:pointer;
}

.menu-item a{
	display:block;
	text-decoration:none;
	color:black;
}

.menu-item:hover{
	background-color:black;		
}

.menu-item:hover a{
	color:white;
}

.menu-item:hover ul{
	display:block;
}

.sub-menu{
	position: absolute;
	top: 40px;
	margin-left:-46px;
	display: none;
	color:white;
	list-style:none;
}

.sub-menu-item{
	background-color:black;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	width:150px;
	border-top:1px solid gray;
	cursor:pointer;	
}

.sub-menu-item:hover {
	background-color:#0d9fb9;
}

.sub-menu-item a{
	height:17px;
}

#column1{
	float:left;
	width:279px;
	margin-left:20px;	
	margin-top:10px;
}

#column2{
	float:left;
	margin-top:10px;
	margin-left:15px;	
}

#navigation {
	border:1px solid #e3e1e1;
	margin:0px;
	padding:0px;
	width:279px;
}
#navigation a.head {
	cursor:pointer;
	background:url(images/accordion_bg.jpg) no-repeat;
	color:#FFFFFF;
	display:block;
	text-decoration: none;
	height:26px;
	width:279px;
	padding-top:5px;
	padding-left:10px;	
}
#navigation a.head:hover {
	color:#FFFF99;
}
#navigation a.selected {
}
#navigation a.current {
}
#navigation ul {
	height:200px;	
	padding-left:0px;
	margin-left:0px;
	list-style:none;
	padding:0px;
	margin:0px;
	overflow: auto; 		
}
#navigation li {
	list-style:none; 
	display:block;	
}

#navigation li li {
	color:#908f8f;
	display:block;
	text-decoration: none;	
	cursor:pointer;
	padding-left:10px;		
}
#navigation li li:hover {
	background-color:#e9e7e7;
	color:#2daac1;
}

#navigation #categoryListWrap li:hover{
	background-color:#FFFFFF;
}

#submenu{	
	margin-left:-20px!important;	
}

#submenu ul{
	height:auto!important;
}


.submenu{
	display:block;
	background-color:white;
	padding:5px 10px 5px 10px;	
	color:gray;
	text-decoration:none;
}

.booth-menu-item{
	margin-left:10px!important;
}

#workingArea{
	max-width:640px;
	max-height:480px;
}

#modalOverlays {
	background-color:#000000;
	cursor:wait;
}

#updateCategoryModal,
#newPlanModal,
#addBoothModal,
#loadPlanModal,
#viewBoothDetails,
#addBoothDetailsModal,
#loginModal
{
	background-color:#ffffff;
	border:1px solid #0d9fb9;
	z-index:999999;
}

#newPlanModal
{
	width:600px;
	height:520px;
}

#addBoothModal{
	width:642px;
	height:550px;
}

#updateCategoryModal{
	width:600px;
	height:280px;
}

#loadPlanModal{
	width:350px;
	height:180px;
}

#viewBoothDetails{
	width:520px;
	height:330px;
	background-color:#FFFFFF;
	z-index:2147483647;
}

#viewBoothDetails a:link{
	color:#64b4c7;
}

#viewBoothDetails table td{
	font-size:11px;	
}

#loadPlanModal{
	width:400px;
	height:300px;
}

#addBoothDetailsModal{
	z-index:999999999;
	width:500px;
	height:480px;	
}

#loginModal{
	width:350px;
	height:200px;
}

#newPlanModalHeader,
#addBoothModalHeader,
#addBoothDetailsModalHeader,
#updateCategoryModalHeader,
#loadPlanModalHeader,
#loginModalHeader
{
	background-color:#000000;
	color:#FFFFFF;
	padding:5px;
}

#imageUploadContent{
	padding:10px;
}

#imageUpload{
	border-bottom: 1px solid black;
}

#uploadImageButton,
#addBoothLogoUploadButton{	
	height:28px;
	width:87px;
}

#uploadImageButton{
	background-image:url(images/btn_browse.jpg);
}

#addBoothLogoUploadButton{
	background-image:url(images/btn_logo_browse.jpg);	
}

#preview img{
	max-width:590px;
	max-height:350px;
}

#newPlanSaveButton,
#addBoothSaveButton,
#addBoothDetailsSaveButton,
#updateCategoryCloseButton,
#newPlanCloseButton,
#addBoothCloseButton,
#addBoothDetailsCloseButton,
#loadPlanCloseButton,
#loginCloseButton,
#addBoothDetailsRemoveButton
{
	width:60px;
	height:20px;
	background-color:#FFFFFF;
	border:0px;
	cursor:pointer;
}

#addBoothWorkArea{
	max-width:640px;
	max-height:480px;
}

.booth{
	position:absolute;
	z-index:99999999;
}

.addBoothBoothNo{
	position:absolute;
	z-index:99999999;	
}

.nondraggable
{
	position:absolute;
	z-index:99999;
	cursor:pointer;
}

.hilight{
	background-color:black;
}

.nondraggable:hover{

}

#addBoothLegend{	
	padding:5px;
}

#addBoothDetailsContent{
	padding:5px;
}

#addBoothDetailsContent input{
	width:150px;
}

#updateCategoryContent{
	padding:20px;
}

.planDetails{
	width:283px;
}

.planDetails .darkbg{
	background-color:#d8d7d7;
}

.planDetails td{
	padding:5px;
}

.searchBox{
	width:210px;
	background-image:url(images/text_bg.jpg);
	height:30px;
	padding-top:4px;
	padding-left:4px;
	background-repeat:no-repeat;
}

.searchBox input{
	width:203px;
	height:18px;
	border:0px;
}

#searchBtn{
	cursor:pointer;
}

#tooltip.fancy {
	background: url('images/ballon.gif');	
	height: 65px;
	width:100px;
	border:0px;
	font-size:10px;
	z-index:2147483646;
	color:#a19f9f;
}

#tooltip.fancy h3{
	color:#3bb2c7;
}

.ui-tabs .ui-tabs-hide {
     display: none;
}

#tabs li.item{
	float:right;
	list-style:none;
	padding-right:1px;
	height:21px;	
}

#tabs li.item img{
	border:0px;
}

#tabs ul#boothCategories{
	padding-left:0px;
}

#tabs ul#boothCategories li{
	list-style-type:none;
	font-size:11px;
	
}

#tabs ul.tabsWrapper{
	padding:6px 0px 0px 6px;
	margin:0px;
	background:url('images/tab_bg.jpg');
	height:21px;
}

.tabsTitle  { background-color: #247d9b; color: #ffffff; padding-top: 4px; padding-left: 10px; padding-bottom: 4px; font-weight:bold }

h2{
	font-size:13px;
	color:#64b4c7;
	margin-top:1px;
	margin-bottom:3px;
}

.tab{
	padding:10px;
	height:220px;
	overflow-y:auto;
	overflow-x:hidden;		
}

#viewBoothDetailsCloseBtn{
	cursor:pointer;
}

.mainBoothNos{
	position:absolute;
	z-index:999999;
	cursor:pointer;
}

#loginContent{
	padding:15px;
}

#viewBoothDetailsLogo img{
	width:100px;
	height:100px;
}

.contextMenu {
	position: absolute;
	min-width: 220px;
	z-index: 99999;
	border: solid 1px #CCC;
	background: #EEE;
	padding: 0px;
	margin: 0px;
	display: none;
}

.contextMenu LI {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.contextMenu A {
	color: #333;
	text-decoration: none;
	display: block;
	line-height: 20px;
	height: 20px;
	background-position: 6px center;
	background-repeat: no-repeat;
	outline: none;
	padding: 1px 5px;
	padding-left: 5px;
}

.contextMenu LI.hover A {
	color: #FFF;
	background-color: #3399FF;
}

.contextMenu LI.disabled A {
	color: #AAA;
	cursor: default;
}

.contextMenu LI.hover.disabled A {
	background-color: transparent;
}

.contextMenu LI.separator {
	border-top: solid 1px #CCC;
}

#category-indication{
	
}

#title{
	float:left!important;
}

#title h2{
	color:#FFFFFF;
}

#viewBoothDetailsProfile{
	font-size:11px;
}

/*
	Adding Icons
	
	You can add icons to the context menu by adding
	classes to the respective LI element(s)
*/