/* Base CSS for LX  (location = m/css/base.css */
/*------------------------------------*\
  RESET
\*------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0b1 | 201101
   NOTE:WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend, input,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}

h1, h2, h3, h4, TH, strong 
{ font-weight: bold; }

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
  display:block;
}
.clear {
	clear: both;
}
body{
  line-height:1;
}
ol,ul{
  list-style:none;
}
blockquote,q{
  quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after{
  content:'';
  content:none;
}
/* remember to define visible focus styles!
:focus{
  outline:?????;
} */

/* remember to highlight inserts somehow! */
ins{
  text-decoration:none;
}
del{
  text-decoration:line-through;
}

table{
  border-collapse:collapse;
  border-spacing:0;
}

/*------------------------------------*\
  MAIN
\*------------------------------------*/
/* DOL Colors 
#ffffff : white		
#cccccc : gray		
#607890 : blue-gray	
#2389ca : blue 		
#aac87e : green		
#f58020 : orange
*/

/* DOL styles */
html { background: #fafafa;}
body { 
  width: 100%;
  font: 100%/1.4 "Helvetica Neue", Helvetica, Arial;
  color: #282828; 
  background-color: transparent; }
#wrap { 
  width:960px;
  margin:0 auto; 
  background-color:#fff;
  box-shadow:0 0 10px #888;
  -moz-box-shadow:0 0 6px #888;
  -webkit-box-shadow:0 0 6px #888;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  }

#banner { 
  background: #ccc;
  border-bottom:1px solid #7b7b7b; 
  -moz-box-shadow:0 0 5px #888;
  -webkit-box-shadow:0 0 5px #888;
  box-shadow:0 0 5px #888;}
  
#banner h1
{
    background: transparent url('../images/dol_weblogo_mobile_sm.gif') no-repeat left 50%;
    height: 46px;
    text-indent: -9999px;
    display: block;
    border: none;
    margin-left: 8px;
}

  
#content p { font-size:.9em;margin-bottom:10px;line-height:1.3;}

label { font-size: .9em; font-weight: bold; color: #7c7c7c;display:block; }

input, select {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border:1px solid #ccc;
  min-height:30px;
  display:block;
  line-height: 30px\9;  /* IE 6-8 */
  margin: 1px 10px 10px 0px;
  outline: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width:100%;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;	
}

input[type=submit] {
  font-size:18px;
  font-weight:bold;
  border:1px solid rgba(0,0,0,0.4);
}
input[type=checkbox] {border:none;}

#footer { background-color:#ccc;clear:left;}
#copyright { padding:5px 10px; text-align:center;font-size:12px;line-height:2em;}

/* Medium screens */
@media screen and (max-width: 769px) {
#wrap { width:100%;border:none;}
#banner h1 { height: auto; }

}

/* Small screens */
@media screen and (max-width: 480px) {
html { background: #607890;}

}