@charset "utf-8";
/* CSS Document */

/*************************************************************************/
/*                     General styles                                    */
/*************************************************************************/
html
{
    font-size: 62.5%;    
}

body {
  margin: 0;
  padding: 0;
  overflow: visible;  /* hide scrollbars, but never clip overfilling content */
}

/*************************************************************************/
/*              Custom Kendo styles adjustments                          */
/*************************************************************************/

/*numeric box style*/
.k-numeric-wrap .k-input 
{      
  font-family: Helvetica;
  font-size: 1.6rem;
  font-weight: bold;
  color: rgba(51,51,51,1.0);
}

.k-state-active,.k-state-active:hover,.k-active-filter {
  border-color: rgba(79, 129, 188, 0.9);
  color: rgba(51,51,51,1.0); /*active tab*/
}

/*************************************************************************/
/*              Button styles                                            */
/*************************************************************************/

.k-button 
{
  background-image: url('../kendo/textures/highlight.png');  
  background-color: #4f81bd;

  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;  
  border-color: #4f81bd;
  border-width: 0.3px;  
    
  height:3.3rem;  
    
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1.3rem;
  color: White;
}

#calcButton {
    margin: 24px 12px 13px 6px; /*t l b r*/
}

/*************************************************************************/
/*              Tab styles                                               */
/*************************************************************************/

.beTabStrip {
  margin-top: 0.8rem;
  border-radius: 6px;
  background-color: rgba(230, 230, 230, 0.6);

  border-color: White;
  border-width: 1px;
  float: left;
  
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: bold;
  color: rgba(46, 46, 46, 0.7); /*text in unselected tab is a little transparent*/
}

/* Style for the custom tab which is applied to individual tab divs into which content is injected */
.beTab {
  height: 350px;
  width: 425px;
  background-color: rgba(255, 255, 255, 0.9);
}

/*************************************************************************/
/*                     Header styles                                     */
/*************************************************************************/

/*font style for the application header*/
#beHeader {  
  margin-top: -3px;
  width:100%;
  height:80px;
}

#beHeader #logo
{
    float:left;
    width:143px;
    height:68px;
    margin-top:4px;
    margin-bottom:-1px;
    margin-left:-2px;
}

#beHeader #logo a img
{
    border:0;
    outline:none;
}

#beHeader #headerLbl
{
    float:left;
    margin-top: 2.7rem;
    margin-left: 10.0rem;
}

#beHeader a 
{ 
  text-decoration: none;
  outline:none;
  
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  color: White;
  line-height:2.0rem;
}

/*************************************************************************/
/*                     BE class styles                                   */
/*************************************************************************/

/*Style for the outer-most container which shows app background*/
#beAppContainer {
  width: 491px;
  height: 515px;
  background: url('../../res/bg.jpg') transparent no-repeat 0 0;
  background-position: center;
}


/*Region within main container, so that all autosized child elements are padded*/
#beAppContainerPadded {
  padding: 1.5rem
}

.beFieldLabel {
  clear: both;
  cursor: default;
  display: block;
  float: left;
  margin-bottom: 5px;
  margin-right: 0;
  margin-top: 3px;
  width: 240px;
  
  font-family: Verdana, Helvetica;
  font-size: 1.3rem;
  font-weight: normal;
  color: #4F81BD;
}

.beFieldLabelValue {
  display: block;
  float: left;
  width: 80px;
  cursor: default;
  margin-right: 10px;
  
  font-family: Helvetica;
  font-size: 1.6rem;
  color: rgba(51,51,51,1.0);
}

.OuterMargin {
  width: 236px;
  margin: 9px 12px 4px 6px;
  overflow: hidden;
}

.beRadio 
{
    outline:none;
}

/*************************************************************************/
/*                     Specific styles                                   */
/*************************************************************************/

.leftPane
{
    float:left;
    width: 204px;
}

.rightPane
{
    float: left;
    width: 100px;
    margin-top: 65px;
}