/* /nx/energyx.css */
/* Copyright 1999-2012 Energy X Systems Ltd. All Rights Reserved. */
/* * * * * * * 
 * Notes:
 *   Box: margin | border | padding | inner element
 *   top, right, bottom, left
 * 
 * * * * * * * /
/* -<>--<>--<>--<>--<>--<>--<>--*/

* { margin: 0; padding: 0; border: 0; }
 
body {
    background-color: #AFAFAF;
    color: #000000;
    font-style: normal;
    font-size: 12px;

    /*border: #909090 dashed 1px;*/  /*### TEST ###*/
}

p { padding: 0.5em 0px 0.5em 0px; }

a {
    color: #1DF500; /*bright green*/
    font-size: 1em;
    font-style: normal;
    text-decoration: none;
}

/*img, button, iframe, ul, li, hr, table  { margin: 0; padding: 0; border: 0; }*/

input, option, select {
    background-color: #777777;
    color: #9CC99C;
    font-size: 1em;
    font-family: Sans-Serif;
}

ul, ol { margin-left: 2em; }

/*--<>--<>--<>--<>--<>--<>--<>--*/
/* GENERAL SITE ELEMENTS*/
.exs-name {
    font-family: 'Times New Roman', serif;
    font-variant: small-caps;
   /* font-weight: 700;*/
}

.copyright {  /* text inline */
    /*font-size: 0.750em;*/
    /*font-style: italic;*/
    font-family: sans-serif;
    font-weight: normal;
}

/*--<>--<>--<>--<>--<>--<>--<>--*/
/* HEADER and MASTHEAD */
#masthead {
	/* contains to div elements:
		topbar
		topbanner
		topmenu : defined in mainmenu.css
	*/
	
    position: relative;
    /*width: 1000px;*/
    max-width: 1000px;
    min-width: 870px;
    height: 210px; /* was 147*/
    margin-left : auto;
    margin-right : auto;
    

    /*border: #909090 dashed 1px;*/  /*### TEST ###*/
}
#topbar {
	height: 30px;
	text-align : right;
	vertical-align: middle; /*top;*/
	line-height: 2em; /* used to center text, same as div height */

	color: #6AA6E6; 
	background-color: black; /* fallback color if gradients are not supported */
	background-image: -webkit-linear-gradient(top, black, #555555 70%, #afafaf); /* For Chrome and Safari */
	background-image:    -moz-linear-gradient(top, black, #555555 70%, #afafaf); /* For old Fx (3.6 to 15) */
	background-image:     -ms-linear-gradient(top, black, #555555 70%, #afafaf); /* For pre-releases of IE 10*/
	background-image:      -o-linear-gradient(top, black, #555555 70%, #afafaf); /* For old Opera (11.1 to 12.0) */ 
	background-image:         linear-gradient(to bottom, black, #555555 70%, #afafaf); /* Standard syntax; must be last */
}
#topbanner {
	/* contains elements:
		exslogo
		logoname
	*/
    height: 124px;		/* Pushes down the top menu -- change with masthead.h */
    padding: 10px 15px 10px 17px;
    text-align : left;
    vertical-align: bottom; /*top;*/
}
#exslogo {
    position : absolute;
    top : 70px;
    /*float : left; */
    z-index:3;
    /* left:10px; */
    /* margin-right: 10px; */
    vertical-align : top;
}
#logoname {
    position : absolute;
    top : 90px; /* was 91*/
    left: 155px;
    z-index: 2;
    font-size: 6em;
    font-weight: 700;
    color : #6AA6E6;
}

/* TOP MENU  --  refer to mainmenu.css for real menu with drop downs =)  */

/*--<>--<>--<>--<>--<>--<>--<>--*/
/* FOOTER and DECK */
#bottom-panel {
    position: relative;
    bottom : 0;
    /*width: 1000px;*/
    max-width: 1000px;
    min-width: 400px;
   /* height : 8em;*/
    min-height : 8em; /*12em;*/
    margin-top: 0px;
    margin-left : auto;
    margin-right : auto;
    padding: 10px 1px 1px 1px;
    text-align: center;
    vertical-align: top;

    box-shadow: 1px 0px 4px #8F8F8F, -1px 0px 4px #8F8F8F;  /* x y blur color */
}
#bottom-panel table,
#bottom-panel tbody {
    width: 100%;
    vertical-align: top;
}
#bottom-panel td {
    vertical-align: top;
    margin: 0;
}

.bp001-cell {
    padding: 2px 2px 2px 18px;
}
.bp001-column-head {
    font-size: 1.05em;
    font-weight: 700;
}
.bp001-swash-dark {
    background-color: #53455A;
    color: #B0B0B0; /*#EDE6D5;*/
}
.bp001-swash-dark a {
    background-color: #53455A;
    color: #B0B0B0; /*#EDE6D5;*/
}
.bp002-swash-dark {
    background-color: #212032;
    color: #B0B0B0;
}
.bp002-swash-dark a {
    background-color: #212032;
    color: #B0B0B0;
}
.bp003-swash-dark {
    background-color: #1B1928;
    color: #B0B0B0;
}
.bp003-swash-dark a {
    background-color: #1B1928;
    color: #B0B0B0;
}

#bottom-ribbon {
    position: relative;
    bottom: 0px;
    /*width: 1000px;*/
    max-width: 1000px;
    min-width: 400px;
    height: auto;
    min-height: 1em;
    margin-left : auto;
    margin-right : auto;
    padding: 2px 1px 1px 1px; /*trbl*/
    text-align: center;
    vertical-align: bottom;
    font-size: 8pt; /*0.750em;*/

    box-shadow: 1px 3px 4px #8F8F8F, -1px 3px 4px #8F8F8F;  /* x y blur color */
}
#bottom-ribbon td {
    padding: 0 5px 0 5px;
}

/*--<>--<>--<>--<>--<>--<>--<>--*/
/* CONTENT */
#content-box {
    /*display: block;*/
    position: relative;
    max-width: 1000px;
    min-width: 400px;
    height: auto;
    min-height: 42em; /*500px;*/
    margin-left : auto;
    margin-right : auto;

    box-shadow: 2px 0px 4px #CFCFCF, -2px 0px 4px #CFCFCF;  /* x y blur color */
   
   /* border: #909090 dashed 1px; */ /*### TEST ###*/
}
#content-body {
    padding: 3em;
    font-size: 1.2em;
}

h3 a {
	color: black;
}

/*--<>--<>--<>--<>--<>--<>--<>--*/
/* Decoration, Colouration, Pallete*/
/*
Colour Scheme:  (in progress)
bg: was: #9292A8, #7C7C96
text:
#005000 - dark green
#6AA6E6 - hyper pastel blue
#777799 - light pale blue
#997777
*/

.bordered { border : #000000 solid 0px; }

.back-colour { background-color: #AFAFAF; }
.colour-content { background-color: #EFEFEF; }
.swash-dark { background-color: #53455A; color: #B0B0B0; }
.reading-colour { background-color: #EDEDD9; color : #000017; }

/* Shadow text - right and down */
.shadowed-rd { text-shadow: #000000 2px 3px 1px, #000000 0px 0px 2px; /*colour x y radius*/ }
.shadowed-soften { text-shadow: #a0a0a0 0px 0px 1px; }

/*--<>--<>--<>--<>--<>--<>--<>--*/

.slogan-text {
    font-size: 5em;
    font-style: italic;
    font-weight: bold;
    color: #779977;
}
.name-large-blue {
    z-index: 2;
    font-size: 7em;
    font-weight: 700;
    color : #6AA6E6;
}
.link_connect {
    font-size: 14pt;
    font-style: normal;
    text-decoration: none;
    color: #2A362A; /* #997777; */
}


/*#*#*#*#*#*#*#*#*#*#*#*#*#*#*/
/*# TESTING #*/
.testborder { border : #00ff00 dashed 1px; }
/*    border: #00ff00 dashed 1px; */ /*### TEST ###*/

.box_gradient {
  background-color: #c0c0c0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#505050)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #c0c0c0, #505050); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #c0c0c0, #505050); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #c0c0c0, #505050); /* IE10 */
  background-image:      -o-linear-gradient(top, #c0c0c0, #505050); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #c0c0c0, #505050);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#c0c0c0', EndColorStr='#505050'); /* IE6–IE9 */
}

.grad-test {
  background-color: #F07575; /* fallback color if gradients are not supported */
  background-image: -webkit-linear-gradient(top, hsl(0, 80%, 70%), #bada55); /* For Chrome and Safari */
  background-image:    -moz-linear-gradient(top, hsl(0, 80%, 70%), #bada55); /* For old Fx (3.6 to 15) */
  background-image:     -ms-linear-gradient(top, hsl(0, 80%, 70%), #bada55); /* For pre-releases of IE 10*/
  background-image:      -o-linear-gradient(top, hsl(0, 80%, 70%), #bada55); /* For old Opera (11.1 to 12.0) */ 
  background-image:         linear-gradient(to bottom, hsl(0, 80%, 70%), #bada55); /* Standard syntax; must be last */
}

/* for a box of width 200px */
.centered {
  position: fixed;
  left: 50%;
  margin-left: -100px;
}

/*Table {font-size: 10pt; font-style: normal; color: #cccc77; padding: 0px;}
Table.xt {border: 2px solid #ff8618;}
Table.xt Td {border: 1px solid #ff8618; padding: 1px;}
A {font-size: 10pt;	font-style: normal;	text-decoration: none; color: #997777;}
p {color: #997777;}
Hr.xt {color: #000000; width: 93%;}

.txtT1 {font-size: 42pt; font-weight: 700; color: #777799;}
.txtT2 {font-family:  Lucida Sans; font-size: 14pt; font-style: italic; font-weight: bold; color: #779977;}
*/

/*#*#*#*#*#*#*#*#*#*#*#*#*#*#*/
/*--<>--<>--<>--<>--<>--<>--<>--*/
.Infini7y-001 {
    font-family: serif; color: #111111; text-shadow: #777777 0px 0px 1px;
}
/*--<>--<>--<>--<>--<>--<>--<>--*/
/* eof */