body { background-color: White; margin: 0 0 0 0 }
hr.dotted { height:1px;	color:#344fa2; border-bottom:1px dotted #344fa2; }
hr.blue { height:1px; color:#344fa2; }

/* Error Dialog */
.x-error-dialog { background: url(/images/extjs/gray/window/icon-error.gif) no-repeat 10px 10px; padding: 13px 5px 18px 52px; }
.x-error-dialog .x-panel-body { background: transparent; border: 0; }


/* Control Styles */
.button { 
  padding: 3px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  border-bottom: solid 1px #000;
  border-left: solid 1px #000;
  font: bold 12px Tahoma, Arial;
  background: #344fa2; 
  color: #fefeee; 
}

.adminButton 
{
  padding: 3px;
  background:maroon;
  color:#fefeee; 
  font: bold 12px Tahoma, Arial;
  border-top: solid 1px red; 
  border-right: solid 1px red; 
  border-bottom: solid 1px dimgray; 
  border-left: solid 1px dimgray; 
}

.input { BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; FONT-SIZE: 12px; BACKGROUND: #f4f4f4; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: #344fa2 1px solid; FONT-FAMILY: tahoma,arial }
.smallInput { background:silver; font-family:arial; font-size:10; border-width:1px; border-top-color:dimgray; border-right-color:dimgray; border-bottom-color:silver; border-left-color:silver; }
.smallDisabled { padding-top:0px; padding-bottom:0px; padding-left:1px; padding-right:1px; padding-top:0px; cursor:hand; background:#dddddd; color:silver; font-family:tahoma,arial; font-size:10; font-weight:bold; border-style:solid; border-width:1px; margin-left:2px; border-top-color:#f4f4f4; border-right-color:#f4f4f4; border-bottom-color:silver; border-left-color:silver; }
.smallButton { padding-top:0px; padding-bottom:0px; padding-left:1px; padding-right:1px; padding-top:0px; cursor:hand; background:#344fa2; color:#fefeee; font-family:tahoma,arial; font-size:10; font-weight:bold; border-style:solid; border-width:1px; margin-left:2px; border-top-color:#ffffff; border-right-color:#ffffff; border-bottom-color:black; border-left-color:black; }
.smalladmin {  padding-top:0px; padding-bottom:0px; padding-left:1px; padding-right:1px; padding-top:0px; cursor:hand; background:maroon; color:#fefeee; font-family:tahoma,arial; font-size:10; font-weight:bold; border-style:solid; border-width:1px; margin-left: 2px; border-top-color:red; border-right-color:red; border-bottom-color:dimgray; border-left-color:dimgray; }
.couponButton { padding-top:0px; padding-bottom:0px; padding-left:1px; padding-right:1px; padding-top:0px; cursor:hand; background:#008000; color:#fefeee; font-family:tahoma,arial; font-size:12; font-weight:bold; border-style:solid; border-width:1px; margin-left:2px; border-top-color:#ffffff; border-right-color:#ffffff; border-bottom-color:black; border-left-color:black; }
/* End Control Styles */

/* Text Styles */
.header { font-size: 12; color: #344fa2; font-family: Tahoma, Verdana, Arial;}
.genLarger { FONT-SIZE: 17px; FONT-FAMILY: tahoma,arial,verdana }
.genLarge { FONT-SIZE: 15px; FONT-FAMILY: tahoma,arial,verdana }
.genMedium { FONT-SIZE: 13px; FONT-FAMILY: tahoma,arial,verdana }
.genSmall { FONT-SIZE: 11px; FONT-FAMILY: tahoma,arial,verdana }
.genSmaller { FONT-SIZE: 9px; FONT-FAMILY: tahoma,arial,verdana }
.highlight { background-color: #344fa2; color: #ffff99; }
.fieldLabel { font-size: 12px; font-family: tahoma,arial,verdana; color: #344fa2 }
.errorLabel { font-size: 12px; font-family: tahoma,arial,verdana; color: maroon }
.pageHeader { font-size: 14pt; font-family: tahoma,arial,verdana; font-weight: bolder }
.pageSubHeader { font-size: 12pt; font-family: tahoma,arial,verdana; font-weight: bolder }

/* Grid */
.grid { font-size: 11px; font-family: tahoma,arial,verdana; border-width: 1px; border-color: Silver; }
.gridHeader { white-space:nowrap; text-align: left; background-color: #f4f4f4; font-size: 12px; }\
.gridSubHeader { white-space:nowrap; text-align: left; background-color: #f4f4f4; font-size: 12px; }
.gridHeaderSmall { white-space:nowrap; text-align: left; background-color: #f4f4f4; font-size: 10px; }
.gridHeaderSorted { text-align: left; background-color: #e4e4e4; font-size: 12px}
.gridHeaderSortedSmall { background-color: #e4e4e4; font-size: 10px}
.gridHeader a { font-weight: normal; color: DimGray }
.gridHeader a:hover { font-weight: bold; color: DimGray }
.gridHeaderWrap { text-align: left; background-color: #f4f4f4; font-size: 12px; }
.gridHeaderWrap a { font-weight: normal; color: DimGray }
.gridHeaderWrap a:hover { font-weight: bold; color: DimGray }
.gridItem a, .gridAltItem a { color: black; text-decoration: none }
.gridItem a:hover, .gridAltItem a:hover { color: #344fa2; text-decoration : underline }
.gridItem { background-color: White }
.gridAltItem { BACKGROUND-COLOR: #fff7e5 }
.gridPager { padding: 2 2 2 2; font-size: 11px; font-family: tahoma,arial,verdana; background-color: #dddddd; border-bottom: solid 1px silver; border-right: solid 1px silver; border-left: solid 1px silver }
.gridPager2 { padding: 2 2 2 2; font-size: 11px; font-family: tahoma,arial,verdana; background-color: #344fa2; border-bottom: solid 1px silver; border-right: solid 1px silver; border-left: solid 1px silver }
.gridGrouping { background-color: #dddddd; }
.gridToolBar {margin-top: 3px; background-color: #344fa2; padding:2 2 2 2; color:White; white-space:nowrap;}

/* Message Types */
.messageGeneral { border: solid 1px #344fa2; color: Black; FONT-SIZE: 11px; FONT-FAMILY: tahoma,arial,verdana }
.messageWarn { border: solid 1px Orange; color: Black; FONT-SIZE: 11px; FONT-FAMILY: tahoma,arial,verdana }
.messageError { border: solid 1px #991414; color: #991414; FONT-SIZE: 11px; FONT-FAMILY: tahoma,arial,verdana }
div.toolTip { border: solid 1px dimgray; background: #fefeee; padding: 6px; }

/* Link Styles */
A.definition, A.definition:link, A.definition:unknown { color: silver; font-family: tahoma,arial,verdana; font-style:italic; text-decoration: none; border-bottom: dashed 1 silver}
A.darkLink, A.darkLink:link, A.darkLink:visited { color: #344fa2; font-family: tahoma,arial,verdana;}
A.darkLink:hover { font-weight:bold; }
A.subtleLink, A.subtleLink:link, A.subtleLink:visisted { font-family:tahoma,arial,verdana; text-decoration:none; color:black; }
A.subtleLink:hover { color:#344fa2; text-decoration:underline }
A.highlightLink, A.highlightLink:link, A.highlightLink:visited { font-family:tahoma,arial,verdana; text-decoration:none; color:#ffffff; }
A.highlightLink:hover { font-family:tahoma,arial,verdana; text-decoration:none; color:#ffff99; }
A.couponLink, A.couponLink:link, A.couponLink:visited { color: white; font-family: tahoma,arial,verdana;}
A.couponLink:hover { font-weight:bold; }

/* Treeview */
.TreeView { CURSOR: default; BACKGROUND-COLOR: white }
.TreeNode { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 11px; PADDING-BOTTOM: 1px; PADDING-TOP: 2px; FONT-FAMILY: tahoma }
.GrayedTreeNode { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 11px; PADDING-BOTTOM: 1px; CURSOR: default; COLOR: gray; PADDING-TOP: 2px; FONT-FAMILY: tahoma }
.HoverTreeNode { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 11px; PADDING-BOTTOM: 1px; CURSOR: default; PADDING-TOP: 2px; FONT-FAMILY: tahoma; TEXT-DECORATION: underline }
.SelectedTreeNode { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 11px; PADDING-BOTTOM: 1px; CURSOR: default; COLOR: white; PADDING-TOP: 2px; FONT-FAMILY: tahoma; BACKGROUND-COLOR: gray }
.NodeEdit { BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; FONT-SIZE: 11px; BORDER-LEFT: gray 1px solid; WIDTH: 120%; BORDER-BOTTOM: gray 1px solid; FONT-FAMILY: tahoma }

/* Menu - Tabs */
.tabItem { background-color:#fefeee; font-family:verdana; font-size:11px; border-left: solid 1px black; border-right: solid 1px black; border-top: solid 1px black; padding:5px; padding-left:20px; padding-right:20px; cursor:hand; }
.tabItemOver { text-decoration:underline; } 
.selectedTabItem { color:white; background-color:#344fa2; font-family:verdana; font-size:11px; border-left: solid 1px black; border-right: solid 1px black; border-top: solid 1px black; padding:5px; padding-left:20px; padding-right:20px; cursor:default; }
.selectedTabItemOver { }

/*****************************************************************************
 *   ExtJS plugin CSS
 ****************************************************************************/

/* RowActions - styles for rows */
.ux-row-action-cell .x-grid3-cell-inner { padding:1px 0 0 0; }
.ux-row-action-item { float:left; min-width:16px; 	height:16px; background-repeat:no-repeat; margin: 0 5px 0 0; cursor:pointer; overflow:hidden; }
.ext-ie .ux-row-action-item { width:16px; }
.ext-ie .ux-row-action-text { width:auto; }
.ux-row-action-item span { vertical-align:middle; padding:0 0 0 20px; line-height:18px; }
.ext-ie .ux-row-action-item span { width:auto; }

/* RowActions - styles for groups */
.x-grid-group-hd div { position:relative; height:16px; }
.ux-grow-action-item { min-width:16px; 	height:16px; background-repeat:no-repeat; background-position: 0 50% ! important; margin: 0 0 0 4px; padding: 0 ! important; cursor:pointer; float:left; }
.ext-ie .ux-grow-action-item { width:16px; }
.ux-action-right { float:right; margin: 0 3px 0 2px; padding: 0 ! important; }
.ux-grow-action-text { padding: 0 ! important; margin:0 ! important; background:transparent none ! important; float:left; }



/*****************************************************************************
 *   NEW CSS
 ****************************************************************************/
 
 /* General */
 .tbar-title { color: #15428B; font: bold 11px/15px tahoma,arial,verdana,sans-serif !important; }
 
 /* Booths */
 .booth-message { font: bold 12px arial; }
 
 div.booth-user { cursor: pointer; float: left; text-align: center; width: 80px; margin: 10px 0 0 10px; font: 11px tahoma,arial,verdana; }
 div.booth-user img { display: block; padding-left: 8px; }
 
 .x-booth-reps .x-avatar { cursor: pointer; }
 .x-booth-reps .x-grid3-col-profile,
 .x-booth-reps .x-grid3-col-availability,
 .x-booth-reps .x-grid3-col-message { white-space: normal !important; }
 
 /* vCard */
 .x-vcard { color: #888; background: #e8e8e8; font: 11px/22px "Lucida Grande","Helvetica Neue",Arial,sans-serif; text-shadow: 0 1px 0 #fff; }
 .x-vcard .left { float: left; }
 .x-vcard .main { width: 380px; height: 140px; }
 .x-vcard ul.links { margin: 15px 5px 0; text-align: left; }
 .x-vcard ul.links li { display: inline; padding: 5px 10px 5px 20px; }
 .x-vcard ul.links li.about { background: url(/images/icons/user.png) no-repeat left center; }
 .x-vcard ul.links li.contact { background: url(/images/icons/email.png) no-repeat left center; }
 .x-vcard li a, .x-vcard li a:visited { color: #888; text-decoration: none; }
 .x-vcard li a:active, .x-vcard li a:hover { color: #333; text-decoration: none; } 
 .x-vcard li a.active, .x-vcard li a.active:visited { color: #000; cursor: pointer; }
 .x-vcard li a.active:active, .x-vcard li a.active:hover { color: #000; }
 
 .x-vcard .info { padding: 10px 0 0 5px; }
 .x-vcard .info div { overflow: auto; height: 110px; background: #f1f1f1; display: block; border-style: solid; border-width: 1px 0; border-color: #fff; padding: 10px; }
 .x-vcard .header { margin: 20px 20px 0 20px; text-align: left; font-family: verdana,arial,helvetica; text-shadow: 0 1px 1px #fff; }
 .x-vcard .header .name { color: #666; font-size: 36px; }
 .x-vcard .header .title { color: #888; font-size: 12px; padding: 5px 0 10px 5px; }
 
 .x-vcard .right { float: right; }
 .x-vcard .right div { background: #f1f1f1; border: 3px solid #fff; padding: 3px; margin: 15px 15px 0 0; }
 
 /* Mail */
 .messagegrid-icon { background: url(/images/icons/email.png) no-repeat; float:left; height:16px; margin:0 5px 0 0; min-width:16px; overflow:hidden; }
 .messagegrid-sender { white-space:normal; font-weight: bold; }
 .messagegrid-sender span { font-weight: normal; font-style: italic; color: #555; display: block; }
 
 .message-header { background: #ccd6ec url(/images/mail/email.gif) no-repeat 5px 50%; padding-left: 65px; font: 11px tahoma,arial,helvetica,sans-serif; }
 .message-header-table td.subject { font-weight: bold; font-size: 13px; }
 .message-header-table td.label { width: 50px; color: #555; }
 .message-header-table a, .message-header-table a:visited { text-decoration: none; color: #00f; }
 .message-header-table a:hover, .message-header-table a:active { text-decoration: underline; }
 
 .message-body { padding: 5px; }