/* ************************ */
/* ********* CORE ********* */
/* ************************ */

body {
	text-align:center;
}
#masthead {
	text-align: left; /* conter-act body align center */
}
	
/* fonts */
body,th,td,p,div,span,a,input,select,textarea,ul,ol,dl,h1,h2,h3,h4,h5,h6,li,big,small,b {
	font-family: Arial,Helvetica,FreeSans,"Luxi-sans","Nimbus Sans L",sans-serif;
}

/* font sizes */
body,th,td,p,div,span,a,ul,ol,dl,li,select,input,textarea {
	font-size: 12px
}
h5,h5 a,h6,h6 a,h5 span,h6 span {
	font-size: 13px
}

h4,h4 span,h4 a {
	font-size: 17px
}
h1,h2,h3,h1 span,h2 span,h3 span,h1 a,h2 a,h3 a {
	font-size: 15px
}

/* everything else */
body,th,td,p,h5,h5 a,h6,h6 a,h5 span,h6 span,h1,h2,h3,h1 span,h2 span,h3 span,h1 a,h2 a,h3 a,h4,h4 span,h4 a {
	color: #000000;
	vertical-align: top;
}
h1,h2,h3,h4,h5,h6 {
	margin: 3px 0 0 0;
	padding: 0;
	text-decoration: none;
}
h5 {
	font-weight: bold;
}
a {
	text-decoration: none;
}
a:visited,a:visited code {
	color: #FF6701;
}

a:hover {
    color: #FF6701;
	text-decoration: underline;
}
form {
	display:inline;
}
form,select,input,textarea,ul li{
	margin:0;
	padding:0;
}

li{
	margin-left:14px;
	padding-left:0;
}
ul,ul li,ol,ol li {
	margin-left:9px;
	padding-left:0
}
body {
	background-image: url(images/background.png);
	background-repeat: repeat-x;
	background-color: #93959D;
	margin: 0 auto;
	background-attachment:fixed
}

/* ************************ */
/* ******* MASTHEAD ******* */
/* ************************ */

#masthead {
	background-image: url(images/iemsMasthead.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #175986;
	height: 65px;
	width: 100%;
	margin: auto;
}
#masthead__bar {
	background-image: url(images/top_bar.png);
	background-repeat: repeat-x;
	height: 30px;
	width: 100%;
	margin: auto;
}
#masthead__shadow {
	background-image: url(images/top_bar_shadow.png);
	background-repeat: repeat-x;
	height: 5;
	width: 100%;
	margin: 0px auto;
}
.gradient_header {
    background-image: url(images/gradient_header.png);
    background-repeat: repeat: x;
    height: 20px;
    padding-left: 10px;
    vertical-align: center;
    color: #ffffff;
    margin-bottom: 20px;
    margin-right: 10px;
    margin-left: 10px;

}
.gradient_header a, a:link {
    color: #FF6701;
}

/* ************************ */
/* ******** CANVAS ******** */
/* ************************ */

#content {
    padding: 0px;
    margin: 0px;
    padding-top: 10px;
}

#canvas {
	width:990px;
	margin:0px auto;		
	text-align:left;
}

/** Fought with IE for several hours over this until resorting to using a table for canvas & canvas_bottom 
    instead of divs FF of course rendered everything fine and it was stable **/

#canvas_left {
    background-image: url(images/canvas_l.png);
	background-repeat: repeat-y;
	background-position: left;
    margin: 0px;
    padding: 0px;
    width: 3px;
}
#canvas_right {
	background-image: url(images/canvas_r.png);
	background-repeat: repeat-y;
	background-position: right;
    width: 7px;
}
#canvas_bottom_top {
    width: 990px;
	margin:0px auto;		
	text-align:left;
}
#canvas_bottom_bottom {
    width: 990px;
	margin:0px auto;		
	text-align:left;
}
#canvas_bottom_ul {
    background-image: url(images/canvas_bottom_ul.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#canvas_bottom_ur {
    background-image: url(images/canvas_bottom_ur.png);
	background-repeat: no-repeat;
	background-position: top left;
}
#canvas_bottom_ll {
    background-image: url(images/canvas_bottom_ll.png);
	background-repeat: no-repeat;
	background-position: top left;
}
#canvas_bottom_lm {
    width: 990px;  
    background-image: url(images/canvas_bottom_lm.png);
	background-repeat: repeat-x;
	background-position: top left;
}
#canvas_bottom_lr {
    background-image: url(images/canvas_bottom_lr.png);
	background-repeat: no-repeat;
	background-position: top right;
}


/* ************************ */
/* ******** BOXES ********* */
/* ************************ */

.top_box_base {
	display: block;
	float: left;
	height: 93px;
	
}
#logo_box {
	clear: both;
	width: 250px;
	margin: 0px;
	padding: 0px;
	height: 91px;
}
#info_box {
	width: 395px;
}
#weather_box {
	width: 250px;
}


.asset_summary_box {
	margin-left: 10px;
	margin-bottom: 10px;
}
.asset_detail_box {
	margin-left: 10px;
	margin-bottom: 10px;
}

.summary_heading {
	font-size: 12px;
	font-weight: bold;
	vertical-align: top;
}
.summary_value {
	vertical-align: top;
}
/** Button Block **/




/* ****** BOXES: Bevelled ****** */

.bev_ul {
	background-image: url(images/bev_ul.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 19px;
}
.bev_um {
    height: 19px;
	background-image: url(images/bev_um.png);
	background-repeat: repeat-x;
}
.bev_ur {
	background-image: url(images/bev_ur.png);
	background-repeat: no-repeat;
	width: 12px;
	height: 19px;
}
.bev_content {
	background-color: #FFFFFF;
    padding-right: 12px;
}

.bev_l {
	background-image: url(images/bev_l.png);
	background-repeat: repeat-y;
	width: 20px;
}
.bev_r {
	background-image: url(images/bev_r.png);
	background-repeat: repeat-y;
	width: 12px;
}
.bev_ll {
	background-image: url(images/bev_ll.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 13px;
}
.bev_lm{
	background-image: url(images/bev_lm.png);
	background-repeat: repeat-x;
	height: 13px;
}
.bev_lr {
	background-image: url(images/bev_lr.png);
	background-repeat: no-repeat;
	width: 12px;
	height: 13px;
}

/* ****** BOXES: Rounded ****** */

.round_upper_left_corner {
	background-image: url(images/box_rnd_upperLeft.png);
	background-repeat: no-repeat;
	width: 13px;
	height: 14px;
}
.round_upper_middle {
	background-image: url(images/box_rnd_upperMiddle.png);
	background-repeat: repeat-x;
	background-position: top;
	padding: 0px;
	padding-top: 10px;
	vertical-align: middle;
	background-color: #FFFFFF; /* this works for round boxes, not bevelled*/
}
.round_upper_right_corner {
	background-image: url(images/box_rnd_upperRight.png);
	background-repeat: no-repeat;
	width: 11px;
	height: 14px;
}
.round_left {
	background-image: url(images/box_rnd_leftMiddle.png);
	background-repeat: repeat-y;
	width: 13px;
}
.round_right {
	background-image: url(images/box_rnd_rightMiddle.png);
	background-repeat: repeat-y;
	width: 11px;
}
.round_lower_left_corner {
	background-image: url(images/box_rnd_lowerLeft.png);
	background-repeat: no-repeat;
	width: 13px;
	height: 11px;
}
.round_lower_middle {
	background-image: url(images/box_rnd_lowerMiddle.png);
	background-repeat: repeat-x;
	height: 11px;
}
.round_lower_right_corner {
	background-image: url(images/box_rnd_lowerRight.png);
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
}
.round_contents_asset_title {
	text-align: center;	
}

/* ************************ */
/*        LOGIN BLOCK       */
/* ************************ */
.center
{ 
    text-align: center;
    background-color: #FFFFFF !important;
}

.center table
{ 
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#loginBlock {
    background-color: #FFFFFF !important;
    width: 400px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px; 
}
#loginBlock div {
    text-align: left;
                }
 input {
    border: 1px solid #FF6701;
    padding: 3px;
    background-color: #FFFFFF;
}

#loginBlock .submit {
    cursor: pointer;
}
.error
{
    color: #FF6701;
    font-weight: bold;
}

/* ************************ */
/*          FOOTER          */
/* ************************ */

#footer {
    color: #999999;
    text-align:left;
    width: 990px;
    margin-left: auto;
    margin-right: auto;
        }
/* ************************ */
/*           DEBUG          */
/* ************************ */

#debug {
    text-align: left;
}
/* ************************ */
/*          WIDTHS          */
/* ************************ */

#canvas_bottom_um {
    width: 980px;
}

#hesk_box {
    width: 860px;
}

/* ************************ */
/*  CUSTOMIZABLE ELEMENTS   */
/* ************************ */

a:link,a.named:visited,div.sitelinks a:visited {
	color: #FF6701;
}

#canvas_bottom_um, #content {
	background-color: #175986;
}


#temperature {
	font-size: 30px;
	font-weight: bold;
	vertical-align: middle;
	color: #FF6701;
}