/*RC@2013092502*/
/*------------------------------------------------------------------------------------------*/
/*06/04/2015 - Need standards for radioButtons*/
.mbsa-radioButtons{
    width:10px;
}

/*RC@20150223*/
/*  Need to have Mbsa standards for grid row and alt grid row colors etc. got these from 
    the webgrid project*/
.mbsaRowStyle {        
      /* background-color: #cccc00;*/       
           background-color: #ffff5e;
            color: #000;
        }
.mbsaRowAlt {
           /*background-color: #F3E078;#ffffd4*/
background-color:#e7e700 ;
            color: #000;
        }
 .mbsaHeaderStyle {
            background-color:  #080b74;
            font-weight: bold;
            color: #ffff99;
        }

/*------------------------------------------------------------------------------------------*/
/*RC@2014070103 Date picker global font size. 
 There is "RC@2014070103" javascript that sets datepicker attributes in mbsa_js.js - BEG.
 "#ui-datepicker-div " is a standard element in jquery datepickers */ 
 #ui-datepicker-div {
     font-size:11px; 
}    

 /*RC@2015051502 Date picker always displays when page opens*/
 x#ui-datepicker-div {
    /*  display: none;*/ 
 }

 /*Use this class attribute in any date field where you require a calander with the Mbsa UI*/
.mbsaDatePicker {
  float:left; height:18px; 
}
/* There is "RC@2014070103" javascript that sets datepicker attributes in mbsa_js.js - BEG */ 
/*--------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*RC@2015021000   Use this class to only select a time*/
.mbsaTimePicker {
  float:left; height:10px; 
}
/*-----------------------------------------------------------------------------------*/
.noLinkUnderline {
  text-decoration:none;
}

/*RC@2014061200e fix page formating in IE*/
 .inputContainer {
    background: #fff;
    padding: 2px 10px;     
    border: 1px solid #a9a9a9
}
/*RC@2014061200e fix page formating in IE*/
.inputContainer input {
     
}

html {
    /* background-color: #e2e2e2; RC@2013092501 */
    background-color: #FFFF99; /*RC@2013092501*/
    margin: 0;
    padding: 0;
}

/*RC@2013092502*/
#body {
    /*background-color: #efeeef;  */
    /*background-color: #FFFF99; */
    background-color: #FFFF99;
    clear: both;
    padding-bottom: 35px;
    margin: 0 0 0 0;
}
/*RC@2013092502 - blue-ish, top section of home page.*/
.featured .content-wrapper {
    /*background-color: #7ac0da;*/
    /*   background-color: #321650;*/
    /* background-color: #7375D8;*/
    background-color: #080b74;
    /*RC@2014021401  background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
       */
    color: #3e5667;
    padding: 20px 40px 30px 40px;
}

/*RC@2013092502 - MBSA Spelled out at top of master page */
.site-title a, .site-title a:hover, .site-title a:active {
    background: none;
    color: #1a1eb2;
    outline: none;
    text-decoration: none;
}

/* menu RC@2013092502 
----------------------------------------------------------*/
/* Logged in */
ul#menuLoggedIn {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: left;
}

    ul#menuLoggedIn li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menuLoggedIn li a {
            background: none;
            color: #999;
            text-decoration: none;
        }

            ul#menuLoggedIn li a:hover {
                color: #333;
                text-decoration: none;
            }

.iq-btn {
    font-size: 1em;
    height: inherit;
    margin: 1px;
    padding: 0 8px;
    text-decoration: none;
}


.ui-dialog-titlebar-close {
    visibility: hidden;
}

.mbsa-errors {
    color: red;
}

/*RC@2013101503 make some text blue*/
.mbsa-text {
    color: #080b74;
}
/*RC@2013101503 make h element text blue*/
h1, h2, h3,
h4, h5, h6 {
    color: #080b74;
}

/*Background color and text*/
.mbsa-BlueBackground_whiteColor {
    background-color: #080b74;
    color: #FFF;
}

.mbsa-display-label {
    color: #000080;
    font-family: Verdana,Arial,sans-serif;
    font-size: 13px;
    font-weight:bold;
}

.mbsa-display-data {
    color: #080b74;
    font-family: Verdana,Arial,sans-serif;
    font-size: 13px;
    
}

/*THERE IS BUTTON CSS CODED AT THE END OF LAYOUT.CSHTML THAT LOOKS LIKE THIS: (eventually it goes here, in Mbsa_css.css)
  // RC@2014022500
    // Since this is the layout file. this will apply jquery ui to any and all buttons in Mbsa. 
    // remember, i said <button/> types. MVC cshtml defaults to <input/> buttons, so they need to be changed. 

    $("button").button();
    $("button").css("font-size", ".9em");  
         
    */

/*RC@2013121500 Override jquery Dialog button css 
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {}
.ui-dialog .ui-dialog-buttonpane {}      
    */
.mbsa-dialog-buttons-buttonset {
    float: none !important;
    font-size: 0.7em !important;
}

.mbsa-dialog-buttons-buttonpane {
    text-align: left !important; /* left/center/right */
}
/* End of RC@2013121500 */

/*OVERRIDES - Beginning of other css files*/
/*Override site.css line 417*/
/*02/25/2014 also affects cshtml files */
label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    font-family: Verdana,Arial,sans-serif;
    color: #080b74;
    /* font: 14px Helvetica,Sans-Serif;
     background: #FFFF99 url(images/ui-bg_flat_75_FFFF99_40x100.png) 50% 50% repeat-x; color: #080b74; */
}
/*02/25/2014 also affects cshtml files */
/*For Detail.cshtml witch displays its data with */
.display-label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    font-family: Verdana,Arial,sans-serif;
    color: #080b74;
    /* font: 14px Helvetica,Sans-Serif;
     background: #FFFF99 url(images/ui-bg_flat_75_FFFF99_40x100.png) 50% 50% repeat-x; color: #080b74; */
}

/*02/26/2014 - This is used on <a/> anchor buttons that wrap a button like in Type/Detail*/
a.mbs-hover:hover {
    background-color: transparent;
}

/*02/27/2014 - These two classes immulate the jquery ui button and hover functionality. it can be used in buttons that are not a <button/> element, like this
   <input type="submit" value="Input" class="mbsa-button mbsa-hover2"/>
    There is really no need if you are using the jquery ui custom theme globally, but though i would hold on to this code.  
    */
input.mbsa-button {
    font-size: 0.9em;
    margin: 0.5em 0.4em 0.5em 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;   
    padding: 5px 15px 5px 13px;
    color: #020303;
    font-family: Verdana,Arial,sans-serif;   
    background: url("/Content/MbsaStandardCSS/images/ui-bg_glass_75_FFFF99_1x400.png") repeat-x scroll 50% 50% #FFFF99;
    overflow: visible;
    position: relative;
    text-align: center;
    border: 1px solid #020303;
    font-weight: bold;
}
input.mbsa-hover2:hover
{
  /*hover border: 1px solid #020303; iqworks - i think the 'hover' is wrong. complains of no ":"*/
  border: 1px solid #020303;
  background: #080b74 url(/Content/MbsaStandardCSS/images/ui-bg_glass_75_080b74_1x400.png) 50% 50% repeat-x; font-weight: bold; 
  color: #fff; }

/* Action Buttons for jqGrids*/
.mbsa-grid-action-buttons {
    font-size: 11px !important;
    font-weight: normal !important;
    font-family: Verdana,Arial,sans-serif !important;
    outline: medium none !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    text-decoration: underline !important;
}
/*RC@2013101102 - this is related to 'input, textarea' and has a fix in css.docx and tips.docx, 
  but i dont think i put this 'input, textarea' here for this reason. Hope i dont have to remember
    why the hard way, thats why i need to remember to put an RC for everything!!!.*/
/*Override site.css line 428*/
input, textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E2E2E2;
    color: #333333;
    font-size: 1.0em;
    margin: 5px 0 6px;
    padding: 5px;
    width: 400px;
}

.mbsa-dropdown-width {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E2E2E2;
    color: #333333;
    font-size: 1.0em;
    margin: 5px 0 6px;
    padding: 5px;
    width: 413px;
    
}

.mbsa-mobile-dropdown-width {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E2E2E2;
    color: #333333;
    font-size: 1.0em;
    margin: 5px 0 6px;
    padding: 5px;
    width: 400px;
    
}

/*RC@2014041600 */
.mbsa-prompt-fields {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E2E2E2;
    font-size:  0.8em;
    margin: 5px 0 6px;
    padding: 5px;
    width: 200px;
}

.mbsa-prompt-labels {    
    color: #000080;
    display: inline;
    font-family: Verdana,Arial,sans-serif;
    font-size: 12px;
}

/* Make a button to look like a link, so that it dosnt have that 
    button background stuff, AND most importantly, so that it will
    do a submit to the controller POST method straight away
    , unlike a regular link.*/ 
 .mbsaButtonAsLink {
background: none;
border: none;
cursor: pointer;
text-decoration: underline; 
font-size: 15px !important;
font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
color: #080b74;
}
 
 /* RC@2016122300b
      when you use this and you need another size, cut and paste
     this and make it mbsa-default(increment)-wordwrap CSS Needs to pass parms.
 */
   .mbsa-default1-wordwrap {
            width: 42%;
            max-width: 42%;
            /*make word wrap in the Measure description*/
            table-layout: fixed;
            word-wrap: break-word;
            /* margin-left:5px;*/
        }


/*RC@2018090400*/ 
.forThisMeasureButtonOnly {
    margin-top: 0.0em;
    margin-bottom: 05px;
    margin-left: 45px;
    margin-right: 25px;
}

.mbsa-put-button-on-the-left {
    text-align: left;
}

    .mbsa-put-button-on-the-left * {
        margin: 0 auto;
    }

/*mbsa-text-disabled*/
/*
 .mbsa-prompt-fields {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E2E2E2;
    background-color: pink;
    font-size: 1.0em;
    margin: 5px 0 6px;
    padding: 5px;
    width: 413px;
}   
    */

/*OVERRIDES - Ending of other css files*/
/*
    RC@2013101602 Testing to put and keep footer at the absolute bottom - look at the about and contact pages
    
*/

/*footer {
    clear: none;
    background-color:#080b74;
    font-size: .8em;
     height:100px; 
}*/

/*footer{   
  height: 100px;
  left: 0;
  position: absolute;
  width: 100%;
  background-color: #ff0;
}*/

/*footer {
              position: fixed;
            bottom: 0px;
            height: 16px;
            background-image: url("master_images/footer.jpg");
            background-repeat: no-repeat;
            z-index: 3;
            width: 1020px;
            margin: 0 auto 0 auto;
            text-align: left;
            background-color: Gray;

}  */


/*header, footer{ position:fixed; left:0; right:0; z-index:1; }
header{ top:0; }
footer{ bottom:0; }
*/