/**
 * @file
 * HTML Element Styling
 *
 */

body, caption, th, td, input, button, textarea, select, option, legend, fieldset {font-family: "Noto Sans",Helvetica,sans-serif;}
pre, code, kbd, samp, tt, var {font-family:"Courier New","DejaVu Sans Mono",monospace}

body { margin: 0; font-size: 9pt; }

/* Headings */
h1, h2, h3, h4, h5, h6 { line-height: 120%; margin:25px 0 20px;font-family: Helvetica,sans-serif;}
h1 { color: #82c341; font-size: 177%; font-weight: 500; margin: 12px 0 16px 0; }
h2 { color: #0072bc; font-size: 133%; font-weight: 600; margin: 8px 0 10px 0; }
h3 { font-weight: 600; font-size: 110%; font-weight: bold; margin: 8px 0 10px 0; color: #0072bc; }
h4, h5, h6{ font-size: 100%; color:#666; font-weight: bold; margin: 0; }


/* Other block-level elements */
p{ margin: 0 0 20px; }
blockquote{ margin: 40px 0; padding: 0 55px; background-attachment: scroll; background-color: transparent; background-image: url(../images/blockquote.png); background-repeat: no-repeat; background-position: left top; }
pre{ background-color: #FAFAFA;border: 1px solid #E5E5E5;font-family: "Courier","Courier New",monospace;margin: 14px 0;overflow: hidden;padding: 15px;white-space: pre-wrap;}
hr{height:1px; border-top:1px solid #DDD; border-width:1px 0 0 0;}
address{}


/*
 * Lists
 *
 * We need to standardize the list item indentation.
 */
ul, ol { margin: .8em 0; padding:0 0 0 1.5em; }
.item-list ul /* Drupal overrides */{margin:1em 0; padding:0 0 0 1.5em; /* LTR */}
ul ul, ul ol, ol ol, ol ul, .item-list ul ul, .item-list ul ol, .item-list ol ol, .item-list ol ul{margin:0}
li{display:list-item; margin: 0; padding: 0; }
.item-list ul li, ul.menu li, li.expanded, li.collapsed, li.leaf /* Drupal override */{margin:0; padding:0}
ul{list-style-type:disc}
ul ul{list-style-type:circle}
ul ul ul{list-style-type:square}
ul ul ul ul{list-style-type:circle}
ol{list-style-type:decimal}
ol ol{list-style-type:lower-alpha}
ol ol ol{list-style-type:decimal}
dl{}
dt{margin:0 0 5px 0; padding:0}
dd{margin:0 0 0 2em; /* LTR */padding:0}


/*
 * Tables
 *
 * Drupal provides table styling which is only useful for its admin section
 * forms, so we override this default CSS. (We set it back in forms.css.)
 */
table {border-collapse: collapse;width: 100%;}
table, td {}
th {background: none repeat scroll 0 0 #222222; border: medium none;color: #FFFFFF;font-weight: bold;text-align:left;}
tr.odd {background: none repeat scroll 0 0 #FBFBFB; }
tr.even {background: none repeat scroll 0 0 #FFFFFF; }
/*tr {border-bottom:solid 1px #DDD;}*/
td, th {padding: 5px;}
thead{}
tbody{border-top:none}
tfoot{}
caption{}
colgroup{}
col{}


/*
 * Links
 *
 * The order of link states are based on Eric Meyer's article:
 * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
 */
a {color:#0072bc; text-decoration:none; outline:none;}
a:link{}
a:visited{}
a:hover, a:focus{ text-decoration:underline;}
a:active{}

/*
 * form elements
 */

input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 2px solid #ccc;
  border-radius: 0.25rem;
  font: sans-serif;
  box-sizing: border-box;
  margin: 0;
  padding: 0.25rem 0.5rem;
}
select {
  background: url("/cms/sites/all/themes/clp/images/down-arrow.svg") no-repeat center right 0.75rem;
}

input[type="radio"],
input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  vertical-align: middle;
  min-width: 1em;
  min-height: 1em;
  margin: 2px;
  padding: 0;
  border: 2px solid #ccc;
  border-radius: 0.25rem;
  box-sizing: border-box;
}

input[type="radio"] {
  border-radius: 50%;
  box-shadow: 0 0 4px 0px white inset;
}

input[type="radio"]:hover {
  background: #ccc;
}

input[type="radio"]:checked {
  background: #333;
}

input[type="checkbox"]:checked {
  background-color: #333;
}

/*
 * Other inline elements
 */
img{border:0; /* vertical-align:bottom; */ /* Suppress the space beneath the baseline */}
abbr, /* Abbreviations */ acronym{border-bottom:1px dotted #666; cursor:help; white-space:nowrap}
q{}
cite{}
strong, b{}
em, i{}
code, kbd, samp, tt, var /* Code, keyboard input, sample output, teletype, variable */{}
code {background-color: #EFEFEF;}
kbd {background-color: #F1EED4;border: 1px outset #575757;border-radius: 5px 5px 5px 5px;color: #333333;padding: 2px 7px;}
del{}
ins{}
big{}
small{}
sub{}
sup{}