/******************************************************************************/
/* Copyright (c) 2018 Integral Consulting Inc.                                               */
/* phdp.css                                                         */
/******************************************************************************/

/******************************************************************************/
/* Set standard baseline for all browsers                                     */
/******************************************************************************/

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, font, 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, table, caption, tbody, tfoot,thead, tr, th, td 
    {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    }

body
    {
    line-height: 120%;
    }

ol, ul
    {
    list-style: disc outside;
    }

blockquote, q
    {
    quotes: none;
    }

blockquote:before, blockquote:after, q:before, q:after
    {
    content: '';
    content: none;
    }

/******************************************************************************/
/* System-specific CSS                                                        */
/******************************************************************************/

/******************************************************************************/
/* Defaults for tags                                                          */
/******************************************************************************/

dl
    {
    margin-left: 0.5em;
    }

ul, ol
    {
    margin-top: 0.1em;
    }

tr, th, td
    {
    vertical-align: top;
    }

li
    {
    margin-top: 0.1em;
    margin-left: 2em;
    }

dt
    {
    margin-top: 0.5em;
    }

dd
    {
    margin-left: 3em;
    }

small
    {
    font-size: 0.75em;
    }

/******************************************************************************/
/* Custom                                                                     */
/******************************************************************************/

body
    {
    margin: 0 auto;
    padding: 5px 10px;
    background-color: #FFFF;
    font-size: 14px;
    color: rgb(91, 155, 213);
    font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
    }

/******************************************************************************/
/* Default tag attributes                                                     */
/******************************************************************************/

input, option, textarea, button, table, h1, h2, h3, h4 {
    font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
    font-size: 1em;
    color: rgb(91, 155, 213);
    }

h1, h2, h3 {
    background: #FFFFFF;
    /*border-bottom: 2px solid rgb(91, 155, 213);*/
    color: rgb(91, 155, 213);
    margin: 10px 5px 10px 5px;
    padding: 6px 3px 6px 2px;
    clear: both;
    }

h1 { 
    font-size: 1.6em;
    padding-left: 4px;
    }

h2 { 
	font-size: 1.4em;
	border-top: 3px solid rgb(91, 155, 213);
	border-bottom: 0 none;
	padding-left: 0;
	}

h3 {
    font-size: 1.2em;
    padding-left: 4px;
    border-bottom: 0px;
    color: rgb(91, 155, 213);
    margin-top: 1em;
    background: transparent;
    }

h3 a {
    color: #9E650A;
    border-bottom: 0px;
    }

p {
    margin-top: 0.75em;
    margin-left: 0.25em;
    line-height: 1.4;
    }

p.plain {
	color: black;
	}

p.abstract {
	color: black;
	margin-left: 3em;
	margin-right: 3em;
	margin-bottom: 2em;
	font-style: italic;
	}

h2 + p, h3 + p {
    margin-top: 0.4em;
    }

tr, td:first-child, th:first-child {
    vertical-align: top;
    }

tr:first-child th {
    vertical-align: bottom;
    }

table.form th, table.form th label {
    vertical-align: top;
    }

table label {
    display: inline-block;
    width: 100%;
    text-align: right;
    }

/******************************************************************************/
/* Class styles, id styles, and overrides of tag styles                       */
/******************************************************************************/

/*
#bodycontent {
	max-width: 70em;
	}
*/
p, h1, h2, h3, h4 {
	max-width: 60em;
	}

#maintitle {
	color: #ef7d31;
	font-variant: small-caps;
	font-weight: normal;
	font-size: 2em;
	text-align: center;
	}

#maintitle a {
	color: #ef7d31;
	text-decoration: none;
	}

#maintitle a:hover {
	color: #d96420;
	text-decoration: none;
	}

#pageheader {
	clear: both;
	overflow: hidden;
	float: left;
	width: 100%;
	}

#logoheader {
    float: left;
    margin: 0 1.0em 0.5em 0.5em;  /* top, right, bottom, left */
    }

#header_login {
    float: right;
    text-transform: none;
    font-weight: normal;
    color: #000;
    font-size: 12px;
    margin: 1.0em 1.5em 0.0em 0.0em;  /* top, right, bottom, left */
    }

#site_intro {
	max-width: 60em;
    border-bottom: 2px solid rgb(91, 155, 213);
	border-top: 2px solid rgb(91, 155, 213);
	margin-bottom: 1em;
	}

#site_intro h1 {
	max-width: 60em;
	text-align: center;
	}

#pagedetail {
	margin-top: 2em;
	}

div#tablewrapper {
	margin-top: 1em;
	}

p.document {
	margin-top: 1.5em;
	}

.spaced {
	/* Primarily for extra spacing above header elements. */
	margin-top: 25px;
	}

.identifier {
	/* Intended to highlight identifiers in headers using a span element. */
	color: #FEDC75;
	font-style: italic;
	}

.faint {
    color: #aaa;
    }

.inline {
    display: inline;
    }

.emph { 
    color: #9E650A;
    font-weight: bold;
    font-size: 1.1em;
    }

table.data {
	margin-right: 10px;
    width: 100%;
    border-right: 1px solid rgb(91, 155, 213);
    }

tr.odd td {
	background-color: #deebf7 !important;
	}

table.data th {
    padding: 3px;
    background: rgb(91, 155, 213);
	color: white;
    font-size: 1em;
    border-bottom: 1px solid rgb(91, 155, 213);
    }

table.data tr th:first-child {
    border-left: 1px solid rgb(91, 155, 213);
    }

table.data td {
    padding: 3px 8px 3px 3px;
    border: 1px solid rgb(91, 155, 213);
    border-width: 0 0 1px 1px;
	font-weight: bold;
    }

table.data, table.data td {
	background-color: #FFFFFF;
	}

table.data td.highlight {
	background-color: #F6F0DF;
	}

table.tight {
	width: 100%;
	padding: 0;
	border-collapse: collapse;
	}
table.tight th {
	font-weight: bold;
	}
table.tight td:first-child, table.tight th:first-child {
	width: 15em;
	text-align: left;
	}
table.tight td.rjust {
	text-align: right;
	padding-right: 5px;
	}
	
.imagelink {
	cursor:pointer;
	}
	
.spinner {
	position: fixed;
	top: 50%;
    left: 50%;
    margin-left: -50px; /* half width of the spinner gif */
    margin-top: -50px; /* half height of the spinner gif */
    text-align:center;
    z-index:1234;
    overflow: auto;
    width: 100px; /* width of the spinner gif */
    height: 102px; /*height of the spinner gif +2px to fix IE8 issue */
	}
	
.upload_form {
	background-color:#FFFFFF;
	padding-top: 2px;
	padding-bottom: 8px;
	margin-bottom: 10px;
	}

.nowrap
    {
    white-space: nowrap; 
    }

.lastcol 
    {
    width: 100%;
    }

#header
    {
    background-color: #FFFFFF;
    padding: 0px;
    padding-bottom: 2px;
    }

#header table
    {
    margin-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    background: #FFFFFF;
    }

#header tr, #header td
    {
    vertical-align: middle;
    }

#projectname
    {
    padding-right: 4em;
    font-size: 2.1em;
    font-weight: bold;
    text-align: center;
    color: rgb(91, 155, 213);
    }

#projectlogo
    {
    float: right;
    margin: 0 10px 0 0;
    height: 50px;
    }

#header_menu
    {
    position: relative;
    }

#content
    {
    border-top: 3px solid rgb(91, 155, 213);
    margin: 0px 0px 0px 228px;
    padding: 3px;
    }
	

ul.simple_items
    {
    margin: 0;
    padding: 0;
    }

ul.simple_items li
    {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-indent: 0;
  }

div.buttons
    {
    margin-left: 1.5em;
    }

input[type=submit] {
	display: block;
	margin-left: 20em;
	margin-bottom: 2em;
	text-align: center;
	background-color: #FFFFFF;
	color: rgb(91, 155, 213);
	display: inline-block;
	padding: 2px 8px;
	text-decoration: none;
	box-sizing: border-box;
}
div.mainmenu
    {
    background: #FFFFFF;
    width: 100%;
    padding: 3px 0;
    margin: 2px 0;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    font-size: 12px;
    text-transform: uppercase;
    color: black;
    font-weight: bold;
    }

div.submenu
    {
    background: white;
    width: 99.5%;
    padding: 3px 0;
    margin: 2px 0;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    color: rgb(91, 155, 213);
    font-weight: bold;
    }

div.mainmenu ul, div.submenu ul
    {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    }

div.mainmenu li, div.submenu li
    {
    display: inline;
    padding: 0 8px;
    margin: 0;
    border-right: 1px solid #fff;
    }

div.mainmenu li a, div.submenu li a
    {
    color: #484848;
    }

div.mainmenu li a:hover, div.submenu li a:hover
    {
    color: #FDCA30;
    }

.doc_id
    {
    font-weight: normal;
    color: #aaa;
    }


/******************************************************************************/
/* Django-specific styles                                                     */
/******************************************************************************/
.form_required {
	color: #79001B;
	}

.form_error {
	font-weight: bold;
	color: #ff0000;
	}

/*  Django doesn't actually apply the form_error_class to error messages,     */
/* as the documentation says.  It uses an "errorlist" class, though.          */
.errorlist {
	color: #ff0000;
	}

div.django li { margin-left: 0; padding-left: 0; }
div.django li label { text-align: left; margin-left: 3em; text-indent: -3em; }
div.django ul { list-style-type: none; }
div.django th { padding-top: 7px; padding-right: 3px; vertical-align: top; }
div.django form th label { max-width: 15em; }


/******************************************************************************/
/* HTML base templates */
/******************************************************************************/

#two_column_wrapper {
	clear: both;
	}

#left_column {
    overflow: hidden;
    width: 46%;
    float: left;
	margin-bottom: 30px;
    }

#right_column {
    overflow: hidden;
    width: 46%;
    float: right;
	margin-bottom: 30px;
    }

#post_two_columns {
	position: absolute;
	}


/******************************************************************************/
/* Application-specific styles
/******************************************************************************/

table.description {
	width: 100%;
	text-align: left;
	border: 1px solid #AAA;
	}

table.description, table.description td {
	background-color: #FFFFFF;
	}

table.description tr {
    border-bottom: 1px solid #AAA;
	}

table.description th {
	font-weight: bold;
	vertical-align: top;
	padding-top: 5px;
	padding-right: 8px;
	padding-left: 3px;
	text-align: right;
	width: 10em;
	}

table.description th {
    background: #FDCA30;
    font-size: 1em;
    }

table.description td {
	padding-top: 5px;
	padding-left: 3px;
	text-align: left;
    /*padding: 3px 8px 3px 3px;*/
    border: 1px solid #c2c9bd;
    border-width: 0 0 1px 1px;
	}

.bordered {
	border: 1px solid;
	margin: 1.0em 1.0em 0.5em 0.5em;  /* top, right, bottom, left */
	}
	
.bordered h1
	{
	margin: 0px;	
	}