body
{   
    color:#000000; background-color:#ffffff;
	background-color:#ffffff; background:url(/rdr/bg.jpg); background-repeat:repeat;
    background-position: center; 
    background-repeat: no-repeat; 
    background-attachment: fixed;
}

a, body, div, font, p, h1, h2, h3, h4, h5, blockquote, caption, ol, ul, li, dl, input, select, td, th, noscript {font-family:Verdana, Arial, Helvetica, Sans-Serif;}

textarea, input.number, td.mono, #mono {font-family:monospace;}
td.verySmall, td.small, td.medium, input.submit, input.special, input.small, #smallest, #smaller {font-family: Arial, Helvetica, Sans-Serif;}
 
body, td, td.normal, th, noscript {font-size:12px;}

blockquote, caption {font-size:13px; font-style: italic;}
td.verySmall {font-size:9px;}
td.small, td.smallest {font-size:10px;}
td.medium, td.smaller {font-size:11px;}
td.large, td.larger {font-size:12px;}
td.big, td.largest {font-size:14px;}
td.verybig {font-size:20px;}

td.micro {font-size:1pt;}
h1 {font-size:20px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:13px;}
h6 {font-size:12px;}

.ftrMenu h2 {font-size:12px;}

.odeQuadImgs{display:initial; border:1px solid black;}
.quickLoginParms {margin-left:10px;}

#ODELogoLink {z-index:-2;}
#ODEhomeTxt {display:none;}


.divShirts, .myCars {display:inline-block; padding-left:10px; padding-right:10px; text-align:center; vertical-align:top;}
.myCars1 {width:520px;}
.myCars2 {width:460px;}
.divShirts, .myShirts, .myCars3 {width:360px;}

.carColTop {margin-top:15px;}
.carTextLeft {text-align:left;}

.navbar-default, .navbar {
    enable-background:new;
    border-bottom:1px solid black;
    background-color:transparent !important;
    background-image: url(/rdr/images/hdr_bg.png) !important; 
/*    background-image: url(http://www.ode.state.or.us/images/trans_dark1.png) !important; */
    background-repeat: repeat; 
}

#districtWelcome {width:75%;}

input.submit, input.special, input.small { font-size:9px; font-weight:bold;}
input.number { font-size:12px; text-align:right; color:green;}

#srchContainer {vertical-align:text-bottom; margin-top:20px;}
/*  #txtHeaderSiteSearch {width:250px !important; margin-top:10px; margin-bottom:10px; margin-right:5px; height:1.5em; padding-top:20px; padding-bottom:22px;}  */


/*
#txtHeaderSiteSearch, #btnHeaderSiteSearch {font-size: 12px; border: solid 1px #CCC;}

#txtHeaderSiteSearch { height: 31px; width: 255px !important; vertical-align: bottom; padding-left: 5px; margin-right: 10px;  margin-bottom: 10px;}
#btnHeaderSiteSearch {border: solid 1px #CCC; height: 35px; width: 80px; padding:0px; margin-bottom: 10px;}
*/

#custom-search-input {
        margin:0;
        margin-top: 10px;
        padding: 0;
    }
 
    #custom-search-input .search-query {
        padding-right: 3px;
        padding-right: 4px \9;
        padding-left: 3px;
        padding-left: 4px \9;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
 
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
 
    #custom-search-input button {
        border: 0;
        background: none;
        /** belows styles are working good */
        padding: 2px 5px;
        margin-top: 2px;
        position: relative;
        left: -28px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color:#D9230F;
    }
 
    .search-query:focus + button {
        z-index: 3;   
    }

ul.odeNews {margin-left:-20px;}
ul.odeNews li {margin-bottom:10px;}




#bs-navbarFooter-collapse-1.collapse.in {
 
/* margin-left:1px;  background-color:red !important; */
}

.hzLimit-no-display-lrg {display:none;}
.hzLimit-no-hidden-lrg {visibility: hidden;}
.hzLimit-transparent { opacity: 0.05; filter: alpha(opacity=5); /* For IE8 and earlier */ }
.hzLimit-img-lrg {width:225px; height:auto;}
.hzLimit-img-sm {width:75px; height:auto;}
.hzLimit-font-sm {font-size:10px !important;}

#rdrLogoBS {width:527px;}
#ODElogoTxt {display:none; margin-left:-5px;}


.ZZZZZZZmyQuickLinks {width:400px;}
.ZZZZZZ#mySplitCol {width:600px;}
#zzzzzzmyMAdivsL {width:300px;} 
.mySplitHalf{width:45%; display:inline-block; vertical-align:top; margin-right:20px; padding-top:0px;}
.noBtmBuffer {margin-bottom:0px !important; padding-bottom:0px !important;}

.colHdrH2Buffer {padding-top:39px;}

.myMAdivs2 {display:inline-block; vertical-align:top; margin-right:20px; padding-top:0px;} 
.myMAdivsSmL {width:50px; background-color:yellow !important;}

a.odeQlinks {display:inline-block; padding-bottom:10px;}

/*
.myMAdivs2, .myMAdivs3 {display:inline-block; vertical-align:top; margin-right:20px; padding-top:0px;}
    .myMAdivs2 {width:250px;}
    .myMAdivs3 {width:300px;}*/


/* MAIN IMAGE SETTINGS, SEE LOCAL FOR ACTUAL IMAGE */
@media (max-width:600px) {.mainImg {display:none;} body {background:none;}}
@media (min-width:601px) and  (max-width:800px) {.mainImg {height:240px; border:1px solid black;}}
@media (min-width:801px) {.mainImg {height:350px; border:1px solid black;}}

@media screen and (max-width: 1300px), handheld and (max-width: 1300px)
{
    #myMAdivsSmL {width:100px; background-color:yellows !important;}
    #myMAdivsL {width:225px; background-color:yellows !important;}
    /*.myMAdivs2 {width:200px;} */
    #UsrNm, #txtUsrPwd, #btnLogin{ width:220px !important;}
}


@media screen and (max-width: 1000px), handheld and (max-width: 1000px)
{
	#rdrLogoBS {width:350px; margin-top:10px;}
    .odeQuadImgs{display:none;}
}


@media screen and (max-width: 965px), handheld and (max-width: 965px)
{
    #srchContainer {left:2px; right:auto; top:10px;}
    #txtHeaderSiteSearch {width:255px;}
    #srchContainer {left:2px; right:auto;}

   /* #ODElogoTxt {display:normal; margin-left:-5px;} */

}

@media screen and (max-width: 859px) 
{
.mySplitHalf{ width:100%; display:block; margin-right:0px;}
.colHdrH2Buffer {padding-top:20px;}

/*.myMAdivs2 { display:none !important;}*/

#districtWelcome {width:100%;}
}

@media screen and (max-width: 599px), handheld and (max-width: 599px) 
{
    ul {margin-left:-20px;}
    #rdrLogoBS {width:170px; margin-right:0px; margin-top:20px; padding-left:0px; padding-right:0px; margin-left:-30px;}

	.divShirts, .myCars {display:block;}
	.divShirts, .myShirts, .myCars1, .myCars2, .myCars3 {width:250px;}
}




/* 479 wide should be good, 319 is for iphone*/
@media screen and (max-width: 480px) and (orientation : portrait) 
{
    ul {margin-left:-20px;}
    #srchContainer {left:2px; right:auto; top:10px;}

    #txtHeaderSiteSearch {width:160px; margin-top:5px;}

    .hzLimit-no-display {display:none !important;}
    .hzLimit-no-hidden {visibility: hidden;}
    .hzLimit-img-biggest {width:300px !important; height:auto;}
    .hzLimit-img-lrg {width:125px; height:auto;}
    .hzLimit-left {float:left !important; text-align:left !important;}

    #ODELogoLink, #rdrLogoBS {display:none !important; background-color:white;}
    #divODEhomeTxt, #ODEhomeTxt {margin:0px !important; padding:0px !important;}
    #ODEhomeTxt { font-size:small; display:inline-block; margin-top:15px !important;}

    #UsrNm, #txtUsrPwd, #btnLogin{ width:190px !important;}
}

/* MAX WIDTH EXPAND */
@media screen and (max-width: 420px) and (orientation : portrait) 
{ 
}

/* REPLACED /INCLUDES/CSS/PRINT.CSS FILE 9/23/2014 */    
@media print 
{
body
    { background: white;
      font-size: 12pt;
      width: auto;
      margin: 0 5%;
      padding: 0;
      border: 0;
      color: black;
      text-decoration:none !important;
      text-shadow:none !important;
      background-image:none !important;  }
    .ftrText {text-shadow:none !important;}
    #header {display: none;}
    #menunav {display: none;}
    #menuTopTbl {display:none !important;}
    #dynamicmenu {display: none;}
    .sidebar {display: none;}
    #myspan {display: none;}
    #bottomnav {display: none;}
    #srchBGimg {display:none;}
    #ftrTrees {display:none;}
    #srchContainer {display:none !important;}
    a:link, a:visited {
       color: #520;
       background: transparent;
       font-weight: bold;
       text-decoration: underline;
       }
    .noprint{display: none;}
    p#breadcrumbs{display: none;}
    th, .divCellTH
    {   background-color: white;
        color: black;
	    border: 0px;  }
}