/* Tom Brusca  */

/* CHANGE LOG
 * 
 * 2012-11-22 Intial scrub of old styles used since 2003.
 *
 */

body
{
  margin-top: 0px;
  font-size: 14px;
  font-family: Arial,Helvetica,Verdana,Sans;
  color: #000000; /* config: site text color */
  background-color:#E2E2E2; /* config: site background color */
}

/*
a:link    { color: #000099; background-color: transparent; text-decoration:underline; }
a:visited { color: #660066; background-color: transparent; text-decoration:underline; }
a:active  { color: #F8674E; background-color: transparent; text-decoration:underline; }
a:hover   { color: #F8674E; background-color: transparent; text-decoration:underline; }
*/

/*
h1 { font-family: Arial, Helvetica, Sans; font-weight:bold; font-size: 17px; }
h2 { font-family: Arial, Helvetica, Sans; font-weight:bold; font-size: 15px; }
h3 { font-family: Arial, Helvetica, Sans; font-weight:bold; font-size: 13px; }
h4 { font-family: Arial, Helvetica, Sans; font-weight:bold; font-size: 11px; }
*/

ul { padding: 0; font: 14px/1.25 Arial, Sans; }
ol { padding: 0; font: 14px/1.25 Arial, Sans; }
li { padding: 0; font: 14px/1.25 Arial, Sans; margin-left:25px;}
p  { padding: 0; font: 14px/1.25 Arial, Sans; }

/* Special Classes */
p.abstract   { font-size: 12px; margin-top: 0em; margin-bottom: 0.5em; }
p.corelink   { font-size: 14px; font-weight: normal; margin-top: 0.5em; margin-bottom:0em; }
p.side       { font-size: 12px; margin-left: 0.85em; text-indent: -0.85em; margin-top: 0.25em; margin-bottom: 0.25em; }
p.anchors    { font-size: 12px; margin-top:1em; margin-bottom:1em; }
p.answer     { margin-top: 0em; }
p.date       { font-size: 11px; margin-top: 0em; }
p.download   { font-size:12px; margin-top:0.25em; margin-bottom:0em; }
p.headlines  { font-size: 12px; margin-top: 0em; margin-bottom: 1em; }
p.list       { font-size: 12px; margin-top: 0em; margin-bottom:0em; }
p.parent     { margin-top: 1em; font-size: 12px; }
p.question   { font-weight:bold; margin-bottom:0em;}
p.supersmall { font-size: 9px; }
p.copyright  { font-size: 9px; }

p.title
{
  font-family: Arial, Helvetica, Sans;
  font-size: 17px;
  font-weight: bold;
  padding-bottom: 0em;
  margin-top: 0em;
  margin-bottom: 0em;
}

td
{
  font-family: Arial, Helvetica, Sans;
  font-size: 14px;
}

img.spacer { margin-top:1em; }

/****************************************************************************/
/* background color of web site title. The top row. */
td.maintabletitlecell
{
background-color: #FFFFFF; /* config: main table title background */
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding-bottom: 8px;
}

td.titlecell
{
padding: 5px;              /* bootstrap compensation */
background-color: #000000; /* config: title background */
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}

td.footercell
{
text-align: center;
background-color: #FFFFFF; /* config: footer background */
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

/****************************************************************************/
/* used for top-left site title link */

span.sitetitle
{
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  color: #FFFFFF; /* config: site title textcolor */
  font-size: 24px;
  text-decoration: none;
  background-color: transparent;
  text-align: left;
  font-weight: bold;
}
a.sitetitle
{
  text-decoration: none;
}

/****************************************************************************/
/* used for top nav utilities links such as 'comments', 'map', 'help', etc. */

td.padded
{
  text-align: center;
  padding-top: 4px;
  padding-bottom: 4px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

a.utilities
{
  font-family: Arial, Helvetica, Sans;
  font-size: 12px;
  color: #000000;
  text-decoration:none;
  background-color: transparent;
  padding-right: 20px;
  padding-left: 20px;
}


a.utilities:hover { color: #558298; text-decoration:underline; }

a.portallink       { color: #000000; text-decoration:none; }
a.portallink:hover { color: #558298; text-decoration:underline; }

/****************************************************************************/

td.topic_container
{
font-family: Arial, Helvetica, Sans;
font-size: 18px;
font-weight:bold;
text-align: left;
background-color: #B59A57; /* config: topic background */
color: #000000; /* config: topic textcolor */
padding: 5px;

-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow:    0 8px 6px -6px black;
box-shadow:         0 8px 6px -6px black;
}

/****************************************************************************/
/* used for site category top navigation */
/*
  padding: 5px;
  border-collapse: collapse;
*/
table.topic_table
{
  border-collapse: separate; /* bootstrap compensation */
  border-width: 0px;
  margin-top: 2px;
  margin-bottom: 2px;
}

a.topic_normal
{
  font-family: Arial, Helvetica, Sans;
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF; /* config: topic normal textcolor */
  text-decoration:none;
  padding-right: 20px;
  padding-left: 20px;
}

a.topic_normal  a:hover { color: #000000; text-decoration:none; } /* config: topic hover textcolor */

td.topic_normal
{
  font-family: Arial, Helvetica, Sans;
  font-size: 18px;
  font-weight:bold;
  border-color: #B59A57; /* config: topic background */
  background-color: #B59A57; /* config: topic background */
  color: #FFFFFF; /* config: topic normal textcolor */
}

td.topic_normal a { width:100%; display:block; }
td.topic_normal a.topic_normal { width:100%; display:block; }
td.topic_normal a:link    { text-decoration:none; color: #FFFFFF; } /* config: topic normal textcolor */
td.topic_normal a:visited { text-decoration:none; color: #FFFFFF; } /* config: topic normal textcolor */
td.topic_normal a:hover   { text-decoration:none; color: #FFFFFF; } /* config: topic hover textcolor */
td.topic_normal:hover     
{ 
  border-color: #FF9900;     /* config: topic background hover */
  background-color: #FF9900; /* config: topic background hover */
} 

/****************************************************************************/
/* used to highlight "selected" site categories in the top nav. */

a.topic_select
{
  font-family: 'Lato',sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #000000;  /* config: topic select textcolor */
  text-decoration: none;
  padding-right: 20px;
  padding-left: 20px;
}

td.topic_select
{
  font-family: 'Lato',sans-serif;
  font-size: 18px;
  font-weight: bold;
  border-color: #FFFF66; /* config: topic select background */
  background-color: #FFFF66; /*config: topic select background */
  border-collapse: separate; /* bootstrap compensation */
}

td.topic_select a { width:100%; display:block; }
td.topic_select a.topic_select { width:100%; display:block; }
td.topic_select a:link    { text-decoration:none; color: #000000; }  /* config: topic select textcolor */
td.topic_select a:visited { text-decoration:none; color: #000000; }  /* config: topic select textcolor */
td.topic_select a:hover   { text-decoration:none; color: #000000; }  /* config: topic select textcolor */

/****************************************************************************/
/* used to highlight "selected" site categories in the top nav.         */
/* when it is not primary page, i.e. a subtopic/subcategory is selected */

a.topic_parent
{
  padding-right: 20px;
  padding-left: 20px;
}

span.topic_parent
{
  font-family: 'Lato',sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF; /* config: topic normal textcolor */
  text-decoration: none;
  padding-right: 20px;
  padding-left: 20px;
}

td.topic_parent
{
  font-family: 'Lato',sans-serif;
  font-size: 18px;
  font-weight: bold;
  border-color: #FF9900; /* config: topic background hover */
  background-color: #FF9900; /* config: topic background hover */
}

td.topic_parent a              { width:100%; display:block; }
td.topic_parent a.topic_parent { width:100%; display:block; }
td.topic_parent a:link    { text-decoration:none; color: #FFFFFF; } /* config: topic normal textcolor */
td.topic_parent a:visited { text-decoration:none; color: #FFFFFF; } /* config: topic normal textcolor */
td.topic_parent a:hover   { text-decoration:none; color: #FFFFFF; } /* config: topic normal textcolor */

/****************************************************************************/
/* Subtopic navigation on left. */

#side_nav
{
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow:    0 8px 6px -6px black;
box-shadow:         0 8px 6px -6px black;
}

table.rounded_table
{
  border-collapse: separate; /* bootstrap compensation */
  border-style: solid;
  border-width: 2px;
  border-color: #B59A57; /* config: topic background */
  background-color: #B59A57; /* config: topic background */
}

td.subtopic_normal
{
  border-color: #B59A57; /* config: topic background */
  background-color: #B59A57; /* config: topic background */
  color: #FFFFFF; /* config: topic normal textcolor */ 
  font-family: Arial, Helvetica, Sans;
  font-size: 14px;
  padding-right: 0.25em;
  padding-left: 1.25em;
  vertical-align: middle;
  -webkit-border-radius: 10px; 
  -moz-border-radius: 10px; 
  border-radius: 10px; 
}

td.subtopic_normal a         { width:100%; display:block; }
td.subtopic_normal a:link    { text-decoration:none; color: #FFFFFF; } /* config: topic normal textcolor */
td.subtopic_normal a:visited { text-decoration:none; color: #FFFFFF; } /* config: topic normal textcolor */
td.subtopic_normal a:hover   { text-decoration:none; color: #FFFFFF; } /* config: topic normal textcolor */
td.subtopic_normal:hover     { background-color: #FF9900; } /* config: topic background hover */

/****************************************************************************/

td.subtopic_select
{
  border-color: #B59A57; /* config: topic background */
  background-color: #FFFF66; /* config: topic select background */
  color: #000000;  /* config: topic select textcolor */
  font-family: Arial, Helvetica, Sans;
  font-size: 14px;
  vertical-align: middle;
  padding-right: 0.25em;
  padding-left: 1.25em;
  -webkit-border-radius: 10px; 
  -moz-border-radius: 10px; 
  border-radius: 10px; 
}

td.subtopic_select a         { width:100%; display:block; }
td.subtopic_select a:link    { text-decoration:none; color: #000000; } /* config: topic select textcolor */
td.subtopic_select a:visited { text-decoration:none; color: #000000; } /* config: topic select textcolor */
td.subtopic_select a:hover   { text-decoration:none; color: #000000; } /* config: topic select textcolor */

/****************************************************************************/
/* Round corners of navigation items */


#sitetable
{
border-collapse: separate; /* bootstrap compensation */
background-color: transparent;
}

td.topic_parent, td.topic_normal, td.topic_select, table.rounded_table, #maintable
{
  border-collapse: separate; /* bootstrap compensation */
  border-style: solid;
  border-width: 2px;
  -webkit-border-radius: 10px; 
  -moz-border-radius: 10px; 
  border-radius: 10px; 
}


#maintable
{
border-collapse: separate; /* bootstrap compensation */
border-top-color: #000000;
border-right-color: #000000;
border-left-color: #000000;
border-bottom-color: #000000;
background-color: #FFFFFF; /* config: content background maintable */
}

#lowertable
{
border-collapse: separate; /* bootstrap compensation */
background-color: #FFFFFF; /* config: content background lowertable */
}

#uppertable
{
border-collapse: separate; /* bootstrap compensation */
border-spacing: 0;
width: 100%;
border-width: 0 0 0 0;
border-bottom-width: 2px;
background-color: #000000; /* config: title background */
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}


#sitetitletable
{
  border-collapse: separate; /* bootstrap compensation */
  -webkit-border-radius: 10px; 
  -moz-border-radius: 10px; 
  border-radius: 10px; 
}


/*background-color: #000000; /* config: title background */
/*
#titlecell
{
border-color: #000000;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
*/

/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
table.esm_tab_table
{
  border-collapse: separate; /* bootstrap compensation */
}

td.titletab
{
  border-collapse: separate; /* bootstrap compensation */
  white-space: nowrap;
  color: #000000;
  border-color: #000000;
  font-family: Arial, Helvetica, Sans;
  font-size: 18px;
  font-weight:bold;
  text-align: center;
  padding-right: 10px;
  padding-left: 10px;

  white-space: nowrap;
 
  border-bottom-color: #000000;
  border-style: solid;
  border-width: 0 0 0 0;
  border-bottom-width: 2px;
  padding: 0px;
}

td.normaltab
{
  border-collapse: separate; /* bootstrap compensation */
  white-space: nowrap;
  background-color: #FFCC66; /* config: tool normal tab */
  color: #000000;
  border-color: #000000;
  font-family: Arial, Helvetica, Sans;
  font-size: 12;
  font-weight:bold;
  text-align: center;
  padding-right: 10px;
  padding-left: 10px;

  border-style: solid;
  border-width: 2px;

  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

td.normaltab a:link    { text-decoration:none; color: #000000; }
td.normaltab a:visited { text-decoration:none; color: #000000; }
td.normaltab a:hover   
{ 
text-decoration:none; 
color: #000000; 
background-color: #FFFF66; /* config: topic select background */ 
} 
td.normaltab:hover
{
color: #000000;
background-color: #FFFF66; /* config: topic select background */ 
}

/****************************************************************************/

td.selecttab
{
  border-collapse: separate; /* bootstrap compensation */
  white-space: nowrap;
  border-color: #000066;
  background-color: transparent;
  border-bottom-color: transparent;
  color: #000000;
  font-family: Arial, Helvetica, Sans;
  font-size: 12;
  font-weight:bold;
  text-align: center;
  padding-right: 10px;
  padding-left: 10px;

  border-style: solid;
  border-width: 2px;

  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

td.selecttab a:link    { text-decoration:none; color: #000000; }
td.selecttab a:visited { text-decoration:none; color: #000000; }
td.selecttab a:hover   { text-decoration:none; color: #000000; }

/****************************************************************************/

td.spacertab
{
  border-collapse: separate; /* bootstrap compensation */
  border-bottom-color: #000000;
  border-style: solid;
  border-width: 0 0 0 0;
  border-bottom-width: 2px;
  padding: 0px;
}

/****************************************************************************/

table.toolmargin
{
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 4px;
  margin-right: 4px;
}

/****************************************************************************/
textarea, select, input
{
font-family: Arial, Helvetica, Sans;
font-size: 12px;
important;
}

td.toollistheading
{
background-color: #FFCC66; /* config: tool data table */
font-weight:bold;
font-size: 12px;
white-space: nowrap;
vertical-align:middle;
}

td.toollabel
{
background-color: #FFCC66; /* config: tool data table */
font-weight:bold;
font-size: 12px;
white-space: nowrap;
vertical-align:top;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 4px;
padding-left: 4px;
}

td.toolerror
{
background-color: #FFFF66; /* config: tool error */
font-weight:bold;
font-size: 12px;
white-space: nowrap;
vertical-align:top;
}

td.toolvalue
{
font-size: 12px;
vertical-align:top;
}

td.toolvaluenowrap
{
font-size: 12px;
white-space: nowrap;
vertical-align:top;
}

/****************************************************************************/
/****************************************************************************/
td.sitelogin
{
  font-size: 12px;
  font-family: Arial, Helvetica, Sans;
  text-align: right;
  color: #000000;
}

td.siteloginleft
{
  font-size: 12px;
  font-family: Arial, Helvetica, Sans;
  text-align: left;
  color: #000000;
}

#sitelogin, #sitelogin_visible, #sitepassword
{
  font-family: Arial, Helvetica, Sans;
  font-size: 10px;
  font-weight: normal;
  color:#000000;            /* config: login char color */
  background-color:#DDDDDD;
}

#sitelogoutbutton, #siteloginbutton
{
  font-size: 10px;
}

/** POD **/
a.u:link { text-decoration:none; }
a.u:visited { text-decoration:none; }
a.u:active { text-decoration:none; }
a.u:hover { text-decoration:none; } 

/** http://search.cpan.org/~jamadam/Syntax-Highlight-Engine-Simple-Perl-0.02/lib/Syntax/Highlight/Engine/Simple/Perl.pm **/
pre.program_code span.keyword {color: #00f}
pre.program_code span.keyword2 {color: #808}
pre.program_code span.number {color: #f00}
pre.program_code span.identifier {color: #a66}
pre.program_code span.function {color: #a66; text-decoration: underline}
pre.program_code span.method {color: #a66; text-decoration: underline}
pre.program_code span.variable {color: #f80}
pre.program_code span.statement {color: #00f}
pre.program_code span.comment {color: #080}
pre.program_code span.perlpod {color: #080}
pre.program_code span.quote {color: #a66}
pre.program_code span.wquote {color: #600}
pre.program_code span.value {color: #a66}
pre.program_code span.regexp_statement {background: #ffa}
pre.program_code span.tag {color: #00f}
pre.program_code span.url {color: #00f; text-decoration: underline}


table.esm_tool_main
{
  border-style: solid;
  width: 100%;
  border-spacing: 0;
  border-width: 2px;
  border-color: #000000;
  background-color: #000000;

  -webkit-border-radius: 10px; 
  -moz-border-radius: 10px; 
  border-radius: 10px; 
}

td.esm_title
{
  white-space: nowrap;
  background-color: #000000;
  color: #FFFFFF;
  border-color: #000000;
  font-family: Arial, Helvetica, Sans;
  font-size: 16px;
  font-weight:bold;
  text-align: left;
  padding: 4px;

  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

td.esm_container
{
  white-space: nowrap;
  background-color: #FFFFFF;
  color: #000000;
  border-color: #FFFFFF;
  font-family: Arial, Helvetica, Sans;
  padding: 4px;

  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

td.esmlistheading
{
background-color: #CCCCCC;
font-weight:bold;
font-size: 12px;
white-space: nowrap;
vertical-align:middle;
}

/*************************************************/


td.infobox_container
{
  padding: 10px;
  vertical-align: top;
}

table.infobox
{
  border-style: solid;
  width: 250px;
  border-spacing: 0;
  border-width: 1px;
  border-color: #000000;
  background-color: #FFFFFF;
  -moz-box-shadow: 5px 5px 5px black;
  -webkit-box-shadow: 5px 5px 5px black;
  box-shadow: 5px 5px 5px black;
}

table.infobox td
{
  vertical-align: top;
  white-space: nowrap;
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, Sans;
  padding: 8px;
}

table.infobox th
{
white-space: nowrap;
background-color: #000000;
color: #FFFFFF;
border-color: #000000;
font-family: Arial, Helvetica, Sans;
font-size: 20px;
font-weight:bold;
text-align: center;
vertical-align: middle;
padding: 8px;
}

span.infobox_link
{
  text-decoration: none;
  background-color: transparent;
}

a.infobox_link:link    { text-decoration:none; color: #FFFFFF; }
a.infobox_link:visited { text-decoration:none; color: #FFFFFF; }
a.infobox_link:hover   { text-decoration:none; color: #FFFFFF; }
a.infobox_link:active   { text-decoration:none; color: #FFFFFF; }


table.infobox th.team1_c1 { background-color: #7D1B7E;}
table.infobox th.team1_c2 { background-color: #7D7B1A;}
table.infobox th.team1_c3 { background-color: #1A7D7B;}
table.infobox th.team2_c1 { background-color: #7F462C;}
table.infobox th.team2_c2 { background-color: #2D8047;}
table.infobox th.team2_c3 { background-color: #472D80;}

table.infobox th.ext_color1 { background-color: #C88A11;}
table.infobox th.ext_color2 { background-color: #FFD18B;}
table.infobox th.ext_color3 { background-color: #E5C19F;}
table.infobox th.ext_color4 { background-color: #572700;}
table.infobox th.ext_color5 { background-color: #781D7E;}
table.infobox th.ext_color6 { background-color: #D492B3;}
table.infobox th.ext_color7 { background-color: #008C7F;}
table.infobox th.ext_color8 { background-color: #93A445;}
table.infobox th.ext_color9 { background-color: #CC0033;}


table.site_intro_box
{
  width: 450px;
  padding: 8px;
  vertical-align: top;
  border-style: solid;
  border-spacing: 0;
  border-width: 1px;
  border-color: #000000;
  background-color: #FFFFE0;
}

table.site_intro_box td
{
  font-size: 16px; 
  font-weight: normal;
  vertical-align: top;
  font-family: Arial, Helvetica, Sans;
  padding: 8px;
}

/*************************************************/
/* override for bootstrap */
/*************************************************/

.form-group {
    margin-bottom: 10px;
}

/* prevent tabs from wrapping */
.nav-tabs > li {
    float: none;
    display: inline-block;
    margin-bottom: -1px;
}

/*
.nav-tabs > li > a {
    background-color: #FFFF66;  config: topic select background  
}
.nav-tabs {
    border-bottom: 1px solid #000;
}
*/

/* pad tabs with 5px instead of 10px */
.nav > li > a {
    padding: 5px 15px;
}

.control-label {
    white-space: nowrap;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 0px;
}


input[type="radio"], input[type="checkbox"] {
    line-height: normal;
    margin: 4px 4px 0;
}

.hasDatepicker {
  display: inline;
  width: 50%;
  margin-right: 0.2em;
  }
  
/* site heading */
.page-header a {
  color: #FFFFFF; /* config: site title textcolor */
}

.page-header small {
  color: #FFFFFF; /* config: site title textcolor */
  font-size: 16px;
}

.page-header {
    border-bottom: 1px solid #eee;
    margin: 10px 0 10px;
    padding-bottom: 9px;
}



.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 999px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}

input[readonly] {
  background-color: white !important;
  cursor: text !important;
}