/*
Stylesheet for easyline edge
*/




/**********************/
/* universal selector */
/**********************/
* {
	padding: 0;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	list-style: none;
	border-spacing: 0;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	text-align: left;
}




/****************/
/* ground rules */
/****************/
body {
	font-family: 'arial narrow',arial,helvetica,sans-serif;
	background-color: #000000;
	color: #eeeeee;
	font-size: 0.8em;
	/* background-image: url(../_img/main_back.jpg); */
}
/*
COPMENTED OUT BECAUSE IE6 CANNOT HANDLE THIS

sup,sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 0.85em;	
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
*/
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
#content h1,h2,h3 {
	font-weight: bold;
	color: #c9cacc;
	clear: left;
}
#content h1 {
	font-size: 1.5em;
	padding: 12px 0 12px 0;
}
#content h2 {
	padding: 10px 0 10px 0;
	font-size: 1.4em;
}
#content h3 {
	padding: 10px 0 10px 0;
	font-size: 1.1em;
}
#content h4 {
	padding: 10px 0 10px 0;
	font-size: 1.0em;
	font-weight: bold;
}
#content p {
	margin: 10px 0;
}
#content ul {
	margin: 20px 40px;
}
#content ul li {
	margin: 5px 0;
	list-style-type: circle;
}
#content a {
	color: #f26532;
	text-decoration: underline;
}
#content a:hover {
	text-decoration: none;
}
dl {
	margin: 20px 0;
}
dl#flattened dt {
	width: 4em;
	clear: both;
}
dt{
	margin: 15px 15px 0 0;
	font-weight: bold;}
dd {
	margin: 5px 15px 5px 25px;
	font-style: italic;

}
dl.flattened dt {
	clear: left;
	float: left;
	line-height: 1.5em;
	margin: 0;
	width: 15em;
	text-align: right;
}
dl.flattened dd {
	float: left;
	line-height: 1.5em;
	width: 30em;
}
dl.flattened dl {
	float: left;
}
dl.flattened dd {
	margin-top: 0;
}
#content dl.flattened dd ul {
	margin: 0;
	padding: 0;
}
#content dl.flattened dd ul li {
	margin: 0;
	padding: 0;
}
table {
	width: 100%;
}
table tr th {
	color: #ffffff;
	background-color: #f26532;
	padding: 0 2px;
	font-weight: bold;
	line-height: 2em;
}
caption {
	font-weight: bold;
	margin: 15px 0 0 0;
}
table tr td {
	border-bottom: 1px solid #666666;
	padding: 0 2px;
	line-height: 1.8em;
}
tr:nth-child(odd) {
	background-color: #666666
}
ol li {
	list-style-type: decimal;
	padding: 5px 15px;
/*	clear: right;*/
}
ol li ol li {
	list-style-type: lower-roman;
	margin-top: 0;
	margin-bottom: 0;
}
ol li ol {
	margin-bottom: 5px;
}
ol {
	margin-left: 40px;
}
ol li img {
	float: right;
	vertical-align: middle;
	margin-left: 10px;
}
#wrapper {
	width: 739px;
	margin: 20px auto 0 auto;
	padding: 0 15px;
	background-color:#58585a;
}
#content {
	margin: 0 auto;
	clear: both;
	background-color: #231f20;
}




/*******************************************/
/* masthead, primary nav and secondary nav */
/*******************************************/
#logo_ele {
	float: left;
	margin: 15px 0 15px 15px;
}
#logo_rocol {
	float: right;
	margin: 0px 17px 15px 0;
}
#primarynav {
	float: left;
	margin:20px 0 5px 70px;
	height: 20px;
	line-height: 100px;
	overflow: hidden;
}
#primarynav li {
	float: left;
}
#primarynav li a {
	display: block;
}

.aboutRC {
	padding: 0 0 15px 127px !important;
	background-position: 125px 2px !important;
}

#secondarynav {
	font-family: arial,helvetica,sans-serif;
	clear: left;
	
	top: 70px;
	padding: 0 0 15px 207px;
	background-image: url(../_img/extras_bullet_dn.png);
	background-repeat: no-repeat;
	background-position: 205px 2px;
	z-index:+100;

}
#secondarynav li {
	float: left;
	font-size: 0.85em;
}

#secondarynav li a {
	display: block;
	padding: 0 10px;
	text-decoration: none;
	color: #cccccc;
	line-height: 15px;
}
#secondarynav li a:hover {
	text-decoration: underline;
	color: #f26532;
}
#secondarynav #activeNavSecondary {
	color: #f26532;
}




/************************/
/* primary nav specifics */
/************************/
#linkhome,#linkhome a {width: 47px; background-image:  url(../_img/primarynav/home_up.png);}
#linkhome a:hover,#linkhome a#activeNavPrimary     {background-image:  url(../_img/primarynav/home_dn.png);}

#linkprod,#linkprod a {width: 61px; background-image:  url(../_img/primarynav/product_up.png);}
#linkprod a:hover,#linkprod a#activeNavPrimary     {background-image:  url(../_img/primarynav/product_dn.png);}

#linksupp,#linksupp a {width: 59px; background-image:  url(../_img/primarynav/support_up.png);}
#linksupp a:hover,#linksupp a#activeNavPrimary     {background-image:  url(../_img/primarynav/support_dn.png);}

#linkabou,#linkabou a {width: 104px;background-image:  url(../_img/primarynav/about_up.png);}
#linkabou a:hover,#linkabou a#activeNavPrimary     {background-image:  url(../_img/primarynav/about_dn.png);}

#linksale,#linksale a {width: 47px; background-image:  url(../_img/primarynav/sales_up.png);}
#linksale a:hover,#linksale a#activeNavPrimary     {background-image:  url(../_img/primarynav/sales_dn.png);}




/************/
/* content */
/************/
#content {
	height: 316px;
	overflow: auto;
	padding: 15px;
}

div.homepage {
	background-image:  url(../_img/homepage_illustration.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 346px;
}

.yellowtext {
	color: #ffff00;
	font-weight: bold;
}
.whitetext {
	color: #ffffff;
	font-weight: bold;
}

/**********/
/* extras */
/**********/
div#extras {
	margin: 15px 0;
	clear: both;
}
div#extras div {
/*	width: 158px; */
	width: 108px;
	height: 96px;
	/* background-image:  url(../_img/footer_box.png); 
	background-repeat: no-repeat;
	background-position: left top;*/
	padding: 5px 10px;
	float: left;
}
div#extras div h3 {
	color: #f26532;
	font-size: 1.2em;
	font-family: "Arial Narrow", Arial, helvetica, sans-serif;
	font-weight: bold;
}

div#extras div ul li a {
	line-height: 1.25em;
	padding: 0 0 0 0px;
	font-size: 0.85em;
	display: block;
	/* background-image:  url(../_img/extras_bullet.png);
	background-repeat: no-repeat;
	background-position: left 2px; */
	color: #ffffff;
	text-decoration: none;
}

div#extras div ul li a:hover {
	/* background-image:  url(../_img/extras_bullet_dn.png);
	background-repeat: no-repeat;
	text-decoration: underline; */
	color: #f26532;
}

div#extras div.gutter {
	margin-right: 9px;
}

div#extras div#homepagemovie {
	padding: 0;
	width: 187px;
	height: 102px;
	border: 2px solid #000000;
}




/**************/
/* smallprint */
/**************/
#smallprint {
	clear: both;
	padding: 20px 0 20px 0;
	font-size: 0.9em;
	line-height: 3em;
	background-image: url(../_img/smallprint_box.png);
	background-repeat: no-repeat;
	background-position: left center;
	color:#000000;
}

#smallprint ul li {
	float: left;
}

#smallprint ul li a {
	display: block;
	padding: 0 10px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

#smallprint ul li a:hover {
	color: #000000;
	text-decoration: underline;
}

/**************/
/* login form */
/**************/
fieldset#login {
	width: 400px;
	margin: 0 auto;
	border: 2px solid #939498;
	padding: 0 20px;
}
fieldset#login legend {
	margin: 50px auto;
	color: #f26532;
	font-weight: bold;
	padding: 5px 15px;
}
fieldset#login label {
	display: block;
	margin: 10px 0;
	clear: both;
}
fieldset#login input {
	float: right;
	margin-left: 15px;
}
form#logout {
	float: right;
	margin-top: -50px;
}


/***********************/
/* illustrative images */
/***********************/

div#instructionpics {
	width: 330px;
	text-align: center;
	float: right;
	margin-right: -15px;
	padding: 5px;
}

div#instructionpics div.instructionpic {
	margin: 5px;
	width: 98px;
	height: 148px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	float: left;
	background-repeat: no-repeat;
	background-position: center top;
}

div#instructionpics div.instructionpic p {
	margin: 0;
	padding: 0 5px;
	line-height: 1.2em;
	font-size: 0.9em;
	color: #333333;
	background-color: #ffffff;
	float: left;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}


div.pica {background-image: url(../_img/userguide/a.png);}
div.picb {background-image: url(../_img/userguide/b.png);}
div.picc {background-image: url(../_img/userguide/c.png);}
div.picd {background-image: url(../_img/userguide/d.png);}
div.pice {background-image: url(../_img/userguide/e.png);}
div.picf {background-image: url(../_img/userguide/f.png);}
div.picg {background-image: url(../_img/userguide/g.png);}
div.pich {background-image: url(../_img/userguide/h.png);}
div.pici {background-image: url(../_img/userguide/i.png);}
div.picj {background-image: url(../_img/userguide/j.png);}
div.pick {background-image: url(../_img/userguide/k.png);}
div.picl {background-image: url(../_img/userguide/l.png);}
div.picm {background-image: url(../_img/userguide/m.png);}
div.picn {background-image: url(../_img/userguide/n.png);}
div.pico {background-image: url(../_img/userguide/o.png);}
div.picp {background-image: url(../_img/userguide/p.png);}
div.picq {background-image: url(../_img/userguide/q.png);}

img#illusimg {
	clear: right;
	float: right;
	margin: -15px -15px 0 5px;
}
img#linecomp {
	clear: right;
	float: right;
	margin: 10px 0 0 15px;
}
#eleinaction {
	float: right;
	margin: -10px -10px 0 10px;
	width: 410px;
	padding: 5px;
}
#eleinaction img {
	margin: 5px;
}


/*******************/
/* general gubbins */
/*******************/
#preload {
	display: none;
}
	
#map {
	color: #666666;
	border: 1px solid #f26532;
	float: right;
	margin-top: -50px;
}


a.warning   {color: #ff0000;}
p.warning   {background-color: #ffffff; border: 1px solid #ff0000; color: #ff0000; padding: 10px;}
strong.warning   {font-weight: bold; color: #ff0000;}

hr {border-top:2px solid #f26532;}

.sample {}
span.white    {background-color: #ffffff; border: 1px solid #ffffff;}
span.yellow   {background-color: #cccc00; border: 1px solid #cccc00;}
span.blue     {background-color: #6666cc; border: 1px solid #6666cc;}
span.green    {background-color: #009900; border: 1px solid #009900;}
span.orange   {background-color: #cc9900; border: 1px solid #cc9900;}
span.black    {background-color: #000000; border: 1px solid #999999;}
span.grey     {background-color: #666666; border: 1px solid #666666;}
span.flpink   {background-color: #ff0099; border: 1px solid #ff0099;}
span.flyellow {background-color: #ffff00; border: 1px solid #ffff00;}
span.red      {background-color: #cc3333; border: 1px solid #cc3333;}

p.footnote {font-size: 0.80em; font-style: italic;}

#downloadsmenu {
	margin: 10px auto;
	width: 770px;
}
#downloadsmenu img {
	margin: 0 10px 0 0;
}

#rocollogolarge {
	float: right;
	margin: 0 0 0 15px;
}

/***********************/
/* clearing float hack */
/***********************/
div#smallprint:after,dl:after  {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div#smallprint,dl {display: inline-block;}
/* Hides from IE-mac \*/
* html div#smallprint,* html div#smallprint dl {height: 1%;}
div#smallprint, dl {display: block;}
/* End hide from IE-mac */