﻿html, body
{
    height: 100%;
}

body
{
    min-height: 100%;
    padding: 0;
    margin: 0;
    font-family: Calibri;
    background-color: #ffffff;
}
form
{
    margin: 0px;
    padding: 0px;
}
a
{
    text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton
{
    color: #000000;
    overflow: visible;
}

.hidden
{
    display: none;
}

#btnGetMatrix
{
    margin-top: 10px;
}
a.ovalbutton {
    background-color: rgb(222, 180, 7);
    display: block;
    float: left;
    font: bold 13px Tahoma;
    line-height: 16px;
    height: 24px;
    /*padding-left: 11px;*/
    overflow: visible;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(222, 180, 7);
}

a.ovalbutton span
{
    /*background: transparent url("../images/default_button.png");*/
    display: block;
    padding: 4px 15px 4px 15px;
}

a.ovalbutton:hover
{
    background-position: bottom left;
    cursor: pointer;
}

a.ovalbutton:hover span
{
    background-position: bottom right;
    color: black;
}

.bold
{
    font-weight: bold;
}

#ReadingInfo
{
    border: 1px #ccc solid;
    height: 20px;
    margin: 10px 20px 0px 20px;
    padding: 10px;
    font-size: 16px;
}
#UserInterfaceSelection
{
    border: 1px #ccc solid;
    height: 20px;
    margin: 6px 15px 0px 15px;
    padding: 10px; /* font-size: 16px;  */
    width:713px;
}

#UserInterfaceSelection label
{
    margin-left: 3px;
    margin-right: 3px;
    font-weight: bold;
}
.box
{
    display: none;
    position: fixed;
    top: 250px;
    left: 25%;
    right: 25%;
    background-color: #fff;
    color: #7F7F7F;
    padding: 20px;
    border: 2px solid #ccc;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    z-index: 101;
}
.box h1
{
    border-bottom: 1px dashed #7F7F7F;
    margin: -20px -20px 0px -20px;
    padding: 10px;
    background-color: #FFEFEF;
    color: #EF7777;
    -moz-border-radius: 20px 20px 0px 0px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -khtml-border-top-left-radius: 20px;
    -khtml-border-top-right-radius: 20px;
}
a.boxclose
{
    float: right;
    width: 26px;
    height: 26px;
    background: transparent url(../../Content/images/cancel.png) repeat top left;
    margin-top: -30px;
    margin-right: -30px;
    cursor: pointer;
    z-index: 1000;
    position: relative;
}

span.buttonwrapper
{
    position: relative;
    overflow: hidden;
    width: 100%;
}

h1 {
    padding: 10px 0 0 30px;
    margin: 0;
    position: relative;
    color: rgb(65, 64, 66);
    font-size: 30px;
}
img, ul
{
    margin: 0;
    padding: 0;
    position: relative;
}
a img
{
    border: none;
}
li
{
    list-style-type: none;
}
#Header
{
    position: relative;
    left: 0px;
    top: 0px;
    left: 0px;
    width: 100%;
}
#BigBar
{
    margin-bottom: 3px;
    position: relative;
    width: 100%;
    height: 40px;
    background-image: url(../Images/head_bigbar.jpg);
}
#BigBarWrap
{
    height: 105px;
}
#Logo {
    position: absolute;
    top: 5px;
    left: 10px;
    width: 101px;
    height: 30px;
    cursor: pointer;
    background-image: url(../Images/LogoiGrain.png);
}
#MenuBar {
    position: relative;
    width: 100%;
    height: 40px;
    /*background-image: url(../Images/head_menubar.jpg);*/
    background-color: rgb(65, 64, 66);
}
#MenuBarWrap
{
    height: 40px;
}
#MenuBarWrap ul
{
    top: 6px;
    left: 10px;
}
#Dashboard
{
    width: 95px;
}
#Dashboard:hover
{
    background-image: url(../Images/bt_report.png);
}
#Dashboard.active
{
    background-image: url(../Images/bt_report.png);
}


#PlantMan
{
    width: 187px;
}
#PlantMan:hover
{
    background-image: url(../Images/bt_plant.png);
}
#PlantMan.active
{
    background-image: url(../Images/bt_plant.png);
}

#AerationControl
{
    width: 152px;
}
#AerationControl:hover
{
    background-image: url(../Images/bt_admin.png);
}
#AerationControl.active
{
    background-image: url(../Images/bt_admin.png);
}



#Report
{
    width: 95px;
}
#Report:hover
{
    background-image: url(../Images/bt_report.png);
}
#Config
{
    width: 142px;
}
#Config:hover
{
    background-image: url(../Images/bt_config.png);
}
#Admin
{
    width: 152px;
}
#Admin:hover
{
    background-image: url(../Images/bt_admin.png);
}
#Admin.active
{
    background-image: url(../Images/bt_admin.png);
}


#ReportMangementView {
    width: 95px;
}

    #ReportMangementView:hover {
        background-image: url(../Images/bt_report.png);
    }

    #ReportMangementView.active {
        background-image: url(../Images/bt_report.png);
    }


#ManualView {
    width: 95px;
}

    #ManualView:hover {
        background-image: url(../Images/bt_report.png);
    }



#SubMenuBar {
    position: relative;
    width: 100%;
    height: auto;
    background-color: rgb(102, 114, 117);
}
#SubMenuBarWrap
{
    height: auto;
}
#SubMenuBarWrap ul
{
    top: 0px;
    left: 19px;
    display: inline-block;
}
#SubMenuBarWrap img
{
    float: left;
    margin-right: 2px;
}
#MainContent
{
    margin: 0 auto;
    position: relative;
    width: 960px;
    height: auto;
    min-height: 340px;
    border-width: 0 1px 0 1px;
    border-style: dashed;
    border-color: #c0bfd0;
}
#Footer {
    position: relative;
    width: 100%;
    height: 54px;
    background-color: rgb(222, 180, 7);
}
#FooterWrap
{
    height: 54px;
    width: 98%;
}
#FooterLink {
    position: relative;
    top: 7px;
    color: #fdce88;
    font-size: 20px;
    /*    text-align: center;*/
    float: right;
}

#FooterMiddle {
    position: relative;
    top: 7px;
    color: #000000;
    font-size: 20px;
    text-align: center;
}
#FooterLink img {
    top: 6px;
    margin-right: 5px;
}
#FooterVersion {
    font-size: 16px;
    float: left;
    margin-top: 22px;
    margin-left: 5px;
    color: #fdce88;
}
.wrap
{
    margin: 0 auto;
    position: relative;
    width: 960px;
}
.mainMenu
{
    color: #ffffff;
    font-size: 20px;
    float: left;
    text-align: center;
    height: 34px;
    line-height: 36px;
    cursor: pointer;
}

.ButtonRight
{
    float: right;
    margin-right: 20px;
}
.mainMenu a
{
    color: #ffffff;
}
.mainMenu a:hover
{
    color: #000000;
}
.mainMenu:hover
{
    color: #000000;
}
.subMenu
{
    padding: 0 5px;
    color: #ffffff;
    font-size: 16px;
    float: left;
    height: 31px;
    line-height: 30px;
    cursor: pointer;
}
    .subMenu a {
        color: #ffffff;
    }
.subMenu a:visited
{
    color: #ffffff;
}

/** matrix view ****/
p.sensor
{
    float: left;
    position: relative;
    border: solid 1px #ccc;
    padding: 5px;
    width: 100px;
    margin: 3px;
}
#MainContent ul.SensorCable
{
    /*float: left;*/
    position: relative;
    width: 133px;
    list-style-type: none;
    padding: 5px;
    background-color: #ffffff;
    border: solid 1px #cacaca;
    margin: 15px 0px 10px 0px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
     vertical-align: top;
    display:inline-block;
}

#MainContent ul.SensorCable li.SensorCableName
{
    margin: 0 0 3px 0;
    padding: 3px;
    border: solid 1px #cacaca;
    background-color: #eeeeee;
    font-weight: bold;
    text-align: center;
}



#MainContent ul.SensorCable li.SensorStatus
{
    padding: 3px;
    margin: 3px;
    text-align: center; /*border: solid 1px #bbb;*/
}
#MainContent ul.SensorCable li.SensorValue
{
    padding: 3px 3px 0px 10px;
    margin: 3px; /*border: solid 1px #bbb;*/
}
#MainContent ul.SensorCable li.Read
{
    /*background-color:#006600;*/
    background: url("../images/oval-green-left.gif") no-repeat top left;
    color: #000000;
    display: block;
    float: left;
    font: bold 13px/15px Tahoma;
    height: 24px;
    width: 117px;
    padding: 0 0 0 11px;
    text-decoration: none;
}
#MainContent ul.SensorCable li.Read span
{
    background: url("../images/oval-green-right.gif") no-repeat top right;
    display: block;
    padding: 4px 11px 5px 0;
}

#MainContent ul.SensorCable li.Read:hover
{
    background-position: bottom left;
    cursor: pointer;
}

#MainContent ul.SensorCable li.Read:hover span
{
    background-position: bottom right;
}


#MainContent ul.SensorCable li.PartialProblem
{
    background-color: #FFFF00;
    color: #000;
}
#MainContent ul.SensorCable li.NotRead
{
    background-color: #CC0000;
    color: #fff;
}
#MainContent ul.SensorCable li.UnknownValue
{
    background-color: #C8C8C8;
    color: #000;
}
#MainContent ul.SensorCable li.Error
{
    background-color: #CC0000;
    color: #fff;
}
input.error, select.error
{
    border: 1px solid red;
}
input.valid, select.valid
{
    border: 1px solid green;
}
label.error
{
    color: red;
    padding-left: 5px;
}
label.valid
{
    padding-left: 5px;
    height: 16px;
}
#MainContent ul.SensorCable li.HighestValue, #MainContent ul.SensorCable li.LowestValue
{
    padding: 3px 3px 3px 10px;
    margin: 3px; /*border: solid 1px #bbb;*/
    font-weight: bold;
    clear: both;
}

span.label
{
    /*border-right:2px solid #ccc;*/
    padding-right: 3px;
    margin-right: 3px;
}

#Img_preview
{
    position: relative;
    top: 28px;
    width: 960px;
    height: 317px;
    margin-bottom: 100px;
}
#Crop_prev, #Crop_next
{
    float: left;
    width: 63px;
    height: 317px;
    text-align: center;
    cursor: pointer;
    opacity: 0.6;
    filter: alpha(opacity = 60);
}
#Crop_prev:hover, #Crop_next:hover
{
    opacity: 1;
    filter: alpha(opacity = 100);
}
#Crop_prev img, #Crop_next img
{
    position: relative;
    top: 135px;
}
#Crop_img
{
    float: left;
    width: 832px;
    height: 316px;
    border: 1px solid rgb(222, 180, 7);
}
#Crop_img img
{
    position: relative;
    top: 9px;
    left: 9px;
}
#Content
{
    position: relative;
    padding-left: 28px;
    width: 897px;
    height: 317px;
}

.Subcontent
{
    position: relative;
    float: left;
    padding: 10px;
    margin-left: 35px;
    width: 232px;
    height: auto;
    text-align: justify;
    font-size: 14px;
    border: 1px solid rgb(222, 180, 7);
}
.Subcontent h2
{
    position: absolute;
    top: -34px;
    top: -16px;
    left: 10px;
    padding: 0 10px;
    font-size: 22px;
    display: inline-block;
    background-color: #ffffff;
}
.Subcontent img
{
    position: absolute;
    top: -66px;
    right: -10px;
}
.Space
{
    position: relative;
    width: 960px;
    height: 20px;
    clear: both;
}
.SmallSpace
{
    position: relative;
    width: 960px;
    height: 5px;
    clear: both;
}

/*Start Trend*/
.Dropdown_wrap
{
    margin: 10px 0;
padding-left: 23px;
position: relative;
width: 850px;
height: auto;
}

.Dropdown_wrap .TextBox
{
    margin-right: 40px;
    border: 1px solid #cccccc;
}

.Dropdown_wrap label
{
    margin-right: 5px;
}
.DropDown
{
    border: 1px solid #cccccc;
    margin-right: 40px;
}

select.NoMagin
{  
    margin-right: 5px;
}
#DDSensorCable
{
    width: 60px;
}
#DDSensor
{
    width: 80px;
}
#DDInterval
{
    width: 110px;
}
#DDStartDate, #DDEndDate
{
    width: 160px;
}
#MainPadding
{
    margin-top: 25px;
    position: relative;
    float: left;
    left: 20px;
    width: auto;
    min-height: 400px;
    padding: 5px 5px 10px 5px;
}
#MatrixView
{
    margin-top: 10px;
    padding: 2px;
    position: relative;
    float: left;
    left: 20px;
    width: 908px;
    height: 515px;
    padding: 5px 5px 10px 5px;
    overflow-y: auto;
    overflow-x: hidden;
    border: #ccc solid 1px;
}
#StorageChoice
{
    margin-top: 10px;
    margin-right: 20px;
    height: 510px;
    float: right;
    padding: 10px;
    width: 135px;
    padding-right: 10px;
    border: solid #ccc 1px;
    overflow-y: scroll;
    overflow-x: hidden;
}
#TrendCriteria
{
    border: 1px #ccc solid;
    margin: 10px 20px 0px 20px;
    padding: 10px;
    font-size: 16px;
}
#ChartOption
{
    border: 1px #ccc solid;
    margin: 10px 20px 0px 20px;
    padding: 10px;
    font-size: 16px;
}

#TrendGraph
{
   margin-top: 20px;
padding: 10px 20px 0px 20px;
position: relative;
float: left;
left: 20px;
width: 878px;
overflow-y: auto;
overflow-x: hidden;
min-height: 420px;
border: #CCC solid 1px;
}
#SingleLineMask
{
    background-color: #FFFFFF;
    display: none;
    height: 20px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    position: absolute;
    top: 0;
    width: 100%;
}
#SensorCableForTrend
{
width: 820px;
height: auto;
position: relative;
border: solid 1px #CCC;
padding: 10px 10px 10px 20px;
display: none;
}

#btnGetTrend
{
    margin-right: 0px;
    overflow: visible;
    display: inline-block;
}

/**/

#overlay
{
    position: absolute;
    margin: 0 auto; /*top: 0;     left: 0;*/
    width: 920px;
    height: 400px;
    background-color: #bbb;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 200;
}

/*Start Plant View*/
#PlantCanvas
{
    border: 1px #ccc solid;
    margin: 10px 0 0 20px;
    width: 918px;
    position:relative;
    overflow:auto;
    min-height: 480px;
}
#PlantOption 
{
    border: 1px #ccc solid;
    margin: 10px 20px 0px 20px;
    padding: 12px;
    font-size: 16px;
}
 
#PlantOption .fields
{
    margin: 0 15px 0 0;
    display: inline-block;
    zoom: 1;
    display: inline;
}
 #PlantOption label
{
   /* font-weight:bold;*/
}
#PlantButton {
    float:right;
    display: block;
    height: 25px;
    margin-right: 5px;
    position: relative;
    top: -2px;
    /*width: 100%;*/
}

#PlantButton a.ovalbutton
{
    float: right;
}

.CellLabel
{
    /*color:#000;*/
    font-weight:bold;
    font-size:13px;
    border:1px solid #000;
   /* background-color:#ff8702;*/
    padding:1px 5px 1px 5px;
    z-index:2;  
    display:block;
    white-space:nowrap;  
} 

.Low
{
    background-color:#0ba8ca;
}

.Normal
{    
    background-color: #30cc06;  
}

.Normal a
{
    color:#fff;    
}

.Error
{
    background-color:#ef1010;
}

.Error a
{
  color:#000;      
}

.High
{
  background-color:#e7d00d;  
}

.High a
{
    color:#000;   
}

.HighHigh
{
  background-color: #ef1010;  
}

.HighHigh a
{
     color:#000; 
}

#PlantCanvas .SiloWrapper
{
    margin: 0 0 0 0;
    float: left;
    position: relative;
    width: 158px;
}

#PlantCanvas img
{
    border: 0;
    margin: 0;
}

#PlantCanvas strong a
{
    position: absolute;
    top: 26px;
    left: 33px;
    cursor: pointer;
    color: #000;
}

#PlantCanvas strong a:hover
{
    color: #faa41b;
}


#CellDetail 
{ 
    margin: 0px 20px 0px 20px;
    padding: 10px;
    font-size: 16px;
}

#CellDetail #SensorCable
{
    float: left;    
}

#CellDetail #SensorCable ol li a
{
   /* color: #000000;*/
}

#CellDetail #SensorCable ol li
{
    list-style-type: decimal;  
}

#CellDetail #SensorCable ol a:hover
{
    color: #faa41b;
}

#LoadingPanel
{
    margin: 20px 0;
    text-align: center;
}
.Facility-Container h1 {
    background-color: rgb(222, 180, 7);
    height: 35px;
    line-height: 25px;
    font-size: 26px;
}
.StorageContainer-Container h1
{
    margin: 5px 0 0 0;
    background-color: #FAD8A2;
    font-size: 20px;
    font-weight: normal;
    height: 20px;
    line-height: 9px;
    line-height: 13px;
}
.SiloBySensorCable
{
    position: relative;
    width: 891px;
    clear: both;
}

.SiloBySensorCableFloatLeft
{
    /*position: relative;
    float: left;*/
    vertical-align: top;
    display:inline-block;
    
}

.SiloBySensorCable a:hover
{
    text-decoration:underline;
    cursor:pointer;    
}

.SiloBySensorCable h1
{
    background: none;
    border-bottom: 1px dashed #000000;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    top: 5px;
}
#DimDiv
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0;
    filter: alpha(opacity = 50);
}
.HiddenDetail
{
    display: none;
}
span.SiloNameTitle
{
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
    float: left;
    position: relative;
    clear: both;
    width: 100%;
}
.tooltip
{
    font-family: "Lucida Grande" , "Lucida Sans Unicode" ,Verdana,Arial,Helvetica,sans-serif;
    display: none;
    background-color: #ffffff; /*background-image: url(../images/white_bg.png);     background-repeat: repeat;*/
    font-size: 12px;
    height: auto;
    min-height: 50px;
    width: 160px;
    padding: 10px;
    color: #565656;
    z-index: 100;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.tooltipGreen
{
    border: 2px solid #007d00;
}
.tooltipRed
{
    border: 2px solid #fe0909;
}
.tooltipBlue
{
    border: 2px solid #0000ff;
}
.tooltipGray
{
    border: 2px solid #7b7b7b;
}


.BigSilo, #SensorImage
{
    margin: 20px;
}

#SensorWrapper
{
    position: absolute;
    top: 375px;
    left: 173px;
    width: 34px;
    height: 680px;
}
.SensorBall
{
    margin: 0 0 18px 0;
    float: left;
    position: relative;
    width: 34px;
    height: 17px;
    cursor: pointer;
    background-image: url(../images/sensorBall.png);
}
.SensorBall:hover
{
    background-image: url(../images/sensorBall_hover.png);
}

.SensorCableListForStorageContainer
{
    margin-left: 10px;
    float: left;
    position: relative;
}

.RootChkStorageContainer
{
    font-weight: bold;
}

ul.StorageContainerChkList li
{
    margin-bottom: 5px;
    position: relative;
    float: left;
}
.SersorLineListTitle
{
    font-weight: bold;
  
    position: relative;
    margin-bottom: 5px;
    clear: both;
    width: 115px;
}

#CultureSetting
{
    margin-top: 10px;
    padding: 10px;
    position: relative;
    float: left;
    margin-left: 15px;
    margin-right: 15px;
   /* width: 908px;*/
   width:713px;
    height: 515px;
    border: #ccc solid 1px;
    margin-bottom: 10px;
}

#CultureList
{
    width: 246px;
    height: 100%;
    position: relative;
    float: left;
}

#CultureList select
{
    width: 246px;
    border: #ccc solid 1px;
}

#CultureInformation
{
    position: relative;
    float: left;
    padding: 5px 5px 20px 5px;
    border: #ccc solid 1px;
   /* height: 200px;*/
  /*  width: 448px;*/
  width:700px;
}

#RegionInformation
{
    position: relative;
    float: left;
    padding: 5px 5px 20px 5px;
    border: #ccc solid 1px;
    margin-top: 10px;
   /* height: 78px;*/
 /*   width: 448px;*/
  width:700px;
}

#CultureFormating
{
    margin-top: 10px;
    position: relative;
    float: left;
    padding: 5px 5px 20px 5px;
    border: #ccc solid 1px;
    /*height: 180px;*/
  /*  width: 448px;*/
   width:700px;
}

#CultureInfoArea
{
    width: 100%;
    float: left;
    position: relative;
}

#CultureInfoLeftArea
{
    float: left;
    position: relative;
   /* width: 660px;*/
   width:100%;
}

#CultureInfoRightArea
{
    float: left;
    position: relative;
    width: 245px;
}

#DayName
{
    width: 235px;
    height: 210px;
    border: #ccc solid 1px;
    padding: 5px;
    overflow-y: auto;
    overflow-x: hidden;
}

#MonthName
{
    margin-top: 10px;
    border: #ccc solid 1px;
    width: 235px;
    height: 270px;
    padding: 5px;
    overflow-y: auto;
    overflow-x: hidden;
}

#CultureSetting h3
{
    color: #000000;
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;
}


#WebsiteInterfaceLanguage
{
    float: left;
    position: relative;
    width: 280px;
}

#SysteOfMeasurement
{
    float: left;
    position: relative;
    width: 300px;
}
#AdminWrapper
{
    padding: 10px 10px 0px 10px;
    width: 935px;
}

#tabs
{
    font-size: small;
}

#AlarmSettingWrapper
{
    width: 908px;
    margin: 15px;
    position: relative;
    padding: 10px;   
    float:left;

}

#StorageContainerList select
{
    width: 200px;
    height: 450px;
    border: solid 1px #bbb;
    padding: 3px;
}

#StorageContainerTitle
{
    margin-bottom: 5px;
    font-weight: bold;
    float: left;
    position: relative;
}

#StorageContainerListWraper
{
    width: 200px;
    margin-right: 15px;
    float: left;
    position: relative;
}

#AlarmSetting
{
    float: left;
    position: relative;
    padding-top: 20px;
    width: 690px;
}
#AlarmSettingWrapper #AlarmSettingInput
{
    float: left;
    position: relative;
    width: 400px;
}
#AlarmSettingWrapper label
{
    font-weight: normal;
}

#AlarmSettingWrapper #btnSetting
{
    float: right;
    position: relative;
}

#AlarmSettingWrapper #ApplyTo
{
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    float: left;
    width: 690px;
}

#AlarmSettingWrapper #ApplyTo #ContainerIDs
{
}

#AlarmSettingTable
{
    width: 690px;
    margin-top: 10px;
    border-collapse: collapse;
}
#AlarmSettingTable thead
{
    background-color: #faa41b;   
    color:#fff;
    height:25px;
}
#AlarmSettingTable td
{
    border: solid 1px #bbb;
    text-align: center;
}

#AlarmSettingTable th
{
    border: solid 1px #bbb;
}

#AlarmSettingDetail
{
    width: 690px;
    height: 340px;
    overflow-x: auto;
    overflow-y: auto;
}

#AlarmSettingWrapper label.alarm
{
    width: 230px;
    float: left;
    position: relative;
}
/* StorageContainer Setting */


#StorageContainerSettingWrapper
{
    width: 908px;
    margin: 15px;
    position: relative;
    padding: 10px;   
    float:left;

}

#StorageContainerSetting
{
    float: left;
    position: relative;
    padding-top: 20px;
    width: 690px;
}
#StorageContainerSettingInput
{
    float: left;
    position: relative;
    width: 400px;
}
#StorageContainerSettingWrapper label
{
    font-weight: bold;
}

#StorageContainerSettingWrapper #btnSetting
{
    float: right;
    position: relative;
}

#StorageContainerSettingForm #ApplyTo
{
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    float: left;
    width: 690px;
}

#StorageContainerWrapper #ApplyTo #ContainerIDs
{
    
}

#AlarmSettingTable
{
    width: 690px;
    margin-top: 10px;
    border-collapse: collapse;
}
#AlarmSettingTable thead
{
    background-color: #faa41b;   
    color:#fff;
    height:25px;
}
#AlarmSettingTable td
{
    border: solid 1px #bbb;
    text-align: center;
}

#AlarmSettingTable th
{
    border: solid 1px #bbb;
}

#StorageContainerSettingDetail
{
    width: 690px;
    height: 340px;
    overflow-x: auto;
    overflow-y: auto;
}

#StorageContainerWrapper label.alarm
{
    width: 230px;
    float: left;
    position: relative;
}

label.StorageContainer
{
     width: 100px;
    float: left;
    position: relative;
}

/* end storage container setting */
#message
{
    font-family: Arial,Helvetica,sans-serif;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 105;
    text-align: center;
    font-weight: bold;
    font-size: 100%;
    color: white;
    padding: 10px 0px 10px 0px;
    background-color: red;
}

#message span
{
    text-align: center;
    width: 95%;
    float: left;
}

.close-notify
{
    white-space: nowrap;
    float: right;
    margin-right: 10px;
    color: #fff;
    text-decoration: none;
    border: 2px #fff solid;
    padding-left: 3px;
    padding-right: 3px;
}
.close-notify a
{
    color: #fff;
}

#SensorCableImage
{
    float: left;
    position: relative;
    width: 500px;
}

#SensorCableDescription
{
    float: left;
    position: relative;
    width: 300px;
}

#SensorsList
{
    float: left;
    position: relative;
}

#MainPadding .Row
{
    width: 100%;
    padding-left: 20px;
}

#MainPadding .Row label
{
    font-weight: bold;
    position: relative;
    width: 150px;
    float: left;
}

#EventLogWrapper
{
    height: 475px;
    margin: 15px;
    position: relative; /*overflow-x: none;     overflow-y: auto;*/
}

/* Event Log */
#LogTable .No
{
    text-align:center;   
   /* width:40px; */
}
.tablescroll td, .tablescroll_wrapper, .tablescroll_head, .tablescroll_foot
{
    border: 1px solid #ccc;
    border-top: 0px;
}

.tablescroll td
{
    padding: 3px 5px;
}

.tablescroll_wrapper
{
    border-left: 0;
   
}

.tablescroll_head thead
{
    height: 25px;
    color: #fff;
}
.tablescroll_head thead th:hover
{       
    text-decoration:underline;
}
.tablescroll_head thead tr .header
{
    background-image: url(../images/bg.png);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
    line-height: 28px; 
      
}
.tablescroll_head th
{
    border:none;
    
}
.tablescroll_head thead tr .headerSortUp
{
    background-image: url(../images/asc.png);
}
.tablescroll_head thead tr .headerSortDown
{
    background-image: url(../images/desc.png);
}
.tablescroll_head
{
    font-weight: bold;
    /*border-left: 0;
    border-top: 0;*/
    /*margin-bottom: 3px;*/
    height: 8px;
    background-color: #faa41b;
    border-collapse: collapse;
   /* width:50px;  */
}

table.tablescroll_body
{
    border-collapse: collapse;
    font-size:14px;
}

.tablescroll thead td
{
    /*border-right: 0;
    border-bottom: 0;*/
}

.tablescroll tbody td
{
  /*  border-right: 0;
    border-bottom: 0;*/
}

.tablescroll tbody tr.first td
{
    border-top: 0;
}

.tablescroll_foot
{
    font-weight: bold;
    background-color: #eee;
    border-left: 0;
    border-top: 0;
    margin-top: 3px;
}

.tablescroll tfoot td
{
    border-right: 0;
    border-bottom: 0;
}
.FieldWraper
{
    width: 500px;
    float:left;
    position:relative;
    clear:both;    
}


.DisplayArea
{
    /*background-image: url(../Images/BgContent.gif);*/
    background-repeat: repeat-y;
    background-position: top left;
    width: 1067px;
    float: left;
    padding-left: 0px;
    overflow: hidden;
}

.ApplicationColumn .Row 
{
    padding: 0 0 0 30px;
}
.ApplicationColumn .Row .leftColumn div,
.ApplicationColumn .Row .Country div
{
    margin: 3px 0px; 
    display: inline-block;
    width: 230px;
    vertical-align: top;
    zoom: 1;
    display: inline;
}
.ApplicationColumn .Row .leftColumn .fieldLabel label
{
    position: relative;
    top: -6px;
}
.ApplicationColumn .Row .leftColumn div label,
.ApplicationColumn .Row .Country div label
{
    font-weight: bold;
}
.ApplicationColumn .Row .leftColumn label
{
    margin: 3px 0px; 
    display: inline-block;
    font-weight:bold;
    width: 250px;
    vertical-align: top;
    position: relative;
    top: -3px;
}
#globalsettingsDynamicValue .Row
{
    padding: 0 !important;
}
#btnSetting
{
    float: right;
    display: block;
    position: relative;
    right: 30px;
}

/*Storage Facility Settings*/
#ContentBody
{
    padding: 0 0 0 20px;   
}
.GridContent span.buttonwrapper a.ovalbutton,
.GridContent a.ovalbutton
{
    position: relative;
    top: 16px;
}
#form0 span.buttonwrapper a.ovalbutton
{
   position: relative;
   left: 8px;
   top: -5px;
   *top: -3px;
   top: -3px\0/;
}
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
    #form0 span.buttonwrapper a.ovalbutton
    {
       top: -3px;
    }
}

#form0 input[type="submit"],
#CellForm p .buttonwrapper .ovalbutton input[type="button"],
#PositionForm p .buttonwrapper .ovalbutton input[type="button"]
{
    /*background: url("../images/default_button.png");*/
    background: none;
    display: block;
    padding: 5px 15px 4px 15px;
    border: 0px solid;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
  
    
}
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
    #form0 input[type="submit"],
    #CellForm p .buttonwrapper .ovalbutton input[type="button"],
    #PositionForm p .buttonwrapper .ovalbutton input[type="button"],
    #StorageContainerForm p .buttonwrapper .ovalbutton input[type="button"],
    #YoYoForm p .buttonwrapper .ovalbutton input[type="button"],
    #MeasurementForm p .buttonwrapper .ovalbutton input[type="button"],
     #PriceForm p .buttonwrapper .ovalbutton input[type="button"],
     #MovementForm p .buttonwrapper .ovalbutton input[type="button"].
     #CO2Form p .buttonwrapper .ovalbutton input[type="button"]
    {
        position: relative;
        top: -2px;
        left: -2px;
    }
}
@media \0screen 
{
    #form0 input[type="submit"],
    #CellForm p .buttonwrapper .ovalbutton input[type="button"],
    #PositionForm p .buttonwrapper .ovalbutton input[type="button"],
    #StorageContainerForm p .buttonwrapper .ovalbutton input[type="button"],
    #YoYoForm p .buttonwrapper .ovalbutton input[type="button"],
    #MeasurementForm p .buttonwrapper .ovalbutton input[type="button"],
     #PriceForm p .buttonwrapper .ovalbutton input[type="button"],
     #MovementForm  p .buttonwrapper .ovalbutton input[type="button"],
     #CO2Form  p .buttonwrapper .ovalbutton input[type="button"]
     {
        padding: 5px 16px 4px 5px;
    }
}
#form0 input[type="submit"]:hover,
#CellForm p .buttonwrapper .ovalbutton input[type="button"]:hover,
#PositionForm p .buttonwrapper .ovalbutton input[type="button"]:hover,
#StorageContainerForm p .buttonwrapper .ovalbutton input[type="button"]:hover,
#YoYoForm p .buttonwrapper .ovalbutton input[type="button"]:hover,
#MeasurementForm p .buttonwrapper .ovalbutton input[type="button"]:hover,
#PriceForm p .buttonwrapper .ovalbutton input[type="button"]:hover,
 #MovementForm  p .buttonwrapper .ovalbutton input[type="button"]:hover,
 #CO2Form p .buttonwrapper .ovalbutton input[type="button"]:hover

{
    background-position: right -24px;
    color: black;
}
#MeasurementForm p .buttonwrapper .ovalbutton input[type="button"],
#StorageContainerForm p .buttonwrapper .ovalbutton input[type="button"],
#YoYoForm p .buttonwrapper .ovalbutton input[type="button"],
#PriceForm p .buttonwrapper .ovalbutton input[type="button"],
 #MovementForm p .buttonwrapper .ovalbutton input[type="button"],
 #CO2Form p .buttonwrapper .ovalbutton input[type="button"]
 
{
    /*background: url("../images/oval-orange-right.gif") no-repeat right top;*/
    display: block;
   
    border: 0px solid;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    padding: 6px 15px 5px 15px;
  
}
.tableName {
    margin: 13px 0 0 0;
    padding: 0 0 0 20px;
    width: 900px;
    height: 39px;
    line-height: 39px;
    background-color: rgb(222, 180, 7);
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    /*padding: 0 0 0 20px\9;
    *padding: 0 0 0 20px;*/
}
@media \0screen 
{
    .tableName
    {
        /*padding: 0 0 0 20px;*/
    }
}

.GridView
{
    margin: 0 0 20px 0;
    width: 920px;
    text-align: center;
    border-color: #cdcdcd;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-spacing: 0;
    border-collapse: collapse;
}
th
{
    height: 33px;
    border-color: #cdcdcd;
    border-width: 1px 1px 1px 0;
    border-style: solid;
}
th a
{
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}
th a:hover
{
    color: #faa41b;
}
th.firstCol,th.detailCol
{
    width: 25px;   
}   
td
{
    height: 45px;
    border-color: #cdcdcd;
    border-width: 0px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 0;
}
td.firstColChild,
td.detailCol
{
    width: 25px;
}

.ControlToolBar
{
    display: inline-block;
    margin: 10px 0 10px 20px;
    width: 920px;
    height: 25px;
}
.ControlToolBar #buttons .buttonwrapper .ovalbutton
{
    margin: 0 5px 0 0;
}
.ControlToolBar #buttons .buttonwrapper .ovalbutton input[type="button"], #PlantButton  .buttonwrapper .ovalbutton input[type="button"]
{
    /*background: url("../images/default_button.png");*/
    background: none;
    display: block;
    /*padding: 4px 16px 3px 5px;*/
    border: 0px solid;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    padding: 6px 15px 5px 15px;
    
}
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
    .ControlToolBar #buttons .buttonwrapper .ovalbutton input[type="button"]
    {
        position: relative;
        top: -2px;
        left: -2px;
    }
}
@media \0screen 
{
    .ControlToolBar #buttons .buttonwrapper .ovalbutton input[type="button"]
    {
        padding: 5px 16px 4px 5px;
    }
}
.ControlToolBar #buttons .buttonwrapper .ovalbutton input[type="button"]:hover
{
    background-position: right -24px;
    color: black;
}
#FacilityForm
{
    display: inline-block;
}
.ApplicationColumn
{
    padding: 10px 0;
    width: 920px;
    /*border: 1px solid #cdcdcd;*/
}
#FacilityForm .ApplicationColumn
{
    border: 1px solid #cdcdcd;
}
#SubInformation
{
    margin: 30px 0 0 0;
}
#SubInformation .ApplicationColumn
{
    margin: 0 0 0 20px;
}

/*End - Storage Facility Settings*/

.PopupPanel
{
	position: absolute; /*top: 50px;*/ /*left: 580px;*/
	z-index: 700;
	background-color: #f8f8f8;
	border: solid 1px #cdcdcd;
	padding: 10px;
	display: none;
	overflow: hidden;
	text-align: left;
}

.PopupPanel h2
{
	text-align: center;
}

.PopupPanel .Close
{
	float: right;
	margin-top: -5px;
	cursor: pointer;
	border: solid 1px #a5a5a5;
	text-align: center;
	width: 50px;
	padding: 0px;
	margin: 0px;
	font-size: 9px;
}

#TabBar .Active {
    display: inline-block;
    margin: 0 1px 0 0;
    padding: 8px 20px;
    background-color: rgb(222, 180, 7);
}
#TabBar .Active a
{
    color: #000000;
    font-size: 14px;
    font-weight: bold;
}
#TabBar .InActive
{
    display: inline-block;
    margin: 0 1px 0 0;
    padding: 8px 20px;
    background-color: #ffcb78;
}
#TabBar .InActive a
{
    color: #868686;
    font-size: 14px;
    font-weight: bold;
}
#updatePanel
{
    border: 1px solid #cdcdcd;
}
#updatePanel .tableName
{
    margin: 3px 0 0 9px;
    width: 880px;
}
#updatePanel .GridView
{
    margin: 0 0 20px 9px;
    width: 900px;
}

    #updatePanel span.ovalbutton {
        position: relative;
        left: 9px;
        background-color: rgb(222, 180, 7);
        display: block;
        float: left;
        font: bold 13px/16px Tahoma;
        height: 24px;
        overflow: visible;
        padding-left: 11px;
        text-decoration: none;
        width: auto;
        border-width: 1px;
        border-style: solid;
        border-color: rgb(222, 180, 7);
    }

#updatePanel span.ovalbutton:hover 
{
    background-position: left bottom;
    cursor: pointer;
}

#updatePanel span.ovalbutton:link, 
#updatePanel span.ovalbutton:visited,
#updatePanel span.ovalbutton:active 
{
    color: #000000;
    overflow: visible;
}

#updatePanel span.ovalbutton a
{
    /*background: url("../images/oval-orange-right.gif") no-repeat scroll right top transparent;*/
    border: 0 solid;
    color: #000000;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 16px 4px 5px;
}

#updatePanel span.ovalbutton a:hover 
{
    background-position: right -24px;
    color: black;
}

#updatePanel #form0 span.buttonwrapper a.ovalbutton 
{
    position: absolute;
    left: 13px;
    top: -19px;
  
}
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
    #updatePanel #form0 span.buttonwrapper a.ovalbutton 
    {
        top: -19px;
    }
}
#StorageContainerForm h2,
.PopupPanel h2,
#PopupEntryView h2 {
    color: #000000;
    background-color: rgb(222, 180, 7);
}
#StorageContainerForm .editor-label,
#StorageContainerForm .editor-field,
#PopupEntryView .display-label,
#PopupEntryView .display-field,
#PopupEntryView #CellForm .editor-label,
#PopupEntryView #CellForm .editor-field,
#PopupEntryView #YoYoForm .editor-label,
#PopupEntryView #YoYoForm .editor-field,
#PopupEntryView #PositionForm .editor-label,
#PopupEntryView #PositionForm .editor-field,
#PopupEntryView #MeasurementForm .editor-label,
#PopupEntryView #MeasurementForm .editor-field,
.PopupPanel .editor-label,
.PopupPanel .editor-field,
#PopupEntryView #PriceForm .editor-field,
#PopupEntryView #PriceForm .editor-label,
#PopupEntryView #MovementForm .editor-field,
#PopupEntryView #MovementForm .editor-label,
#PopupEntryView #CO2Form .editor-field label,
#PopupEntryView #WeatherStationForm .editor-field,
#PopupEntryView #WeatherStationForm .editor-label
{
    margin: 0 0 3px 0;
}
#PopupEntryView .display-label,
#PopupEntryView .display-field,
.PopupPanel .display-field,
.PopupPanel .display-label
{
    width: 230px;
    display: inline-block;
    vertical-align: top;
    zoom:1;
    *display: inline;
}
#StorageContainerForm .editor-label label,
#StorageContainerForm .editor-field label,
#PopupEntryView .display-label label,
#PopupEntryView #CellForm .editor-label label,
#PopupEntryView #CellForm .editor-field label,
#PopupEntryView #YoYoForm .editor-label label,
#PopupEntryView #YoYoForm .editor-field label,
#PopupEntryView #PositionForm .editor-label label,
#PopupEntryView #PositionForm .editor-field label,
#PopupEntryView #MeasurementForm .editor-label label,
#PopupEntryView #MeasurementForm .editor-field label,
.PopupPanel .editor-label label,
.PopupPanel .editor-field label,
#PopupEntryView #PriceForm .editor-label label,
#PopupEntryView #PriceForm .editor-field label,
#PopupEntryView #MovementForm .editor-label label,
#PopupEntryView #MovementForm .editor-field label,
#PopupEntryView #CO2Form .editor-field label,
#PopupEntryView #WeatherStationForm .editor-field label,
#PopupEntryView #WeatherStationForm .editor-label label
{
    display: inline-block;
    width: 230px;
    font-weight: bold;
}
.validation-summary-errors ul
{
    margin: 0 0 5px 0;
}
.validation-summary-errors ul li
{
    margin: 1px 0;
    color: #ff0000;
    font-size: 13px;
    font-weight: bold;
}
.MainMask
{
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #fff;
    opacity: 0.7;
    filter: alpha(opacity = 70);
    color: #000;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    display: none;
}
#CellForm p, #PositionForm p, 
#StorageContainerForm p, #MeasurementForm p,#PriceForm p, #MovementForm p,#YoYoForm p, #WeatherStationForm p
{
    float: right;
    margin: 0;
}

#GlobalSettingsForm .ApplicationColumn .Row label
{
    margin: 0 0 3px 0;
    width: 230px;
    display: inline-block;
    vertical-align: top;
    font-weight:bold;
    
}

.ControlToolBar .Inactive, .deleteSelectedInGridviewInactive
{
    color:#a0a0a0 !important;   
}


.GridView thead .TableHeader .header:hover
{       
    text-decoration:underline;
    color:#FAA41B !important;
}
 .GridView .TableHeader .header
{
    background-image: url(../images/bg.png);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
    line-height: 15px;
    font-size:0.9em;
    padding:3px 2px 3px 2px;     
      
}

 .GridView .TableHeader .headerSortUp
{
    background-image: url(../images/asc.png);
}
.GridView .TableHeader .headerSortDown
{
    background-image: url(../images/desc.png);
}

.GridView tr td,  .GridView .TableHeader .header
{
    padding-left:7px;
    padding-right:7px;
    text-align: left;
}

.GridView tr .firstColChild
{
    text-align:center;
}

#uploadfieldwrapper {
margin-top: 5px;
clear: both;
   width:250px;
}

#uploadify-wrapper {
position: absolute !important;
}

.OverlaySubmit {
background-color: #F2F2F2;
border: 1px solid #CCC;
color: #005902 !important;
cursor: pointer;
font-family: Arial;
font-size: 12px !important;
font-weight: bold;
margin-bottom: 0;
margin-top: 10px;
overflow: hidden;
padding: 3px 5px;
text-decoration: none;
}
table.tablesorter
{
    width: 920px;
    text-align: center;
    border-color: #cdcdcd;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-spacing: 0;
    border-collapse: collapse;
}

.editor-label .uploadifyQueueItem
{
   width:245px;
}

.editor-label  #uploadfieldwrapper
{ 
    display:inline-block;
    width:250px;
    margin-bottom:5px;
}

.ui-pnotify-text a
{
    float:right;
    text-decoration:underline;
}

ul.StorageContainerChkList {
display: block;
}

ul.StorageContainerChkList li
{
    float: none;
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    vertical-align: top;
    width: 180px;
}

.getDataButtonWrap {
text-align: right;
}

.printMatrixView .Facility-Container .StorageContainer-Container .SiloBySensorCable
{
         /*width:720px !important;*/
}

.printMatrixView .Facility-Container .StorageContainer-Container .SiloBySensorCable h1
{
        border-bottom-style:none;
}

.PrintMainContent .Space
{
    width:830px  !important;
}

.printMatrixView 
{
    width:895px  !important;
    height:auto  !important;
}
.PrintMainContent
{
    width:830px !important;
    margin-left:0px  !important;
    border:none  !important;
}

#PrintArea
{
    margin-top:5px;
    float:right;
}
.searchSection
{
   border: 1px #CCC solid;
margin: 10px 20px 0px 20px;
padding: 10px;
font-size: 16px;
}

#submitFormButton
{
    
    background: none;
display: block;
border: 0px solid;
color: black;
font-size: 12px;
font-weight: bold;
cursor: pointer;
padding: 6px 15px 5px 15px;
}

#MainContent .ApplicationColumn input[type=text], #simplemodal-container  input[type=text]
{
    width: 320px;
}


#MainContent .ApplicationColumn .ShortTextBox, #simplemodal-container  .ShortTextBox
{
    width: 150px !important;
}

#MainContent .ApplicationColumn .VeryShortTextBox, #simplemodal-container  .VeryShortTextBox
{
    width: 60px !important;
}

#MainContent .ApplicationColumn select, #simplemodal-container select
{
    width: 250px;
    margin-top:3px;
}

table.GridView tbody tr td.nummeric
{
    text-align:right;
}

.emptydata tr td
{
 text-align :center;   
}


#MasterHubForm .ApplicationColumn 
{
    border: 1px solid #CDCDCD;
}


#leftMenu
{
    width: 180px;
    border: solid 1px;
    height: auto;
    overflow-x: hidden;
    float: left;
    padding-left: 0px;
    padding: 4px 0 10px 0;
    border-image: initial;
    border-color: #E7E7E7;
    margin: 10px 0 0 10px;
}

.leftMenuSection 
{
    position: relative;
    z-index: 0;
    overflow: hidden;
    width: 172px;
    margin-left: auto;
    margin-right: auto;
}

.section-text 
{
    background-color: #cacaca;
    color: #444;
    padding-left: 12px;
    font-size: 18px;
    font-weight: bold;
    height: 26px;
    line-height: 24px;
    margin: 0 0 13px 0;
}

#leftMenu ul 
{
    list-style-type: none;
    float: left;
    width: 172px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 3px;
    margin-left: 0px;
}

#leftMenu ul li 
{
    list-style-type: none;
    float: left;
    width: 160px;
    padding-left: 12px;
    border-style: none;
    font-size: 16px;
    height: 25px;
    line-height: 25px;
    margin: 0 0 5px 0;
}
#leftMenu ul li:hover
{
   background-color: #efefef;
}
    #leftMenu ul li a:hover {
        color: rgb(222, 180, 7);
    }

#ContentConfiguration 
{
    /*border: solid 1px;*/
    height: auto;
    width: 760px;
    float: left;
    margin-left: 2px;
    padding: 4px 3px 2px 3px;
    border-image: initial;
    border-color: #E7E7E7;
}

#ContentConfiguration .ApplicationColumn
{
     width:730px;
    
}

#ContentConfiguration .ApplicationColumn .tableName
{
     width:710px;
     margin: 5px 0 0 0;
     *margin: 7px 0 0 0;
     margin: 7px 0 0 0\0/;
}

#ContentConfiguration .ApplicationColumn .GridView
{
     width:730px;
}
#ContentConfiguration .GridContent span.buttonwrapper a.ovalbutton
{
    position: relative;
    top: 1px;
}

#ContentConfiguration #form0 span.buttonwrapper a.ovalbutton 
{
    left: 8px;
    position: relative;
    top: -18px;
    
}
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
    #ContentConfiguration #form0 span.buttonwrapper a.ovalbutton 
    {
        top: -18px;
    }
}
#ContentConfiguration .Settings #form0 span.buttonwrapper a.ovalbutton 
{
    left: 13px;
    position: relative;
    top: -21px;
    *top: -19px;
    top: -19px\0/;
}
#ContentConfiguration .Settings .ApplicationColumn .tableName 
{
    margin: 5px 0 0 9px;
    width: 690px;
}
#ContentConfiguration .Settings .ApplicationColumn .GridView 
{
    width: 710px;
}

.subtableName 
{
 float:left !important;   
}
#CellDimension
{
 width:600px;
 height:330px;
 text-align:center;   
}
.toolTipWraper
{
        
}
.toolTipWraper .Row
{
   width:100px;      
}
.toolTipWraper .Row .label
{
  width:50px;     
  float:left;
  position:relative; 
}
.toolTipWraper .Row .value
{
  width:30px;
  float:left;
  position:relative;       
}


#ReportTypeTitle 
{
    position:relative;
    font-family: Calibri;
    left: 300px;
    top: 30px;
    width: 400px;
}

.smallItalicText
{
    font-size: 10px;
    font-style: italic;
}



 .SiloBySensorCableFloatLeft h1 a, .SiloBySensorCable h1 a
     {
         float:left;
     }

  .SiloBySensorCableFloatLeft h1 span, .SiloBySensorCable h1 span
  {
     float:right;margin-right:25px;margin-left:10px;

  }



@media print {

  body * {
    visibility: hidden;
  }
  #MatrixView * {
    visibility: visible;
  }
    #MatrixView {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        left: 0;
    }

    #MainContent ul.SensorCable li.SensorValue
    {
        margin: 0;
    }
     
   


  body{
      font-size: 12px;
  }

.SiloBySensorCableFloatLeft h1
{
    /*height: 40px;
    padding-right: 30px;*/
    font-size: 14px;
}



}


.leftMenuSection li.subMenu a {
    color: #000000;
}

    .leftMenuSection li.subMenu a:hover {
        color: rgb(222, 180, 7);
    }


    .leftMenuSection li.subMenu a:visited {
        color: #000000;
    }