﻿#img-header
{
	background-image: url(./images/cjhdr_left.gif);
}
.header{
	background-image: url(./images/cj1pxbgpurple.gif);
	color: #FFF;
}
.header a {
	color: #FFF;
}
.callinfotable
{
	border-color: #609;
	background-color: #EFDFFF;
}
.callinfotableheader
{
	background-color: #609;
	color: #FFF;
	border-color: #503D63;
}
.callinfotablebold
{
	color: #609;
}
.callinfotabletd
{
	background-color: #EFDFFF;
}

.pageheader
{
	border-bottom: solid medium #609;
	background-image: url(./images/cj1pxbgpurpleflip.gif);
	background-color: #609;
	color: #FFF;
}

/* Control Styles */
.calendarbuttons
{
	background-color: #EFDFFF;
	color: #000;
	border-color: #609;
}
.callbuttons
{
	background-color: #503D63;
	background-image: url(./images/cj1pxbgpurple.gif);
	color: #FFF;
	border-color: #609;
}


/* Admin Area */
.adminpagetop {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-color: #000000;
	background-color: #FF0000;
	color: #FFFFFF;
	font-family: Georgia, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
	padding: 3px;
	text-transform: uppercase;
	letter-spacing: 5px;
	text-align: center;
}

.tabbutton a
{
    border: 3px solid #000;
    border-bottom: 0px;
    background: #DDD;
	 background-image: url(cj1pxbgpurple.gif);
    font-family: Tahoma;
    font-size: 14px;
    font-weight: bold;
    padding: 3px;
    margin: 2px;
    color: #FFF;
    text-decoration: none;
}

.tabbutton a:visited 
{
    border: 3px solid #000;
    border-bottom: 0px;
    background: #DDD;
    font-family: Tahoma;
    font-size: 14px;
    font-weight: bold;
    padding: 3px;
    margin: 2px;
    color: #000;
    text-decoration: none;
}

.tabbutton a:hover
{
    border: 3px solid #F00;
	 border-bottom: 0px;
    background: #FDD;
    text-decoration: underline;
    color: Red;
}

.tabbutton a:active
{
    border: 3px solid #F0F;
	 border-bottom: 0px;
    background: #DCD3E4;
    text-decoration: underline;
    color: Purple;
}
    
.TopGroup
{
  z-index:99;
  position:relative;
}
.DefaultTab 
{
  color:black; 
  background-image: url(images/tab_bg.gif);
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
  cursor:default;
}
.DefaultPage 
{
  color:black; 
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
  cursor:default;
}
.DefaultTabHover 
{
  color:black; 
  background-image: url(images/hover_tab_bg.gif);
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
  cursor:default;
}
.SelectedTab 
{
  color:black; 
  background-image: url(images/selected_tab_bg.gif);
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
  cursor:default;
}
.MultiPage
{
  background-color:#D4D0C8;
  border: 1px solid #D4D0C8;
  border-bottom-color:#404040;
  border-right-color:#404040;
  width:489px;
  height:252px;
  position:relative;
  top:-3px;
  z-index:98;
}
.validation 
{
    border: 2px solid #f00;
    background-color: #FCC;
    color: #F00;
    font-weight: bold;
    font-family: Georgia, Times New Roman, Sans-Serif;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.PrettyMenu ul.AspNet-Menu li
{
    background: url(./images/cj1pxbgpurple.gif) repeat-x;
    color: #FFF;
    margin:0 0 0 0;
}

/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.PrettyMenu ul.AspNet-Menu li a,
.PrettyMenu ul.AspNet-Menu li span
{
    color: white;
    padding: 4px 2px 4px 8px;
    border-top: solid 0px #E7E7E7;
    border-right: solid 0px #D2D2D2;
    border-bottom: solid 0px #D2D2D2;
    border-left: solid 0px #E7E7E7;
    background: transparent url(./images/desc.gif) right center no-repeat;
}


