﻿body {
        padding-top: 1px;
        padding-bottom: 40px;
      }

      /* Custom container */
      .container-narrow {
        margin: 0 auto;
        max-width: 900px;
      }
      .container-narrow > hr {
        margin: 30px 0;
      }

      /* Main marketing message and sign up button */
      .jumbotron {
        margin: 60px 0;
        text-align: center;
      }
      .jumbotron h1 {
        font-size: 72px;
        line-height: 1;
      }
      .jumbotron .btn {
        font-size: 21px;
        padding: 14px 24px;
      }

      /* Supporting marketing content */
      .marketing {
        margin: 60px 0;
      }
      .marketing p + h4 {
        margin-top: 28px;
      }

* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
.clear {
    clear: both;
    overflow: hidden;
	height: 0px;
}

.error {
    color: Red;
}


fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

fieldset > legend
{
    font-size: 1.2em;
    margin-left:10px;
    margin-right:20px;
    width:90%;
    text-align:center;
}

fieldset > .form-group
{
    margin-top: 5px;
    margin-bottom: 5px;
}

fieldset > .form-group > .display-field
{
     /* margin-top: 5px;
   border: 1px solid #ccc; */
    padding: 2px;
    color: #444;
    font-size: 14px;
}

fieldset > .form-group > .display-field > .form-control
{
    width:95%;
}


fieldset > .editor-label,fieldset > .editor-field
{
    margin-left:10px;
}

textarea {
    min-height: 75px;
}

input[type="text"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    color: #444;
    font-size: 14px;
}

select 
{
    font-size: 14px;
    border: 1px solid #ccc;
    padding: 2px;
    color: #444;
    width: 200px;
}

input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button
{
    font-size: 14px;
    -webkit-box-align: center;
    text-align: center;
    cursor: default;
    color: buttontext;
    padding: 3px 6px 3px 6px;
    border: 2px outset buttonface;
    border-image: initial;
    background-color: buttonface;
    box-sizing: border-box;
}

.page-main> section
{
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px
}
.page-main  h3
{
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    color: #333;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 5px 7px;
    margin-top:3px;
    margin-bottom:3px;
}

#cmd_bar
{
    border-bottom: medium none;
    padding:5px;
}

#cmd_bar > a
{
    padding-left:10px;
    padding-right:10px;
    margin-left:6px;
    margin-right:6px;
}

.page-main> section> div
{
    border: 1px solid #ddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 9px 8px;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td
{
    border-top: 1px solid #ddd;
    line-height: 1.42857;
    padding: 4px;
    vertical-align: top;
}

.editor-field input{
    display: table-cell;
}

.editor-field input{
    /*background-image: none;*/
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

label[class="form-control"]{
    background-color:#eee;
}

*:before, *:after {
    box-sizing: border-box;
}
*:before, *:after {
    box-sizing: border-box;
}

.editor-field input[type="text"],
.editor-field input[type="password"]
{
    width: 92%;
    min-width:120px;
}


.editor-field input[type="radio"],
.editor-field input[type="checkbox"]
{
    min-width:20px;
    width:50px;
}

.editor-field select{
    display: table-cell;
}

.editor-field select{
    background-color: #fff;
    /*background-image: none;*/
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 92%;
    min-width:190px;
}

input[type="submit"],#mainBody > p > a,#mainBody div > a {
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}
input[type="submit"],#mainBody > p > a{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #bbb #bbb #a2a2a2;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 6px;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

.single-line
{
    width: 164px;
}


.multi-line {
    height: 100px;
    width: 450px;
}

.tri-state {
    width: 6em;
}
.table_act_Edit, .table_act_Delete,.table_act_Details
{
    display:none;
}

#mainBody > form
{
    border:solid 1px #ddd;
    padding-top :15px;
}

#report_list
{
    border-bottom-width: 1px; 
    padding-bottom: 27px;
}

#report_list > table
{
    margin-bottom: 1px;
    padding-bottom:4px;
}

#report_list > div > div > select
{
    width :auto;
}

.navbar-static-top
{
background: #80b0d9; /* Old browsers */
background: -moz-linear-gradient(top,  #80b0d9 0%, #abd3ee 37%, #89c3eb 58%, #d5ebfb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#80b0d9), color-stop(37%,#abd3ee), color-stop(58%,#89c3eb), color-stop(100%,#d5ebfb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #80b0d9 0%,#abd3ee 37%,#89c3eb 58%,#d5ebfb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #80b0d9 0%,#abd3ee 37%,#89c3eb 58%,#d5ebfb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #80b0d9 0%,#abd3ee 37%,#89c3eb 58%,#d5ebfb 100%); /* IE10+ */
background: linear-gradient(top,  #80b0d9 0%,#abd3ee 37%,#89c3eb 58%,#d5ebfb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80b0d9', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */
}

.Wdate {
    background: #fff url("/Img/datePicker.gif") no-repeat scroll right center;
    border: 1px solid #999;
    width: 160px;
}
.WdateFmtErr {
    color: red;
    font-weight: bold;
}

.EchartPie {
    border: 1px solid #ddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding-left: 5px;
    float:left;
}

#map_container{
    width:98%;
    height:98%;
    border:#0094ff solid 2px;
    position:relative;
    top: -25px;
}
#map_function{
    position:relative;
    left: 80px;
    padding-top:3px;
    z-index:1;
}
#map_function > select {
    padding : 0px;
}

.infoBoxContent{font-size:12px;}
.infoBoxContent .title {background:url(/Content/Img/title.jpg) no-repeat;height:42px;width:252px;}
.infoBoxContent .title strong{font-size:14px;line-height:42px;padding:0 10px 0 5px;}
.infoBoxContent .title .price{color:#d11a74;position:relative;top:8px;}
.infoBoxContent .list{width:248px;border:solid 1px #4FA5FC;border-top:none;background:#fff;min-height:60px;}
.infoBoxContent .list ul{margin:0;padding:5px;list-style:none;}
.infoBoxContent .list ul li {float:left;min-width:230px;border-bottom:solid 1px #4FA5FC;padding:2px 0;}
.infoBoxContent .list ul .last{border:none;}
.infoBoxContent .list ul img{width:53px;height:42px;margin-right:5px;}
.infoBoxContent .list ul p{padding:0;margin:0;float:left;min-width:78px;}
.infoBoxContent .left{float:left;}
.infoBoxContent .rmb{float:right;color:#EB6100;font-size:14px;font-weight:bold;}
.infoBoxContent a{color:#0041D9;text-decoration:none;}
