TABLE
{
  background-color:#FFFFFF; 
}

.title          { BACKGROUND-COLOR: #FFFFFF; COLOR: #21207B; FONT-FAMILY:  verdana, geneva, arial, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; }
.content        { BACKGROUND-COLOR: #FFFFFF; COLOR: #440044; FONT-FAMILY:  verdana, geneva, arial, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: normal; }
.headlineb      { BACKGROUND-COLOR: #598DA3; COLOR: #FFFFFF; FONT-FAMILY:  verdana, geneva, arial, sans-serif;  FONT-SIZE: 11px; FONT-WEIGHT: bold; }
.borderlineb    { BACKGROUND-COLOR: #598DA3; COLOR: #FFFFFF; height:4px; }
.chk            { border-color:red; width:16px; }
.tdgr3          { BACKGROUND-COLOR: #F2F2F2; COLOR: #440044; FONT-FAMILY:  verdana, geneva, arial, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: normal; line-height:20px; }
.tdgr3bold      { BACKGROUND-COLOR: #E4EBF1; COLOR: #990080; FONT-FAMILY:  verdana, geneva, arial, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; line-height:25px; }
.titletb        { BACKGROUND-COLOR: #91b7F5; COLOR: #21207B; FONT-FAMILY:  verdana, geneva, arial, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; }

.reg 
{
  Font-Size: 9pt;
  font-family : tahoma, geneva, arial, sans-serif;
  font-weight:bold; 
  text-decoration:none;
  color: #636363; 
  background-color:#FFFFFF; 
  line-height: 27px; 
} 

.login          
{
  BACKGROUND-COLOR: transparent; 
  COLOR: #000000; 
  FONT-FAMILY:  tahoma, verdana, arial, sans-serif; 
  FONT-SIZE: 8pt; 
  FONT-WEIGHT: normal; 
}

.Headline 
{
  Font-Size: 12px;
  font-family: Trebuchet MS;
  font-weight:bold; 
  text-decoration:none;
  color: #636363; 
  background-color:#FFFFFF; 
  line-height: 27px;
} 

.SectionHeader 
{
  Font-Size: 11px;
  font-family : verdana, geneva, arial, sans-serif; 
  font-weight:bold; 
  text-decoration:none;
  color: #636363; 
  background-color:transparent; 
  line-height: 24px;
} 

.ContentHeader
{
  Font-Size: 11px;
  font-family : verdana, geneva, arial, sans-serif; 
  font-weight:bold; 
  text-decoration:none;
  /* color: #636363;  */
  color: #2B2B2B;  
  background-color: Transparent;
  line-height: 24px;
  padding: 2px 2px 2px 2px;

}

.ContentText
{
  Font-Size: 11px;
  font-family : verdana, geneva, arial, sans-serif; 
  font-weight:normal; 
  text-decoration:none;
  /* color: #636363;  */
  color: #2B2B2B;  
  background-color: Transparent;
  line-height: 22px;
  padding: 2px 3px 2px 3px;
}

.ContentHeaderGr
{
  Font-Size: 11px;
  font-family : verdana, geneva, arial, sans-serif; 
  font-weight:bold; 
  text-decoration:none;
  color: #636363; 
  background-color: #FFFFFF;
  /* background-color: #F2F2F2; */
  line-height: 27px;
}

.ContentTextGr
{
  Font-Size: 11px;
  font-family : verdana, geneva, arial, sans-serif; 
  font-weight:normal; 
  text-decoration:none;
  color: #636363; 
  background-color: #FFFFFF;
  /* background-color: #F2F2F2; */
  line-height: 15px;
  padding: 0px 3px 0px 3px;
}

.tabContentHeader
{
  padding: 1px 7px 1px 17px;
  line-height: 23px;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
  COLOR: #666666;
  font-family : verdana, geneva, arial, sans-serif;
  TEXT-DECORATION: none;
}


.tabContentLabel
{
  padding: 2px 5px 2px 23px;
  height:18px;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  COLOR: #666666;
  font-family : verdana, geneva, arial, sans-serif;
  TEXT-DECORATION: none;
  /* border:Solid 1px #440044; */
}

.tabContentText
{
  padding: 2px 5px 2px 21px;
  height:21px;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  COLOR: #666666;
  font-family : verdana, geneva, arial, sans-serif;
  TEXT-DECORATION: none;
  /* border:Solid 1px #440044; */
}

.tabBackground
{
  background: #FFFFFF;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  font-family : verdana, geneva, arial, sans-serif;
  COLOR: #666666;
}

.tabbox {
    position:relative;
    margin-bottom:3px;
    padding:3px 3px 3px 3px;
    background-color:#f2f2f2;
    border-bottom:1px solid #ccc;
}

/************** save button & test link ************************************/

.SaveAndTestContainer {border:Solid 0px blue;overflow:auto;}
.TestLinkContainer {float:left;padding-top:3px;margin-left:12px;border:Solid 0px red;}

/************** Searchbar ************************************/

.SearchBar       
{
  Height: 26px;
  Font-Size: 11px;
  font-family : verdana, geneva, arial, sans-serif; 
  font-weight: normal;
  color: #440044; 
  background-color:transparent; 
  padding: 0px 4px 0px 4px;
/*  border-bottom:Solid 1px #ECE9D8; */
    text-decoration: none;
}

.SearchBarItem, .SearchBarItem a       
{
  Height: 26px;width:12px;
  Font-Size: 11px;
  font-family : verdana, geneva, arial, sans-serif; 
  font-weight: normal;
  color: #440044; 
  text-decoration: none;
  padding: 1px 4px 1px 4px;
  margin: 1px 1px 1px 1px;
  border:Solid 1px white;
}

.SearchBarItemSelected, a.SearchBarItem:hover
{
  padding: 1px 4px 1px 4px;
  margin: 1px 1px 1px 1px;
  color: #440044; 
  background-color: transparent; 
  border: Solid 0px #440044;
  text-decoration: none;
  border:solid 1px red;
}

/************** Buttons ************************************/
INPUT.savebutton 
{
  FONT-SIZE: 11px;    
  font-weight:bold;
  background: url('../images/Buttons/bg_gr4.gif');
  CURSOR: pointer;    
  color: #FFFFFF;
  padding: 2px 12px 2px 12px; 
  font-family : Verdana;
  line-height:17px;
  border: none 0px transparent;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.savebutton2 {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: bold 11px verdana, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.savebutton2 span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
    text-decoration: none;
}

a.savebutton2:hover, a.savebutton2:hover span 
{
    text-decoration: none;
        color: #C3719F;
}


/*
a.savebutton2:hover {
    background-position: bottom right;
    color: #000;
    outline: none; 
    text-decoration: none;
}

a.savebutton2:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; 
    text-decoration: none;
} 
*/
/*
a.savebutton2:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; 
} 
a.savebutton2:hover {
    background-position: bottom right;
    padding: 6px 0 4px 18px; 
} 

*/

.UploadFile
{
  width:555px; 
  background-color:#F4F4EE; 
  border:Solid 1px #444444;
  font:15px/1.4em;  
}

INPUT.xbutton, INPUT.xbuttonDis {
  /* display: block; */
  background-color: transparent;
  background-image: url('../images/Buttons/buttonBackground3.gif');
  background-repeat: no-repeat;
  width: 132px;
  height: 28px;
  margin: 1px auto;
  padding: 0px 0 0 0;
  text-align: center;
  font-family: verdana, geneva, arial, sans-serif; 
  font-size: 100%;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
  CURSOR: pointer; 
  border:None 0px transparent;
}

INPUT.xbutton:hover {
background-position: 0 -36px;
color: #FFFFFF;
}

#SaveButtonPosition
{ position:absolute; 
   top:220px; 
   left:200px; 
   width:250px; 
   height:250px;
      z-index:3; 
      background-color:#ffa; 
}


/*
border-style:dashed;
border-style:dotted;
border-style:double;
border-style:groove;
border-style:hidden;
border-style:inset;
border-style:outset;
border-style:ridge;
border-style:solid;
*/


.ButtonWZ
{
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    COLOR: #E6EFFE;
    BACKGROUND-COLOR: #18499C; 
  font-family : verdana, geneva, arial, sans-serif; 
    TEXT-DECORATION: none;
    padding: 2px 11px 2px 11px;

}
.ButtonWZ:hover
{
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    COLOR: #18499C;
    BACKGROUND-COLOR: #E6EFFE;
  font-family : verdana, geneva, arial, sans-serif; 
    TEXT-DECORATION: none;
    padding: 2px 11px 2px 11px;
}

/**************** Input Controls ***************************************/

.DropDownBox
{
  BORDER:0px;
  BORDER-STYLE:none; 
  BORDER-COLOR:#7F9DB9;
  PADDING-LEFT:0px;
  BACKGROUND-COLOR:#E6EFFE;
  font-family : verdana, geneva, arial, sans-serif;
  HEIGHT:18px;
}

.DropDownList
{
  /*WIDTH:175px;*/
  BORDER: solid 1px #888888;
  BACKGROUND-COLOR:#FFFFFF;
  Font-Size: 11px;
  font-family : verdana, geneva, arial, sans-serif;
  PADDING: 1px;
  /*
  PADDING: 1px 2px 1px 2px;
  font-family : "Trebuchet MS", geneva, arial, sans-serif;

  HEIGHT:19px;
  BORDER:1px;
  BORDER-STYLE:solid;
  BORDER-COLOR:#7F9DB9;
  BACKGROUND-COLOR:#E6EFFE;
  font-family : verdana, geneva, arial, sans-serif;
  FONT-SIZE: 8pt;
  PADDING-LEFT: 0px;  
*/

}


.DropDownListDashBoard
{
  width:auto;
  BORDER: solid 1px #999999;
  PADDING: 1px 1px 1px 1px;
  BACKGROUND-COLOR:#FFFFFF;
  Font-Size: 10px;
  font-family : geneva, arial, sans-serif;
  FONT-WEIGHT: normal; 
}


.InputField
{
  WIDTH:175px;
  BORDER: solid 1px #999999;
  PADDING: 1px;
  BACKGROUND-COLOR:#FFFFFF;
  Font-Size: 11px;
  font-family : verdana, geneva, arial, sans-serif;
  FONT-WEIGHT: normal; 
}


.Label
{
  PADDING:  2px 2px 2px 2px;
  BACKGROUND-COLOR:#FFFFFF;
  Font-Size: 11px;
  font-family : verdana, geneva, arial, sans-serif;
  FONT-WEIGHT: normal; 
}




/*
A.deflink, A.deflink:link, A.deflink:visited, A.deflink:active, A.deflink:hover       
{ 
  BACKGROUND-COLOR:Transparent;
  COLOR: #636363; 
  Font-Size: 11px;
  font-family : verdana, geneva, arial, sans-serif;
  FONT-WEIGHT: normal; 
}
*/

/**************** Layout Color Display ****************************/

.ColorDisplay 
{
  border: Solid 1px #440044;
  width:27px;
}

/**************** Color Columns  ****************************/
/*padding: 1px 7px 1px 7px; */

  .mgreen1   { BACKGROUND-COLOR: #BDD6BD; COLOR: #FFFFFF; font:bold 10px verdana; width:30px; padding:4px 4px 4px 4px; display:block; }
  .myellow1  { BACKGROUND-COLOR: #FEF0BF; COLOR: #440044; font:bold 10px verdana; width:30px; padding:4px 4px 4px 4px; display:block; }
  .mred1     { BACKGROUND-COLOR: #FF947B; COLOR: #FFFFFF; font:bold 10px verdana; width:30px; padding:4px 4px 4px 4px; display:block; }
  
  .mGender    { BACKGROUND-COLOR: #F3F2F7; COLOR: #440044; font:bold 10px verdana; width:30px; padding:4px 4px 4px 4px; display:block; }
  .mAge       { BACKGROUND-COLOR: #E4E9F4; COLOR: #440044; font:bold 10px verdana; width:30px; padding:4px 4px 4px 4px; display:block; }
  .mCore      { BACKGROUND-COLOR: #F3F2F7; COLOR: #440044; font:bold 10px verdana; width:30px; padding:4px 4px 4px 4px; display:block; }
  
  .RatioCellGreen   { COLOR: #440044; font:bold 10px verdana; border: Solid 3px #FFFFFF; background-color:transparent; }
  .RatioCellYellow  { COLOR: #440044; font:bold 10px verdana; border: Solid 3px #FFFFFF; background-color:transparent;}
  .RatioCellRed     { COLOR: #440044; font:bold 10px verdana; border: Solid 3px #FFFFFF; background-color:transparent;}
  
/*: Solid 3px #FFFFFF;*/
  
  .mgreen5   { BACKGROUND-COLOR: #BDD6BD; COLOR: #440044; font:bold 10px verdana; width:30px; padding:4px 17px 4px 17px; }
  .myellow5  { BACKGROUND-COLOR: #FEF0BF; COLOR: #440044; font:bold 10px verdana; width:30px; padding:4px 17px 4px 17px; }
  .mred5     { BACKGROUND-COLOR: #FF947B; COLOR: #440044; font:bold 10px verdana; width:80px;  }


  .mgreen4   { BACKGROUND-COLOR: #BDD6BD; COLOR: #440044; font:bold 10px verdana; border: Solid 0px #440044; padding: 3px 7px 3px 7px; margin: 3px 7px 3px 7px; }
  .myellow4  { BACKGROUND-COLOR: #FEF0BF; COLOR: #440044; font:bold 10px verdana; border: Solid 0px #440044; padding: 3px 7px 3px 7px; margin: 3px 7px 3px 7px;}
  .mred4     { BACKGROUND-COLOR: #FF947B; COLOR: #440044; font:bold 10px verdana; border: Solid 0px #440044; padding: 3px 7px 3px 7px; margin: 3px 7px 3px 7px;}

  .mgreen3   { BACKGROUND-COLOR: #BDD8BB; COLOR: #FFFFFF; FONT-FAMILY: verdana; FONT-SIZE: 10px; FONT-WEIGHT: normal;   border: Solid 1px #440044; padding: 0px 7px 0px 7px;  }
  .myellow3  { BACKGROUND-COLOR: #FEF0BF; COLOR: #440044; FONT-FAMILY: verdana; FONT-SIZE: 10px; FONT-WEIGHT: normal;   border: Solid 1px #440044; padding: 0px 7px 0px 7px; }
  .mred3     { BACKGROUND-COLOR: #FF947B; COLOR: #FFFFFF; FONT-FAMILY: verdana; FONT-SIZE: 10px; FONT-WEIGHT: normal;   border: Solid 1px #440044; padding: 0px 7px 0px 7px; }

  .mgreen2   { BACKGROUND-COLOR: #BDD8BB; COLOR: #FFFFFF; FONT-FAMILY: verdana, geneva, arial, sans-serif; FONT-SIZE:11px; FONT-WEIGHT: normal;   border: Solid 1px #000000; padding: 3px 3px 3px 3px;}
  .myellow2  { BACKGROUND-COLOR: #FEF0BF; COLOR: #440044; FONT-FAMILY: verdana, geneva, arial, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: normal;   border: Solid 1px #000000; padding: 3px 3px 3px 3px;}
  .mred2     { BACKGROUND-COLOR: #FF947B; COLOR: #FFFFFF; FONT-FAMILY: verdana, geneva, arial, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: normal;   border: Solid 1px #000000; padding: 3px 3px 3px 3px;}

  .mgreen   { BACKGROUND-COLOR: #BDD6BD; COLOR: #440044; FONT-FAMILY: verdana, geneva, arial, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: normal;   border: Solid 1px #888888; padding: 3px 3px 3px 3px;}
  .myellow  { BACKGROUND-COLOR: #FEF0BF; COLOR: #440044; FONT-FAMILY: verdana, geneva, arial, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: normal;   border: Solid 1px #888888; padding: 3px 3px 3px 3px;}
  .mred     { BACKGROUND-COLOR: #FF947B; COLOR: #440044; FONT-FAMILY: verdana, geneva, arial, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: normal;   border: Solid 1px #888888; padding: 3px 3px 3px 3px;}

  .glass {background-color: Transparent; text-decoration:none;}
/**************** Messages ****************************/

.music_benchmark
{
  FONT-FAMILY: Swatch it;
  FONT-SIZE: 12px;
}

.ErrorMessage
{
  color: red;
  BACKGROUND-COLOR: Transparent;
  FONT-FAMILY: verdana, arial;
  FONT-SIZE: 8pt;
  FONT-WEIGHT: bold;
  PADDING-LEFT: 2px;  
  PADDING-RIGHT: 2px;  
  PADDING-TOP: 0px;  
  PADDING-BOTTOM: 0px;  
}

.NoDataMessage
{
  color: #00509E;
  BACKGROUND-COLOR: Transparent;
  FONT-FAMILY: verdana, arial;
  FONT-SIZE: 8pt;
  FONT-WEIGHT: bold;
  PADDING-LEFT: 7px;  
  PADDING-RIGHT: 7px;  
  PADDING-TOP: 7px;  
  PADDING-BOTTOM: 7px;  
}

.WarningMessage
{
  color:Red;
  BACKGROUND-COLOR: Transparent; 
  FONT-FAMILY: tahoma, Verdana, Helvetica, sans-serif;
  font-weight:bold;
  font-size:8pt;
}


/* AJAX MultiSlider */ 

.mslider .inner_rail_horizontal
{
   position:absolute;
   width:175px;
   height:11px;
   border-bottom:2px solid #b3b6b3;
   z-index:5;
}

.mslider .handle
{
   position:absolute;
   border-top:3px solid #797979;
   border-bottom:4px solid #797979;
   border-left:1px solid #797979;
   border-right:1px solid #797979;

   background-color:#efefef;
   width:8px;
   height:18px;
   z-index:6;
}

.hidden 
{
  padding: 27px 0px 0px 27px;
  background-color: transparent;
  color:#FFFFFF;
}