html, body, form
{
	margin: 0;
	padding: 0;
	height: 100%;
}

body 
{
	font-family: Arial, Tahoma;
	font-size: 10pt;
	color: #000000;
	text-align: left;
    behavior:url("csshover.htc");
}

.blocklist ul { list-style-type: none; margin: 0 0 0 20px; }
h1 { font-size: 14pt; font-weight: bold; margin: 6px; }
ol { margin: 0; padding: 0; }

.divider { border-bottom: 1px dotted Gray; font-size: 0.1em; padding: 5px 0; }

.navBar { text-align: left; height: 30px; }
.navBar td { text-align: center; border-left: 1px solid white; background-color: #ECF1F4; font-size: 11pt; }
.navBar .navEntry { padding: 6px 20px; }
.navBar .navEntry:hover { padding: 6px 20px; background-color: #FE5400; }
.navBar .navEntry:hover a { color: #FFFFFF; }
.navBar td a:link { text-decoration: none; color: Black; }
.navBar td a:visited { text-decoration: none; color: Black; }
.navBar td a:active { text-decoration: none; color: Black; }
.navBar td a:hover { text-decoration: none; color: Black; }


.panel
{
    border: 1px solid #EFF0F2;
    background-color: #F9FBFC;
    padding: 10px;
    margin: 10px 0 10px 0px;
}

.panel_selected
{
    border: 1px solid #FE5400;
    background-color: #FE5400;
    padding: 10px;
    margin: 10px 0 10px 0px;
}

.left { width: 180px; }
.right { margin-left: 10px; padding-right: 0; }
.saved { background-color: #FDD6D6; font-weight: bold; color: #FF0000; border-color: #F34F4F; }
.breadcrumb { margin: 10px 0 0 10px; padding: 5px;} 


.menu {
  width: auto;
  float: left;

  cursor: default;
  text-align: left;
}

.menu ul {
  display: none;
  position: absolute;
  background-color: #ECF1F4;
  color: black;
  list-style: none;
  margin: 0.1em 0 0 0;
  padding: 0;
}

.menu ul li {
  display: block;
  padding: 6px 49px 6px 20px;
}

div.menu:hover ul {
  display: block;
  margin: 0;
  padding: 0;
}

div.menu ul li:hover {
  background-color: #FE5400;
}


.pageTitle { text-align: left; font-size: 16pt; font-weight: bold; margin: 10px 5px; }

/* LOGIN PAGE */
.loginTable { text-align: center; height: 300px; width: 700px; height: auto; }
.loginTable td { }

/* ALL ADMIN CONTROLS */
.AdminControl { background-color: #FFFFFF; width: 100%; }
.AdminControl td { padding: 3px; }

/* PRODUCTS PAGE */
.products_ajax_container { width: 660px; padding: 10px; }
.products_ajax_container .imageborder { background-color: White; }

/* CATEGORIES PAGE */
.categorydatabasewrapper { width: 690px; }
.categorydatabase { width: 100%; font-size: 9pt; }
.categorydatabase .categoryname a { }
.categorydatabase .productname { padding-left: 10px; }
.categorydatabase .productname a { font-weight: normal; }
.categorydatabase td { vertical-align: top; padding: 6px 0 0 0; }
.sortDiv { margin: 10px 0 0 0px; height: 25px; }
.contentDiv { padding: 0px 0 5px 20px; }

.topTable { width: 690px; }
.topSortDiv { width: 680px; margin: 0; }

/* EDIT SELECTOR PAGE */
.row_remove { background-color: #FFAAAA; }
.row_add { background-color: #AAAAFF; }

.UpdateButton { margin: -7px 0 0 0; }
td.labelColumn { width: 120px; }
.singleTinyPhoto { display: inline; float: left; margin: 5px; }

.sidePanel { width: 180px; }
.sidePanel th { font-size: 11pt; text-align: left; padding: 5px; }
.sidePanel td select { width: 100%; }
.panel .sidePanel a { color: #555555; }
.panel_selected .sidePanel a { color: #FFFFFF; }


/* items/customizations tabs */
.tabs
{
    position:relative;
    top:1px;
    left:10px;
}
.tab
{
    border:solid 1px black;
    background-color:#eeeeee;
    padding:2px 10px;
}
.selectedTab
{
    background-color:white;
    border-bottom:solid 1px white;
}
.tabContents
{
    border:solid 1px black;
    padding:10px 10px 10px 10px;
    margin-right: 10px;
    background-color:white;
}

/* SUB WINDOWS */
.darkenDiv { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; filter: Alpha(Opacity=50); opacity: 0.5; }
.containerDiv { position: absolute; top: 0; left: 280px; height: 100%; text-align: left; }
.SubWindowFrame { overflow: auto; top: 95px; margin-top: 150px; width: 600px; height: 400px; border: 5px solid white; }
.closebutton { width: 600px; padding: 0; font-size: 10pt; text-align: right; background-color: White; border: 5px solid white; }
.closebutton a:link { color: Blue; text-decoration: underline; }

/* DISCOUNTS PAGE */
.smallAndPadded { font-size: 9pt; padding: 10px; }

/* EDIT ORDER PAGE */
.OrderContents { width: 100%; }
.OrderContents .quantity { width: 80px; }
.OrderContents .productname { width: 300px; }
a.smallBlueLink { color: Blue; font-size: 9pt;}

/* ADD PHOTO WINDOW */
.darkenDivPhoto { position: absolute; top: 0; left: 0; width: 680px; height: 350px; background-color: #222222; opacity: 0.5; filter: Alpha(opacity=50); }
.iframeDiv { position: absolute; top: 0px; left: 0px; height: 140px; width: 400px; height: 200px; border: 5px solid white; }
.editorDiv { position: relative; }

/* CONFIGURATION PAGE */
 
.config table { width: 100%; }
.config table.paddedTable { margin-bottom: 10px; }
.config input { vertical-align: middle; border: 1px gray solid; padding:2px; }
.config td { }
.config .subSection { padding-left: 20px; }
.config tr { vertical-align: top; }
.config th { font-size: larger; }
.money { width: 40px; margin-left: 2px; }

/* FORM SUBMISSIOSN */
.FormList { margin: 0 0 0 20px; }

.txtSearchQuery { color: Gray; text-align: center; }
.txtSearchQuery_active { color: Black; text-align: center; }


/* CALENDAR  */

.Calendar { font-size: 10pt; color: #808284; border: 1px solid #C2C2C2; }
.CalendarWeekend { text-align: left; height: 100px; background-color: #FFFFFF; background-image: url(images/calendar_weekend.gif); background-repeat: no-repeat; border: 1px solid black; padding-right: 20px; }
.CalendarDay { text-align: left; overflow: auto; height: 100px; background-color:#FFFFFF;  background-image: url(images/calendar_weekday.gif); background-repeat: no-repeat; border: 1px solid black; padding-right: 10px; }
.CalendarOutside { text-align: left;  height: 100px; background-color: #FFFFFF; padding-right: 20px; }
.CalendarDayHeader { background-color: #EEEEEE; height: 20px; }
.CalendarTitle { background-color: #FFFFFF; height: 100%; }
.CalendarTitle td { font-size: 15pt; font-family: Helvetica,Arial; font-weight: bold; color: #808284; }
.Calendar a {  }
.CalendarNextPrev a { color: #808284; }

.Calendar .events { padding: 1px 0 1px 1px; font-size: 8pt; }
.Calendar .events div { padding: 2px 0 2px 8px; background-image: url(images/eventbullet.gif); background-repeat: no-repeat; }


#eventView { text-align:left; z-index: 1001; padding: 15px 0px 20px 17px;  font-family: Arial; display: none; position: absolute; width: 312px; height: 300px; }
#eventView table { width: 310px; text-align:left; }
#eventView h3 { padding: 0 0 0 0px; margin: 0 0 5px 0; font-size: 11pt; color: Black;  } /* date */
#eventView h4 { padding: 0 0 0 0px; margin: 0;  font-size: 11pt; color: Black; } /* title */
#eventView h5 { padding: 0 0 10px 5px; margin: 0; font-size: 10pt; color: Black; font-weight: normal; } /* description */
#eventView .description { height: 200px; text-align:left; overflow: auto; }


#transp { behavior: url(/png.htc); display: none; position: absolute; width: 350px; height: 300px; background-image: url(/images/event_top.png); background-repeat: no-repeat;  }


#eventTop { }