@import url('/Styles/Css/usdm-jquery-ui/jquery-ui.css');

select:hover {
    cursor: pointer;
}


.chosen-container {
    text-align: left!important;
    font-weight:bold;
}

/*border around content boxes*/
.box{border:1px solid #4d2a0d;
border-radius:12px;
	padding:5px;
}


/*toolbar headers*/
.headr div{display:inline-block;margin-right:50px;}
.headr div:last-of-type{margin-right:0;}
.headr{padding:10px;margin-bottom:20px;}

/* usdm legends */
#legend ul{margin-left:auto;margin-right:auto;margin-top:10px;}
#legend ul li{list-style:none;padding:5px;}
#legend ul li span{border:1px solid #ccc;padding:1px 10px;margin-right:5px;}
#legend-bttn{float:right;padding:3px 5px;margin-top:-3px;}
#legend-bttn:hover{cursor:pointer;}

/* usdm colors */
.d0 {background-color:#FFFF00; color:black;}
.d1 {background-color:#FCD37F;color:black;}
.d2 {background-color:#FFAA00;color:black;}
.d3 {background-color:#E60000;color:white;}
.d4 {background-color:#730000;color:white;}
th.week,th.none {
    background-color: gray;
    color: white;
}


/* image frame */
.frame{
	border-color:#CE9463;
	border-width:1px!important;
	border-style:solid;
	background:/*url(/Portals/_default/Skins/Catalyst2-H-Classic/images/backgrounds/CrackedDirt6.png)*/ #ede5be;
padding:5px;
}

/*header with cracked dirt background*/
.dirtfade {
    margin-top: 10px;
    border-top: 2px solid #CE9463;
    background: url(/Portals/0/Images/backgrounds/Dirtfade2.png) repeat-x top left;
    padding: 7px;
}

/* statistics display tables */
#datatab tr.odd, #datatab-conus tr.odd, #datatab-total tr.odd {
  background-color: #F3EFDF;
}

.box2{border:1px solid #4d2a0d;
border-radius:8px;
	padding:10px; 
	background:#ce9463;
  margin-bottom:4px;

}

.box2 > h2 {font-family:Arial, Helvetica, sans-serif !important;
			color:white !important;
			font-size:12pt !important;
			}

.box3{border:1px solid #d9d9d9;
border-radius:8px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
	padding:10px; 
	background:url(/Styles/Css/Theme2/images/ui-bg_glass_25_4d2a0d_1x400.png) repeat-x 50% 50%;
	-moz-box-shadow: 0px 2px #ccc;
  -webkit-box-shadow: 0px 2px #ccc;
  box-shadow: 0px 2px #ccc;
  margin-bottom:4px;
  margin-top:-3px;
	margin-left:-3px;
	margin-right:-3px;
}

.box3 > h2 {font-family:Arial, Helvetica, sans-serif !important;
			color:#FFF !important;
			text-shadow:#999 0.1em 0.1em !important;
			font-size:14px !important;
			}

#product-list li {
    list-style: none;
}

#product-list {
    margin-left: 0;
}

.pointer:hover {
    cursor: pointer;
}

/*==== Weekly Comparisons ====*/

/*download file buttons*/
.bttns {
  position: absolute;
  left: 30px;
  top: 502px;
}
.bttns ul {
    list-style: none;        
}

.bttns ul li {
    display:inline-block;
}

.bttns ul li:hover {
    cursor:pointer;
}


/*boxes*/
#left-content {
    float: left;
  width: 48%;
  position: relative;
  z-index: 1;
}

#right-content {
      float: right;
  width: 48%;
  position: relative;
  z-index: 1;
}

/*maps*/
.maps {
    text-align: center;
    height: auto;
    border-top: 0;
}

/*date pickers */
div.dates {
    border: 0;
    position: relative;
    text-align: center;
    padding: 5px 0 5px 0;
    height: 20px;
}

div.dates ul {
  margin: 0;
  padding: 0;
}

div.dates ul li {
  list-style: none;
  display: inline;
}

/* comparison table */
#table-compare{width:80%;margin-left:auto;margin-right:auto;}
#table-compare td, #table-compare th{text-align:center;border-left:1px solid #4d2a0d;padding:5px 0 5px 0;border-top:1px solid #4d2a0d;margin:0;}
#table-compare td:last-of-type, #table-compare th:last-of-type{border-right:1px solid #4d2a0d;}
#table-compare tr:last-of-type td{border-bottom:1px solid #4d2a0d;}

#table-compare th.d0,#table-compare th.d1,#table-compare th.d2,#table-compare th.d3,#table-compare th.d4,#table-compare th.none,#table-compare th.week {
    width: 200px;
}

/* arrow buttons */

.arrow-bttn:hover {
    cursor: pointer;
}

/*==== Animations ====*/
#dmimgs {
    border-color: #4d2a0d!important;
}

#bttns img {border:1px solid #4d2a0d;padding:2px;margin-bottom:3px;}
#bttns img.active {background-color:#ede5be;}
#bttns img:hover{cursor:pointer;}

.pics {padding:0;margin:0;}
.pics img {padding:15px;border:1px solid #4d2a0d;background-color:#ede5be;width:600px;height:600px;top:0;left:0;}

#img-container {margin-left:auto;margin-right:auto;width:632px;}
#gifs{float:left;margin-left:200px;width:230px;}
#current-gif{float:left;width:35%;}
#archive-gif{float:left;width:64%;margin-left:5px;}
#dm-label {float:left;}
#bttns {float:right;}



ul#week-selector {margin:0;margin-top:15px;margin-bottom:10px;padding:0;}
ul#week-selector li {display:inline;border:1px solid #4d2a0d;list-style:none;text-decoration:none;padding:5px;}

ul#week-selector li.active {background-color:#ede5be;}
ul#week-selector li:hover{cursor:pointer;background-color:#4d2a0d;border-color:#ce9463;color:white;}
ul#week-selector li.label {border:0;padding-left:0;}	        

.archivedgif{float:left;width:45%;margin:5px;}
.currentgif{margin:5px 0 10px 0;}

#speed-control{background:#ede5be;padding:5px;}

/*==== Home Page ====*/
.btn {
padding:5px;
text-decoration:none!important;
border:1px solid #4d2a0d;
}

/*==== Drill Down ====*/
#datatab-conus {
    border: 1px solid #4d2a0d;
}

    #datatab-conus td, #datatab-conus th {
        border-right: 1px dotted #4d2a0d;
    }

#datatab th, #datatab-conus th, #datatab-total th {
  border: 1px solid #4d2a0d;
  padding: 5px 0 5px 0;
  text-align: center;
}

#datatab-conus tr td:first-of-type {
    border-right: 1px solid #4d2a0d;
}

#statlink{color:black;padding:8px;text-decoration:none;margin-left:25px;}

#planning{float:right;padding:5px;margin-top:3px;}
#planning a{color:black;padding:8px;text-decoration:none;margin-right:10px;}

/*------------------------------------------------------------------
New Image Frames
-------------------------------------------------------------------*/
figure img{width:100%;}
figure figcaption{font-size: 8pt;}

.right-100{background-color:#e8e6dc;padding:7px;float:right;width:100%;margin:0 0 7px 7px;}
.right-75{background-color:#e8e6dc;padding:7px;float:right;width:75%;margin:0 0 7px 7px;}
.right-66{background-color:#e8e6dc;padding:7px;float:right;width:66%;margin:0 0 7px 7px;}
.right-50{background-color:#e8e6dc;padding:7px;float:right;width:50%;margin:0 0 7px 7px;}
.right-40{background-color:#e8e6dc;padding:7px;float:right;width:40%;margin:0 0 7px 7px;}
.right-33{background-color:#e8e6dc;padding:7px;float:right;width:33%;margin:0 0 7px 7px;}
.right-30{background-color:#e8e6dc;padding:7px;float:right;width:30%;margin:0 0 7px 7px;}
.right-25{background-color:#e8e6dc;padding:7px;float:right;width:25%;margin:0 0 7px 7px;}
.right-20{background-color:#e8e6dc;padding:7px;float:right;width:20%;margin:0 0 7px 7px;}
.left-100{background-color:#e8e6dc;padding:7px;float:left;width:100%;margin:0 7px 7px 0;}
.left-75{background-color:#e8e6dc;padding:7px;float:left;width:75%;margin:0 7px 7px 0;}
.left-66{background-color:#e8e6dc;padding:7px;float:left;width:66%;margin:0 7px 7px 0;}
.left-50{background-color:#e8e6dc;padding:7px;float:left;width:50%;margin:0 7px 7px 0;}
.left-40{background-color:#e8e6dc;padding:7px;float:left;width:40%;margin:0 7px 7px 0;}
.left-33{background-color:#e8e6dc;padding:7px;float:left;width:33%;margin:0 7px 7px 0;}
.left-30{background-color:#e8e6dc;padding:7px;float:left;width:30%;margin:0 7px 7px 0;}
.left-25{background-color:#e8e6dc;padding:7px;float:left;width:25%;margin:0 7px 7px 0;}
.left-20{background-color:#e8e6dc;padding:7px;float:left;width:20%;margin:0 7px 7px 0;}
.center{background-color:#e8e6dc;padding:7px;margin-left:auto;margin-right:auto;margin-bottom:7px;}
.center-75{background-color:#e8e6dc;padding:7px;width:75%;margin-left:auto;margin-right:auto;margin-bottom:7px;}