/**********************************************************************************
* 
* © 2018 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
* Website: www.ecliptictech.com
* Email: info@ecliptictech.com
*
* Name: base.css
* Description: Base styles for www.customerinformationportal.com
*
***********************************************************************************/

/* Body 
----------------------------------------------------------------------------------*/

/* base reset */
*
	{
    margin:0;
    padding:0;
    font-size:100%;
	font-family:inherit;
    }

body
	{
	font:normal 100% Montserrat, Arial, Helvetica, sans-serif;
	color:#000;
	line-height:1.5em;
	background-color:#fff;
	}

#caution-container
	{
    margin:0 auto;
    width:100%;
    font-size:1em;
    color:#000;
    text-align:center;
    background:#ff0;
    }

#IEreminder p
	{
    padding:4px 0;
	font-size:1em;
    color:#000;
    text-align:center;
    }

#IEreminder a
	{
	color:#999;
	text-decoration:none;
	border-bottom:1px solid #999;
	}

#IEreminder a:hover, #IEreminder a:active, #IEreminder a:focus
	{
	color:#000;
	background:none;
	border-bottom:1px solid #000;
	}

object, iframe
	{
    display:block;
	max-width:100%;
    margin:0.5em 0 1.5em;
	border:none;
    }

*:first-child+html embed
	{
    margin:0.5em 0 1.5em;
    }

* html embed
	{
    margin:0.5em 0 1.5em;
    }

@media screen and (max-width:480px)
    {
    html
		{
        -webkit-text-size-adjust:none; /* prevent text resize in iPhones */
        }
    }

@media screen and (min-width:768px)
    {
    body
	    {
	    font-family:Montserrat, Arial, Helvetica, sans-serif;
        background-color:#545454;
	    }
    }


/* Base text
----------------------------------------------------------------------------------*/

h1
	{
    font-size:1.25em;
    color:#fff;
	line-height:1em;
	}

h2
	{
	margin-bottom:0.5125em;
	padding-bottom:0.15em;
	font-weight:700;
	font-size:1.75em;
	/*font-family:"Montserrat", "Lato", Arial, Helvetica, sans-serif;*/
	color:#505050;
	line-height:1.10em;
	border-bottom:1px solid #c0c0c0;
	}

h3, h4
	{
    line-height:1em;
    }

h3, h4, h5, h6
	{
    font-weight:700;
    }

h3
	{
	font-weight:700;
	font-size:1.5em;
	/*font-family:"Montserrat", "Lato", Arial, Helvetica, sans-serif;*/
	}

.clearheading
	{
	clear:both;
	}

h4
	{
	font-size:1.375em;
	}

h5
	{
	font-size:1.25em;
	}
	
h6
	{
	font-size:1.125em;
	}

h3 + h3, h3 + h5, h5 + h3, h5 + h5, h3 + .content-blocks, h5 + .content-blocks, h3 + .content-blocks-3x, h5 + .content-blocks-3x, h3 + .content-blocks-quarter, h5 + .content-blocks-quarter, h3 + .btn-callout, h5 + .btn-callout
	{
    margin-top:1em;
    }

h3 + table, h5 + table
	{
    margin-top:0.75em;
    }

.xtarget:target
	{
    margin-top:-112px;
    padding-top:112px;
    }

p, ul, ol, time, pre
	{
	font-size:1em;
	}

p
	{
	padding-bottom:1.5em;
	}

ul, ol
	{
	padding:0 0 1.5em 2em;
    }

.layoutlist
	{
	padding:0;
	font-size:1em;
	list-style-type:none;
	}

.layoutlist a
	{
	border:none;
	}

time
	{
	padding-bottom:1.5em;
	font-style:italic;
	color:#505050;
    }

.daterange
	{
    display:inline-block;
    }

#eventlist time, #eventlist-side time
	{
    padding:0;
    }

blockquote
	{
	margin:0 1.5em;
	}

pre
	{
    padding:1em;
    margin-bottom:1.5em;
    background:#f1f1f1;
    border:1px solid #c0c0c0;
    white-space:pre-wrap; /* css-3 */
    white-space:-moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space:-pre-wrap; /* Opera 4-6 */
    white-space:-o-pre-wrap; /* Opera 7 */
    word-wrap:break-word; /* Internet Explorer 5.5+ */
    }

ul ul, ol ul, ol ol, ol ul ul
	{
    padding-bottom:0;
    font-size:1em;
    }

ol ol
	{
    list-style:lower-alpha;
    }

ol ol ol
	{
    list-style:lower-roman;
    }

@media screen and (min-width:481px)
    {
    body
		{
	    line-height:1.3125em;
	    }

    h1
	    {
        font-size:1em;
	    }
	
	h2
		{
	    font-size:1.625em;
	    }
	
    h3
		{
	    font-size:1.4375em;
	    }
    	
    h4
		{
	    font-size:1.3125em;
	    }

    h5
		{
	    font-size:1.1875em;
	    }
	
	h6
		{
	    font-size:1.0625em;
	    }
    	
    p, ul, ol, time, pre
		{
	    font-size:0.875em;
	    }
	}


/* Links
----------------------------------------------------------------------------------*/

a
	{
	color:#606060;
	text-decoration:none;
	border-bottom:1px solid #606060;
	}

a:hover, a:active, a:focus
	{
	color:#000;
	background-color:#eaeaea;
	}

a:active
	{
    outline:none;
    }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
	{
    text-decoration:none;
    border:none;
    }

h1 a:hover, h1 a:active, h1 a:focus
	{
    background-color:transparent;
    }

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
	{
    color:#000;
    border-bottom:1px solid #606060;
    }


/* Tables 
----------------------------------------------------------------------------------*/

table
	{
    width:100%;
    margin:0.5em 0 1.5em;
    border:none;
    border-collapse:collapse;
    clear:both;
	}

col
	{
    display:table-column;
	}

table tr:nth-child(odd)
	{
    background-color:#f1f1f1;
    }

table th, table td
	{
    vertical-align:top;
	padding:0.125em 8px;
    font-size:1em;
    text-align:left;
    }

table th
	{
    color:#fff;
    background-color:#505050;
    }

table td
	{
    /*margin-bottom:-1px;*/
    /*line-height:1.7085em; /* corrected line-height for added border property, since negative margins don't work */
    /*border-bottom:1px solid #c0c0c0;*/
    }

/* correct sizing when user incorrectly adds paragraph tags with CMS inside table cells */

table th p, table td p, table td ul, table td ol, table td time
	{
    font-size:1em;
    line-height:1.5em;
    }

@media screen and (min-width:481px)
    {
	table th, table td
		{
		font-size:0.875em;
		}
	
	table th p, table td p, table td ul, table td ol, table td time
		{
		line-height:1.3125em;
		}
    }


/* Images 
----------------------------------------------------------------------------------*/

img
	{
	display:block;
	max-width:100%;
	margin-bottom:1.5em;
	border:none;
    }

h2 + img
	{
    margin-top:1em;
    }

h3 + img, h5 + img, h3 + .imageleft, h5 + .imageleft, .imagesticky
	{
    margin-top:0.3125em;
    }

.imageleft, .imageright, .imageleftsmall, .imagerightsmall, .imagecenter, .imagefull
	{
    padding:0;
    font-style:italic;
    clear:both;
    }

.imageleft, .imageright, .imageleftsmall, .imagerightsmall, .imagecenter
	{
    margin:0 auto 1.5em;
    }

.imagesticky
	{
    float:left;
    margin-right:1.5em;
    }

.imageleft img, .imageright img, .imageleftsmall img, .imagerightsmall img
	{
	margin-bottom:0.5em;
    }

/**** tentative figure styling to force caption wrapping - 10/17/2017 ****/

figure
	{
    width:-webkit-min-content;
    width:-moz-min-content;
    width:min-content;
    }

figure img
	{
    max-width:none;
    }

@media screen and (min-width:281px)
    {
    .imageleftsmall, .imagerightsmall
		{
        max-width:51%;
        }
	
	.imageleftsmall
		{
		float:left;
		margin-right:1.3125em;
        }

    .imagerightsmall
		{
        float:right;
		margin-left:1.3125em;
        }
    }

@media screen and (min-width:481px)
    {
    img
		{
	    margin-bottom:1.3125em;
        }
	
	.imageleft, .imageright
		{
        max-width:49%;
        }
	
	.imageleft
		{
		float:left;
		}

    .imageleft, .imagesticky
		{
        margin-right:1.3125em;
        }

    .imageright
		{
        float:right;
		margin-left:1.3125em;
        }

    .imagecenter
		{
	    margin-bottom:1.3125em;
	    }
    }


/* HTML 5 element fixes
----------------------------------------------------------------------------------*/

header, nav, section, article, aside, footer, time, audio, video, canvas, figure, figcaption, mark
	{
    display:block;
    }


/* Container
----------------------------------------------------------------------------------*/

#container, #container-register
	{
	position:relative; /* this needs to be in place if "overflow:hidden" is used, or IE7 will crap the bed */
	width:100%;
	background-color:#fff;
	overflow:hidden;
	}

@media screen and (min-width:768px)
    {
    #container
	    {
	    width:500px;
	    margin:75px auto 0;
	    }

    #container-register
	    {
	    width:720px;
	    margin:40px auto 0;
	    }
    }

@media screen and (min-width:924px)
    {
    #container-register
	    {
	    width:900px;
	    }
    }


/* Header
----------------------------------------------------------------------------------*/

#header
	{
    position:fixed;
	float:left;
	width:100%;
	height:70px;
	padding:16px 5%;
	border-width:0 0 4px;
	border-style:solid;
	border-color:#b0b0b0;
	z-index:2;
    -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-moz-box-shadow:0 -4px 8px 4px #202020;
	-webkit-box-shadow:0 -4px 8px 4px #202020;
	box-shadow:0 -4px 8px 4px #202020;
    }

#logo
	{
    margin:0 auto 1.5em;
    }

@media screen and (min-width:481px)
    {
    #header
		{
	    padding:10px 4%;
        }
    }

@media screen and (min-width:768px)
    {
    #header
		{
	    position:static;
	    width:100%;
	    height:auto;
	    padding:9px 10px;
	    border-width:1px;
	    border-color:#fff;
	    z-index:2;
	    -moz-box-shadow:none;
	    -webkit-box-shadow:none;
	    box-shadow:none;
        }
    }


/* Main background
----------------------------------------------------------------------------------*/

#main
	{
    float:left;
    width:100%;
	margin-top:60px;
    padding:20px 5% 0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
    }

@media screen and (min-width:481px)
    {
    #main
		{
	    padding:20px 4% 0;
        }
    }

@media screen and (min-width:768px)
    {
    #main
	    {
	    margin-top:0;
        padding:0;
        }

    #container-register #main
        {
        padding:1.5em 1.5em 0;
        }
    }


/* Content
----------------------------------------------------------------------------------*/

#content
	{
	float:left;
	width:100%;
	}

#content h3, #content h5, #content p, #content ul, #content ol
	{
    text-align:left !important;
    }

.btn-simple
	{
    position:relative;
	padding:0.3125em 0.375em 0.25em;
    font-weight:700;
    font-size:1em;
	font-family:"Montserrat", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
    background-color:#333;
	border:2px solid #333;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	cursor:pointer;
    }

.btn-simple:hover, .btn-simple:focus
	{
    color:#0c0c0c;
	background-color:#b0b0b0;
	border-color:#b0b0b0;
    }

@media screen and (min-width:481px)
    {
    }

@media screen and (min-width:671px)
    {
    }

@media screen and (min-width:768px)
    {
    }


/* Supplemental
----------------------------------------------------------------------------------*/

.supplemental
	{
    float:left;
    width:100%;
    padding:1.5em 5% 0.5em;
    /*border-top:1px solid #c0c0c0;*/
    -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
    }

.supplemental h3
	{
    }

@media screen and (min-width:481px)
    {
    .supplemental
		{
	    padding:1.5em 4% 0.5em;
        }
	
	.supplemental .imageleft
		{
        margin-right:4%;
        }

    .supplemental .imageright
		{
        margin-left:4%;
        }
	
	.supplemental h3
		{
        }
    }

@media screen and (min-width:768px)
	{
    #supplemental-register
        {
        padding:8px 10px;
        color:#fff;
        border:1px solid #fff;
        }

    #supplemental-register p
        {
        padding:0;
        }

    #supplemental-register a
        {
        color:#fff;
        background-color:transparent;
        border-color:#fff;
        }
	}


/* Footer
----------------------------------------------------------------------------------*/

#footer
	{
    float:left;
    width:100%;
    padding:1em 5% 0;
    background-color:#1a1a1a;
	border-top:4px solid #b0b0b0;
    }

#footer p
	{
	color:#c0c0c0;
    }

#footer a
    {
    color:#808080;
    border-bottom-color:#808080;
    }

#footer a:hover, #footer a:active, #footer a:focus
	{
    color:#fff;
    background-color:transparent;
    border-bottom-color:#fff;
    }

@media screen and (min-width:481px)
    {
    #footer
		{
	    width:100%;
	    padding:1em 4% 0;
        }
    }

@media screen and (min-width:768px)
    {
    #footer
        {
        text-align:center;
        background-color:#545454;
	    border-top:none;
        }

    #footer p
        {
        color:#fff;
        }

    #footer a
        {
        color:#fff;
        background-color:transparent;
        border-color:#fff;
        }
    }


/* Simple form
----------------------------------------------------------------------------------*/

.simpleform
	{
    width:100%;
    margin-bottom:1.5em;
    clear:both;
    }

.simpleform fieldset
	{
    padding:0;
    border:none;
    }

.simpleform fieldset legend
	{
    padding:0;
	font-weight:400;
    font-size:1.375em;
    font-family:Georgia, "Times New Roman", Times, serif;
    border:none;
    }

.simpleform legend + h5
	{
    margin-top:1.5em;
    }

.simpleform ol, .simpleform ul
	{
    padding-left:0;
    font-size:1em;
    list-style:none;
    }

.simpleform li
	{
	left:0;
	}

.simpleform label, .simpleform .textbox, .simpleform .mediumtextbox, .simpleform .shorttextbox, .simpleform textarea
	{
    display:block;
    font-size:1em;
    }

.simpleform .textbox, .simpleform .mediumtextbox, .simpleform .shorttextbox, .simpleform textarea, .simpleform .checkbox, .simpleform .btn-form
	{
    margin-bottom:1.5em;
    }

.simpleform .textbox, .simpleform .mediumtextbox, .simpleform .shorttextbox, .simpleform textarea
	{
    padding:0.25em;
    background:#fff;
    -moz-box-shadow:inset -1px 1px 0.125em #e5e5e5;
    -webkit-box-shadow:inset -1px 1px 0.125em #e5e5e5;
    box-shadow:inset -1px 1px 0.125em #e5e5e5;
    border:1px solid #c0c0c0;
    -moz-border-radius:0.25em;
	-webkit-border-radius:0.25em;
	border-radius:0.25em;
    }

.simpleform .textbox
	{
    width:272px;
    margin-left:0;
    }

.simpleform fieldset .mediumtextbox
	{
    width:8em;
    }

.simpleform fieldset .shorttextbox
	{
    width:4em;
    }

.simpleform textarea
	{
    width:55%;
    height:100px;
    }

.simpleform .checkbox, .simpleform .checkbox input
	{
    float:left;
    }

.simpleform .checkbox input
	{
    padding-right:0.5em;
    }

.simpleform .standalonelabel
    {
    margin-bottom:1.5em;
    }

.simpleform .standalonelabel input
    {
    margin-right:0.3125em;
    }

.simpleform .btn-form
	{
	width:150px;
    font-size:0.875em;
    margin:1em 0.5em 1.5em 0;
	}

@media screen and (min-width:481px)
    {
    .simpleform
        {
        width:84%;
        padding:0 8%;
        }

    #container-register .simpleform
        {
        width:100%;
        padding:0;
        }
    
    .simpleform li
		{
        padding:0;
        }
    
    .simpleform label, .simpleform .textbox, .simpleform .mediumtextbox, .simpleform .shorttextbox, .simpleform textarea, .simpleform .fileupload
		{
        font-size:0.875em;
        }

    .simpleform .textbox, .simpleform .mediumtextbox, .simpleform .shorttextbox, .simpleform textarea, .simpleform .fileupload
		{
        display:inline;
        -moz-border-radius:0;
	    -webkit-border-radius:0;
	    border-radius:0;
        }
	
	.simpleform .textbox, .simpleform .mediumtextbox, .simpleform .shorttextbox, .simpleform textarea, .simpleform .checkbox
		{
		margin-bottom:1.3125em;
		}

    .simpleform label
		{
        position:relative;
		top:6px;
		display:inline-block;
		width:30%;
		padding:0 2% 10px 0;
		font-weight:400;
        text-align:right;
		vertical-align:top;
        }

    #container-register .simpleform label
		{
		width:26%;
        padding:0 2% 10px 0;
        }

    .simpleform .standalonelabel, .simpleform .btn-form, .simpleform .returnlink
        {
        margin-left:33%;
        }

    .simpleform .standalonelabel, #container-register .simpleform .standalonelabel
        {
        width:auto;
        padding:0;
        text-align:left;
        }

    #container-register .simpleform .standalonelabel, #container-register .simpleform .btn-form
        {
        margin-left:28.5%;
        }

	.simpleform .textbox, .simpleform .mediumtextbox, .simpleform .shorttextbox, .simpleform select, .simpleform textarea
		{
		margin:4px 0 6px;
		vertical-align:text-top;
		}

    .simpleform .text-nofield
		{
		display:inline;
		position:relative;
		top:4px;
		}
	
	.simpleform .textbox, .simpleform textarea
		{
		width:60%;
		}

	.simpleform .mediumtextbox
		{
		width:8em;
		}

	.simpleform .shorttextbox
		{
		width:4em;
		}

    .simpleform .btn-form
	    {
        display:inline-block;
        font-size:0.75em;
        }
    }

@media screen and (min-width:924px)
    {
    #container-register .simpleform label
		{
		width:21%;
        padding-right:1%;
        }

    #container-register .simpleform .standalonelabel, #container-register .simpleform .btn-form
        {
        margin-left:22.5%;
        }
    }


/* Form field dynamic styles
----------------------------------------------------------------------------------*/

.basicform fieldset .textbox-focus, .basicform fieldset .shorttextbox-focus, .basicform fieldset select.focus, .basicform fieldset textarea.focus, .simpleform .textbox-focus, .bodyText .textbox-focus, .orderbox input.textbox-focus, .orderbox select.textbox-focus, .orderbox textarea.textbox-focus, .content-store input.textbox-focus, .content-store select.textbox-focus, .content-store textarea.textbox-focus
	{
    border:1px solid #808080;
    }


/* Horizontal rules
----------------------------------------------------------------------------------*/

hr
	{
	visibility:hidden;
	height:1%;
	}

.hr
	{
	margin-bottom:1.5em;
	border-top:1px solid #c0c0c0;
	clear:both;
	}


/* Miscellaneous
--------------------------------------------------------------------------------*/

.warning, .basicform fieldset label.warning, .errorText
	{
	font-weight:700;
	color:#dd2c00;
    }

.basicform fieldset .warning-border, .simpleform .warning-border
	{
    border-color:#dd2c00;
    }

.normal
	{
	font-weight:normal;
    }

.success
	{
    font-weight:700;
	color:#288028;
    }

#printtext span
	{
    display:block;
    margin-top:0.75em;
    }

.hidden
	{
    display:none;
    }

@media screen and (min-width:481px)
    {
    #container p.warning
        {
        margin-left:33%;
        }

    #container-register p.warning
        {
        margin-left:22.5%;
        }
    }


.alert {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}