html {	overflow-x: hidden!important;}

body 
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, tahoma, Sans-Serif;
	font-size: 0.8em;
	line-height: 1.6em;
	color: #666666;
	overflow-x: hidden!important;
	background: url(/images/page/body.png) repeat-x bottom;
}

a			{color: #536166;}
a:link		{color: #536166;}
a:visited	{color: #536166;}
a:hover		{color: #536166; text-decoration: none;}

/* Main Structure */
.wrapper		{width: 980px; margin: 0 auto; position: relative;}
.innerwrapper	{width: 930px; margin: 0 auto; position: relative; padding-top: 30px;}
header			{width: 100%; height: 103px; display: block; background: url(/images/page/header.png);  position: relative; z-index: 1000;}
nav				{width: 100%; height: 59px; display: block; background: url(/images/page/nav.png); xborder-bottom: 1px solid #ffffff; position: relative; z-index: 1000;}
.featured		{width: 100%; height: 88px; display: block; background: url(/images/page/featured.png); position: relative; z-index: 100;}
.page			{width: 980px; margin: 0 auto; background: #ffffff url(/images/page/shadow.png)  no-repeat top; -webkit-box-shadow:  0px 1px 3px 3px rgba(0, 0, 0, 0.1); box-shadow:  0px 1px 3px 3px rgba(0, 0, 0, 0.1); position: relative; z-index: 10;}
footer			{width: 100%; min-height: 52px; display: block; font-size: 0.9em; background-color: #013b6b; color: #ffffff; font-weight: bold; line-height: 5em;}
.swoosh			{position: absolute; bottom: 0; left: 0; width: 100%;}



.rightcol		{float: right; width: 235px;}
.leftcol		{float: left; width: 720px;}

.twocol .leftcol	{width: 250px; float: left;}
.twocol .rightcol	{width: 650px; float: right;}


nav .socialmedia	{position: absolute; right: 10px; top: 10px;}
nav .logoutbox	{position: absolute; right: 0px; top: 10px;text-align:right;color:#ffffff}
nav .logoutbox	a{color:#ffffff}

/* Header */

header .wrapper			{z-index: 100;}
header .swoosh			{position: absolute; top: 0; left: 0; width: 100%; height: 103px; background-image: url(/images/page/header-swoosh.png); background-position: center; background-repeat: no-repeat;}
header .logo			{width: 368px; height: 53px; background: url(/images/page/power-tecnique.png); display: block; position: absolute; top: 37px; left: 8px;}
header .search			{width: 261px; height: 35px; background: url(/images/page/header-search.png); display: block; position: absolute; top: 16px; right: 25px;} 
header .headersearch	{position: absolute; top: 8px; left: 15px; width: 190px; border: none; color: #C0C8D8; font-size: 11px; padding: 2px 5px; background-color:transparent;}
header .phonenumber		{width: 248px; height: 22px; background: url(/images/page/phone-number.png); display: block; position: absolute; top: 60px; right: 29px;} 

/* Footer */	
footer .left		{width: 400px; padding: 0 0 0 17px;}
footer .right		{width: 400px; padding: 0 17px 0 0; text-align: right;}
footer a			{color: #ffffff!important; text-decoration: none; font-weight: bold;}
footer a:visited	{color: #ffffff!important; text-decoration: none;}
footer a:hover		{color: #ffffff!important; text-decoration: underline;}

/* Slider */	
.sliderholder			{width: 100%; position: relative;}
.slider					{width: 980px; margin: 0 auto; position: relative; z-index: 500;}
.anythingSlider			{position: relative; z-index: 100;}
.thumbNav				{display: block; position: absolute; z-index: 1000; padding: 0; margin: 0; width: 800px; height: 30px;}
.thumbNav li			{padding: 0; margin: 0;}

.shoulderholder							{position: absolute; width: 100%; height: 395px; z-index: 1000; margin: 0 auto; top: 0;}
.shoulderholder .lineup					{width: 980px; height: 403px; margin: 0 auto; position: relative;}
.shoulderholder .lineup .leftshoulder	{width: 5000px; height: 403px; background: url(/images/page/shoulder.png); position: absolute; top: 0; left: -5000px;}
.shoulderholder .lineup .rightshoulder	{width: 5000px; height: 403px; background: url(/images/page/shoulder.png); position: absolute; top: 0; right: -5000px;}


.leftshoulderoverlay	{width: 20px; height: 403px; background: url(/images/page/shoulder.png); position: absolute; z-index: 100; top: 0; left: 0;}
.righthoulderoverlay	{width: 20px; height: 403px; background: url(/images/page/shoulder.png); position: absolute; z-index: 100; top: 0; right: 0;}
.leftshoulderimage		{width: 990px; height: 403px; position: absolute; z-index: 20; top: 0;  text-align: right;}
.rightshoulderimage		{width: 990px; height: 403px; position: absolute; z-index: 20; top: 0;  text-align: left;}


/* Featured */	

.featured .button1 {position: absolute; top: 10px; left: 10px;}
.featured .button2 {position: absolute; top: 10px; left: 251px;}
.featured .button3 {position: absolute; top: 10px; right: 251px;}
.featured .button4 {position: absolute; top: 10px; right: 10px;}


/* Breadcrumbs */
.breadcrumbs		{float: left; color: #0d2e58; font-weight: bold;}
.backtoprevious		{float: right; color: #0d2e58; font-weight: bold;}





/* Chunky Boxes */
.chunkybox	
{
	margin: 0 auto; border: 8px solid #e5e5e5;-webkit-border-radius: 5px; border-radius: 5px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
	position: relative;
} 

.whitebox 
{
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.chunkybox	.content {padding-top: 25px;padding-bottom: 10px;padding-left: 20px;padding-right: 20px}
/*.chunkybox	.content {padding: 20px;}*/
.chunkybox h1,
.chunkybox h2
{
	position: absolute;
	top: -27px;
	left: 10px;
	display: inline-block;
	padding: 10px 10px;
	background-color: #de282f;
	border: 1px solid #ffffff;
	-webkit-box-shadow:  0px 1px 3px 3px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 1px 3px 3px rgba(0, 0, 0, 0.1);
	color: #ffffff;
	font-family: Arial;
	font-size: 1.0em;
	-webkit-border-radius: 3px; border-radius: 3px;
	text-transform: uppercase;
	font-weight: bold;
	white-space: nowrap;
	}
	
.chunkybox h2		{background-color: #1d3d72;}
.chunkybox a:hover h2		{background-color: #de282f;cursor: pointer;}
.chunkybox .redback{background-color: #de282f;}


.chunkybox .lefthome		{width: 650px; float: left;}
.chunkybox .righthome		{width: 170px; text-align: center;float: right;}
.chunkybox .homenews		{float: right; margin: 0 0 0 10px; border: 1px solid #dad9d9;}
.chunkybox .seperator		{width: 100%; height: 8px; background-color: #e5e5e5;}
.chunkybox .subsection		{background-color: #e5e5e5; color: #3c404b; font-size: 1.4em; font-weight: bold; padding: 5px;}
.chunkybox .subsection img	{float: left; padding-right: 5px;}

.roundedpanel	
{
	background-color: #fafafa;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    border: 1px solid #ffffff;
    -webkit-box-shadow:  0px 0px 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow:  0px 0px 3px 3px rgba(0, 0, 0, 0.1);
}

.roundedpanel p	{margin: 0; padding: 10px; font-weight: bold;}

/* Left Col */
.sidenav .content ul	{margin: 0; padding: 0 0 1em 1.1em;}
.sidenav				{line-height: normal;}
.linklist				{list-style: none; margin: 0!important; padding: 0!important;}
.linklist li			{padding: 5px 0; margin: 0;}
.linklist a:link		{color: #0d2e58; font-weight: bold; text-decoration: none;}
.linklist a:visited		{color: #0d2e58; font-weight: bold; text-decoration: none;}
.linklist a:hover		{color: #e61048; font-weight: bold; text-decoration: none;}

.leftcol .sidenav .content {padding: 10px;}

/* Right Col */
.rightbox					{width: 231px; border: 1px solid #dddddd; background-color: #ffffff;-webkit-box-shadow: 0px 0px 2px 2px rgba(230, 230, 230, .5);box-shadow: 0px 0px 2px 2px rgba(220, 220, 200, .5); position: relative; margin-bottom: 20px;}
.rightbox .content			{width: 229px; border: 1px solid #ffffff; background: url(/images/page/highlight-steel.png) repeat-x; min-height: 150px; position: relative;}
.rightbox .content .red		{position: absolute; bottom: 0px; height: 2em; line-height: 2em; background-color: #e61048; width: 100%; color: #ffffff; font-weight: bold; font-size: 1.4em;}
.rightbox .content .red	a	{padding: 0 0 0 10px; color: #ffffff; text-decoration: none;}
.rightbox h3				{position: relative; left: 10px; top: 10px; margin: 0; padding: 0; }
.rightbox p					{width: 180px; position: relative; left: 10px; top: 15px; margin: 0;}
.rightbox img				{position: absolute; bottom: 10px; right: 10px; z-index: 50;}



h1			{font-family: arial, tahoma; font-size: 1.0em; font-weight: bold; color: #ed174f; margin: 0; padding: 10px 0 10px 0;}
h2			{font-family: arial, tahoma; font-size: 2em; font-weight: normal; color: #424347; margin: 0; padding: 10px 0 0 0;}
h3			{font-family: "Passion One", georgia; font-size: 1.8em; font-weight: normal; color: #424347; margin: 0; padding: 10px 0 0 0;}


.homepage h1			{text-transform: none; font-size: 1.8em; font-weight: normal; color: #ffffff;}
.homepage h2			{text-transform: none; font-size: 1.8em; font-weight: normal; color: #ffffff;}
.homepage h3			{text-transform: none; font-size: 1.8em; font-weight: normal; color: #ffffff;}
	
	
img {border: none;}
.clearer	{clear: both; width: 100%; height: 0px;}
.five		{height: 5px;}
.nine		{height: 9px;}
.ten		{height: 10px;}
.twenty		{height: 20px;}
.thirty		{height: 30px;}
.forty		{height: 40px;}
.fifty		{height: 50px;}
.hundred	{height: 100px;}
.right		{float: right;}
.left		{float: left;}
.underline	{text-decoration: underline;}
.center		{text-align: center;}
.nopad		{padding: 0; margin: 0;}
.bigblue	{color: #184586; font-size: 1.4em;}
.blue		{color: #184586!important;}
.red		{color: #e61048!important;}
.orange		{color: #ffaa36;}
.italics	{font-style:italic;}
.bold		{font-weight: bold!important;}
.big		{font-size: 1.2em;}
.bigger		{font-size: 1.4em;}

.textbox1	{border: 1px solid #e2e2e2; padding: 5px; width: 250px; xmin-height: 18px; margin: 0px;}
.textbox1	{box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;}
.textbox2	{border: 1px solid #e2e2e2; padding: 5px; width: 180px; xmin-height: 18px; margin: 0px;}
.textbox2       {box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;}
.alarmselect	{border: 1px solid #e2e2e2; padding: 5px; width: 80px; margin: 0px}
.adminEdit	{padding: 0px!important;}

.droplist1	{border: 1px solid #e2e2e2; padding: 5px; width: 250px;}
.textareabox{border: 1px solid #e2e2e2; padding: 5px; width: 250px; height: 70px;}

hr.dotted   { color:#fff; background-color:#fff; border-top:1px dotted #afafaf; height:1px; }
.dottedline	{width: 100%; height: 1px; clear: both; border-top:1px dotted #afafaf;}

/* Home  Page */




.homepage .leftcol	{width: 450px; float: left;}
.homepage .rightcol	{width: 450px; float: right;}

select[disabled] {
	background-color: rgb(235, 235, 228);
}














/* News  */
.newspage .archive a {color: #a2a2a2; line-height: 2em; font-weight: bold; text-decoration: none;}
.newspage .archive a:hover {color: #dd282f; }

/* Service  */
.quote {font-style:italic; margin-bottom: 0;}

/* Product  */
.categorythumb {float: left; border: 6px solid #d8d9db;}
.categorydesc	{float: right; width: 350px;}


/* Based on http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/ */

#menu							{list-style:none;	width: 768px; margin: 0; padding: 0; height: 59px; position: absolute; top: 0; left: 0; background-image: url(/images/page/menu-sprite.png);}
#menu li						{float:left; display: block; position: relative;	border: none; height: 59px;}
#menu li:hover					{background-position: 0 -87px;}
#menu .linkname					{position: absolute; left: 999em;}
#menu li a						{display:block;outline:0;}
#menu .drop						{display: block; width: 100%; height: 59px;}
#menu .dropdown					{float:left;position:absolute; left:-999em;	text-align:left; padding: 0; border-top: none; background: #ffffff url(/images/page/drop-down.png);	width: 980px!important; height: 245px!important;}
#menu .dropdown .title			{position: absolute; top: 20px; left: 19px; color: #19345d; font-weight: bold; font-size: 24px;}
#menu .dropdown .item			{width: 202px; height: 153px; background-color: #ffffff; position: absolute; border: 6px solid #ffffff; background-image: url(/images/page/drop-down-item.png); background-repeat: no-repeat; background-position: 0 0;}
#menu .dropdown .item:hover		{border: 6px solid #d8d9db; background-position: -200px 0;}
#menu .dropdown .item1			{top: 66px; left: 14px;}
#menu .dropdown .item2			{top: 66px; left: 260px;}
#menu .dropdown .item3			{top: 66px; right: 260px;}
#menu .dropdown .item4			{top: 66px; right: 14px;}
#menu .dropdown .item .thumbnail{position: absolute; top: 5px; width: 100%; text-align: center; z-index: 1;}
#menu .dropdown .item a			{width: 162px; height: 30px;display: block; text-align: center; color: #ffffff; line-height: 30px; text-decoration: none; text-transform: uppercase; font-size: 14px; font-weight: bold;
        padding: 118px 18px 5px 18px; position: relative; z-index: 10;} 
        

/* other images and measurements to go here */

#menu .navabout						{width: 111px; position: absolute; top: 0; left: 0; background-image: url(/images/page/menu-sprite.png);}
#menu .navabout:hover				{background-position: 0 -59px;}
#menu .navabout:hover .dropdown		{left:0px; top:59px; position: absolute;}

#menu .navproducts						{width: 160px; position: absolute; top: 0; left: 111px; background-image: url(/images/page/menu-sprite.png); background-position: -111px 0;}
#menu .navproducts:hover				{background-position: -111px -59px;}
#menu .navproducts:hover .dropdown		{left:-111px; top:59px; position: absolute;}

#menu .navservices						{width: 153px; position: absolute; top: 0; left: 271px; background-image: url(/images/page/menu-sprite.png); background-position: -271px 0;}
#menu .navservices:hover				{background-position: -271px -59px;}
#menu .navservices:hover .dropdown		{left:-271px; top:59px; position: absolute;}

#menu .navsupport						{width: 142px;position: absolute; top: 0; left: 424px; background-image: url(/images/page/menu-sprite.png); background-position: -424px 0;}
#menu .navsupport:hover				{background-position: -424px -59px;}
#menu .navsupport:hover .dropdown		{left:-424px; top:59px; position: absolute;}

#menu .navnews					{width: 90px; position: absolute; top: 0; left: 566px; background-image: url(/images/page/menu-sprite.png); background-position: -566px 0;}
#menu .navnews:hover				{background-position: -566px -59px;}
#menu .navnews:hover .dropdown	{left:-566px; top:59px; position: absolute;}

#menu .navcontact						{width: 112px; position: absolute; top: 0; left: 656px; background-image: url(/images/page/menu-sprite.png); background-position: -656px 0;}
#menu .navcontact:hover				{background-position: -656px -59px;}
#menu .navcontact:hover .dropdown		{left:-656px; top:59px; position: absolute;}

#menunew{margin:0px;padding:0px}
#menunew li{float:left;list-style:none}
#menunew a{display:block;xwidth:160px;text-align:center;line-height:59px;text-decoration:none;font-weight:400;}
#menunew a{font-family: arial, tahoma;margin: 0; padding: 0 30px}
#menunew a{text-transform: none; font-size: 1.5em; font-weight: normal; color: #ffffff;}
#menunew a:hover {background-color:#1d3d72;}
#menunew li:hover a{background-color:#1d3d72;}
#menunew img{float:left}


.button	{font-stretch: ultra-condensed; height: 37px; line-height: 37px; padding: 20px 13px 20px 0; background: url(/images/buttons/button-end.png) no-repeat right; text-decoration: none!important; font-size: 12px; color: #184586!important; position: relative; z-index: 100;}
.buttontext	{background: url(/images/buttons/button-back.png) no-repeat left; height: 37px; line-height: 37px; padding: 20px 5px 20px 35px; font-weight: bold; text-transform: uppercase; text-decoration: none!important; font-size: 12px;}
.button:hover{color: #e61048!important;}

.box-table-a{width:100%;font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;text-align:left;border-collapse:collapse;margin:auto;margin-bottom:10px;}
.box-table-a th{font-size:13px;font-weight:normal;background:#b9c9fe;border-top:4px solid #aabcfe;border-bottom:1px solid #fff;color:#039;padding:8px;}
.box-table-a td{background:#e8edff;border-bottom:1px solid #fff;color:#669;border-top:1px solid transparent;padding:8px;}
.box-table-a tr:hover td{background:#d0dafd;color:#339;}

div.editbutton{background-color:#de282f;;position:absolute;right:60px;padding:10px 20px;width: 170px;
		border-bottom-right-radius:30px;border-bottom-left-radius:30px;
		-moz-border-radius-bottomright:30px;-moz-border-radius-bottomleft:30px;text-align: center;}
div.editbutton:hover{background-color:#1d3d72}
div.editbutton{color: #ffffff;font-family: Arial;font-size: 1.0em;font-weight:bold;cursor:pointer}

div.refreshbox{float:right;}

div.refreshbox{position: absolute;top: 50px;right: 0px;}

input[type="text"] {
     width: 100%;
     box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
}
/*input[type="password"] {
     width: 100%;
     box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
}*/

.alarmbut1{text-transform: uppercase;font-weight: bold;font-family: Arial;font-size: 1.0em;}
.alarmbut2{cursor:pointer;text-transform: uppercase;font-weight: bold;font-family: Arial;font-size: 1.0em;}
.alarmbut2:hover{font-weight:bold;background-color:#1d3d72;color: #ffffff;}
.alarmbox{margin: 2px; padding: 5px; width: 180px;float:left;text-align: center;}

.inputname{padding-right:10px;}
.inputvaluegreen{text-align:center;padding:5px;min-width:35px;background-color:#4DF437;}
.inputvaluered{text-align:center;padding:5px;min-width:35px;background-color:red;}
.inputvaluegray{text-align:center;padding:5px;min-width:35px;background-color:lightgrey;}

.genalarmtable{border-collapse: collapse;xheight:153px;xwidth:100%;text-align:center;}
.genalarmtable td{border:1px solid gray;padding:5px}

.systemnotlive TD, tr.systemnotlive td a {
	color: #CCC !important;
}

.audittable {border-collapse:collapse;width:100%}
.audittable td{padding: 0px 5px 0px 5px;}
.audittable td.date{width:1%;white-space:nowrap}
/*.audittable td.alarmmsg{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}*/
.audittable th{white-space:nowrap;padding: 0px 5px 0px 5px;}

.alarmmsg {max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}