.menuLink
{
   text-decoration:  none;
   color:            black;
   width:            100%;
}

.tabLink
{
   text-decoration:  none;
   color:            #2c3d45;
   width:            100%;
   letter-spacing: 0.05em;
   width: inherit;
   height: 20px; /* 20px is the width specified in codeBehind for the tabs */
   /* opacity: 0.8; */
}

.tabLink:hover{
	/* font-weight:bold; */
}

.tabLinkSelected{
    border-bottom: 3px solid #26A9E0;
	padding-bottom: 12px;
	display: block;
    line-height: 31px; /*border height + height of anchor tag*/
}


.tabLinkHover:after {
	content: '';
	border-bottom: 3px solid #26A9E0;
	position:relative;
	top:8px;
    line-height: 31px;
	display: block;
	height: 1px;
	width: 0px;
	//background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
.tabLinkHover:hover:after {
	width: 100%;
}

.mainMenu, .disabledMenu
{
   text-decoration:  none;
   //font-weight:      bold;
   font-size:        1.0em;
}

.mainMenu
{
   color: #2c3d45;
}

.mainMenu >img{
	opacity: 1;
}

.linkSelector
{
   text-decoration:  underline;
   font-size:        0.9em;
}

.linkSelectorDisabled
{
   text-decoration:  none;
   font-size:        0.9em;
   color:            #808080;
}

.linkSelectorInactive
{
   font-weight:      bold;
   font-size:        0.9em;
   color:            black;
}

.disabledMenu
{
   //color:#88969f;
   color: #cacaca;
}

.disabledMenu >img{
	opacity: 0.5;
}

.disabledText
{
   color:#808080;
}

.button, .hoverButton, .disabledButton
{
   font-size:        11px;
   font-weight:      bold;
   margin: 2px;
   margin-top: 1px;
   border-width: 1px;
   border-style: solid;
   border-radius: 3px;
}

.loadingButton
{
  display: inline;
  vertical-align: middle;
  position: absolute;
  margin-top:4px;
  left: 5px;
  z-index:10;
}

.button
{
   border-color: #CACACA;
   background-color: white;
   position:relative;
}

.button:hover
{
   border-color: #CACACA;
   background-color: #EEEEEE;
}

.hoverButton
{
   border-color: #CACACA;
   background-color: #EEEEEE;
   position:relative;
}
.button, .button:hover, .hoverButton
{
   color: #2c3d45;
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   transition: all 500ms ease;
}

.disabledButton
{
   border-color:     #d2d2d2;
   color:            #d2d2d2;
   background-color: white;
}

:focus {
    outline: 1px dotted #2c3d45;
}

.button:-moz-focusring {
    outline: none;
}

.truncate100
{
    width:100%;
    height: 1.4em;
    overflow:hidden;
}

.ajaxPopup {
    position:absolute;
    background-color:white;
    border:1px solid #888;
    margin:0px;
    padding:0px;

    z-index: 10;

    overflow: auto;
    cursor:pointer;
}

.ajaxPopup div.selected {
    background-color: #ffb;
}


.ajaxPopup div.selectedBlue {
    background-color: #26A9E0;
    color: white;
}

.collapsablePanel .leftVerticalTitle, .collapsablePanel .rightVerticalTitle
{
    writing-mode: tb-rl;
    height:100%;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:2px;
    padding-right:2px
}

.collapsablePanel .leftVerticalTitleBar
{
    filter: flipv fliph;
}

/* non-snapshot style */
.collapsablePanelTitle
{
    border-top: 1px solid #C1C4BE;
    border-left: 1px solid #C1C4BE;
    border-right: 1px solid #C1C4BE;
    background-color: #EDEEEC;
}

/* snapshot style */
.collapsablePanelTitle2
{
    border-top: 1px solid #cacaca;
    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    border-radius: 3px 3px 0px 0px;
    //background-color: #fafafa;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1), rgba(211, 211, 211,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1), rgba(250,250,250, 1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1), rgba(250,250,250, 1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(250,250,250, 1)); /*  */
    font-weight: bold;
    height: 26px;
}

.menuBarColor
{
   background-color:#F5F5F5;
}

/* Menu styles - MOVE THIS */
.menuSeparator 
{
  border-bottom: 1px solid #d7d7d7;
  margin: 2px 0;
  height: 1px;
}
.menuText             { font-size: 0.85em; padding-left:4px; padding-right:4px; }
a.titleMenuText         { color:black; text-decoration: none;}

.menuItem
{
    cursor: pointer;
    font-size: 0.85em;
    text-align: left;
}

.menuItem span
{
    box-sizing: border-box;
    padding: 3px 4px;
    width: 100%;
}

div.subMenu
{
  cursor: default;
  padding: 4px;
  position:absolute;
  left:10px;
  top:10px;
  border: 1px solid #cacaca;
  border-radius:3px;
  background-color:white;
  text-align: center;
  /* Menu appears behind wrapped dojo controls such as xTreeGrid, hence increasing the z-index */
  z-index: 1;
}

table.subMenu
{
  border-collapse: collapse;
  border: 0;
  padding: 0;
}

table.subMenu td
{
  margin: 0;
  border: 0;
  padding: 0;
  text-align: left;
}

table.subMenu td.separator
{
  height: 1px;
  background-color: #AAAAAA;
  border: 2px solid #FFFFFF;
}


.menuSearch
{
  margin: 0; 
  padding: 0; 
  height: 21px; 
  background-repeat:no-repeat; 
  background-position:top left;
  background-image:url(../images/search_iw.png);
}

.menuSearchEnabled
{
  margin: 0;
  border: none; 
  background: none;
  padding: 0px 4px 0px 4px;
  line-height: 13px; 
  font-size: 11px; 
  color:#2c3d45;
  outline: none;
}
.checkBoxImg {
    margin-left: 3px;
    position: relative;
    top: 3px;
}

fieldset {
	border: 1px solid #cacaca;
}