/*------------------------------------------------------------------------
3marketeers Avertising, Inc.
3marketeers.com
408.293.3233
Ewing Parton, April/May 2008
-------------------------------------------------------------------------*/


/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {margin: 0; padding: 0;}

body {color:#000; background:#fff; font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 150%;}

body#bd {color:#2A343A; /*background: url(../images/body-bg.jpg) repeat-x top #75838B;*/ }

body.contentpane {width: auto; /* Printable Page */ margin:1em 2em; background:#fff; color:#000; font-size:12pt; font-family:serif; line-height:140%;}

body.fs1 {font-size:9px;}
body.fs2{font-size:10px;}
body.fs3{font-size:11px;}
body.fs4{font-size:12px;}
body.fs5{font-size:13px;}
body.fs6{font-size:14px;}

/* Normal link */
a {color:#0064A1; text-decoration:underline;}
a:hover, a:active, a:focus {color:#0064A1; text-decoration:underline;}

.investor-gray a:link { color: #7D8891; font-weight:bold; }
.investor-gray a:active { color: #7D8891; font-weight:bold; }
.investor-gray a:visited { color: #7D8891; font-weight:bold; }
.investor-gray a:hover{ color: #7D8891; font-weight:bold; text-decoration:underline; }

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2 {font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;}

/* Small text */
small, .small, .smalldark, .mosimage_caption {font-size:90%; color:#92A3AE;}

/* Heading */
h1 {font-size: 180%;}
h2 {font-size: 155%;}
h3 {font-size: 125%;}
h4 {font-size: 100%; text-transform: uppercase;}
h5 {font-size: 100%; color: #000000; background: #FFFFFF; font-family: Tahoma, Arial, Helvetica, sans-serif;}

p, pre, blockquote,  ol, h1, h2, h3, h4, h5, h6 {margin: 1em 0; padding: 0;}
ul {padding-left: 30px;/*list-style: none;*/}
ul li {padding-left: 0px; line-height: 180%; background: url(../images/bullet-list.gif) no-repeat 18px 8px;}
ol li {margin-left: 35px; line-height: 180%;}
th {padding: 5px; font-weight: bold; text-align: left;}
fieldset {border: none;}
fieldset a {font-weight: bold;}
hr {border-top: 1px solid #D0D9DF; border-right: 0; border-left: 0; border-bottom: 0; height: 1px;}
a img {border: none;}
td, div {font-size: 100%;}


/* FORM
--------------------------------------------------------- */
form {margin: 0; padding: 0;}
form label {cursor: pointer;}
input, select, textarea, .inputbox {padding: 1px; font-family: Tahoma, Arial, sans-serif; font-size:75%;}
select, textarea, .inputbox {background: #FFFFFF; color: #3C4A53;}
.button {font-weight: bold; color: #3C4A53; padding: 2px; background: url(../images/but-bg.gif) repeat-x top; border: 1px solid #92A3AE;}
.inputbox { margin-bottom: 1px; padding: 3px 0 3px 5px; background: #FFFFFF; border: 1px solid #92A3AE;}
.inputbox:hover, .inputbox:focus {}

/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
pre, .code {
padding: 10px 15px;
margin: 5px 0 15px;
border-left: 5px solid #ddd;
background: #fafafa;
white-space:pre;
white-space:pre-wrap;
white-space:-moz-pre-wrap !important;
white-space:pre-line;
word-wrap:break-word;
width:99%;
}

blockquote {
	color:#b5121a; padding: 1em 15px 1em 15px; /* 1em 40px 1em 15px */
}

blockquote span.open {
	padding: 0 0 0 20px;
	background: url('/images/procera/quote_open.gif') no-repeat left top;
}

blockquote span.close {
	padding: 0 20px 0 0;
	background: url('/images/procera/quote_close.gif') no-repeat bottom right;
}

/* Quote hilight */
.quote-hilite {
	padding : 10px 15px;
	margin: 0;
	background: #FFFFFF;
	border: 1px solid #D0D9DF;
}

/* Small quote */
.small-quote {
	background: none;
	margin: 0;
	padding: 0;
}

.small-quote span.open-quote {
	background: url('/images/procera/quote_open.gif') no-repeat center left;
	margin: 0;
	padding-left: 20px;
}

.small-quote span.close-quote {
	background: url('/images/procera/quote_close.gif') no-repeat center right;
	margin: 0;
	padding-right: 20px;
}

.small-quote span.author {
	display: block;
	padding: 2px 5px 2px 20px;
	background: url(../images/author.gif) no-repeat 5px 4px #D0D9DF;
	border-top: 1px solid #D0D9DF;
	margin: 0.5em 0 0;
	text-transform: uppercase;
	font-size: 90%;
}

/* Rropcap */
.dropcap {
	float: left;
	padding: 4px 8px 0 0;
	display: block;
	color: #92A3AE;
	font: 50px/40px Georgia, Times, serif;
}

/* Tips, Error, Message, Hightlight*/
.error {
	padding-left: 25px;
	color: #CC0000;
	background: url(../images/bullet-error.gif) no-repeat top left;
}

.message {
	padding-left: 25px;
	color: #DF8600;
	background: url(../images/bullet-info.gif) no-repeat top left;
}

.tips {
	padding-left: 25px;
	color: #0064A1;
	background: url(../images/bullet-tips.gif) no-repeat top left;
}

.highlight {
	padding: 1px 5px;
	background: #FFFFCC;
	font-weight: bold;
}

/* Note Style */
p.stickynote {
	background: url(../images/sticky-bg.gif) no-repeat 5px center #FFFFFF;
	padding: 10px 0px 10px 40px;
	border: 1px solid #D0D9DF;
}

p.download {
	background: url(../images/download-bg.gif) no-repeat 5px center #FFFFFF;
	padding: 10px 0px 10px 40px;
	border: 1px solid #D0D9DF;
}

.blocknumber {
	clear: both;
	padding: 5px 15px 10px;
	position: relative;
}

/* Check list */
ul.checklist {
	list-style: none;
}

ul.checklist li {
	margin-left: 15px;
	padding: 0 0 5px 20px;
	background: url(../images/checklist-bg.gif) no-repeat 0 3px;
}

/* Check list */
ul.stars {
	list-style: none;
}

ul.stars li {
	margin-left: 15px;
	padding: 0px 0 5px 20px;
	background: url(../images/star-bg.gif) no-repeat 0 3px;
}

/* Bignumber */
.bignumber {
	float: left;
	margin-right: 8px;
	padding: 6px 7px;
	display: block;
	color: #FFFFFF;
	background: url(../images/ol-bg.gif) no-repeat top left;
	font: 20px/normal Arial, sans-serif;
	font-weight: bold;
}

/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
	margin: 15px 0;
}

div.bubble1 span.author,
div.bubble2 span.author,
div.bubble3 span.author,
div.bubble4 span.author {
	padding-left: 15px;
	margin-left: 15px;
	font-weight: bold;
	background: url(../images/author.gif) no-repeat center left;
}

div.bubble1 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub1-br.gif) no-repeat bottom right;
}

div.bubble1 div div {
	background: url(../images/bub1-bl.gif) no-repeat bottom left;
}

div.bubble1 div div div {
	background: url(../images/bub1-tr.gif) no-repeat top right;
}

div.bubble1 div div div div {
	background: url(../images/bub1-tl.gif) no-repeat top left;
}

div.bubble1 div div div div div {
	margin: 0;
	padding: 15px 15px 30px 15px;
	width: auto;
}

div.bubble2 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub2-br.gif) no-repeat bottom right;
}

div.bubble2 div div {
	background: url(../images/bub2-bl.gif) no-repeat bottom left;
}

div.bubble2 div div div {
	background: url(../images/bub2-tr.gif) no-repeat top right;
}

div.bubble2 div div div div {
	background: url(../images/bub2-tl.gif) no-repeat top left;
}

div.bubble2 div div div div div {
	margin: 0;
	padding: 15px 15px 35px 15px;
	width: auto;
}

div.bubble3 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub3-br.gif) no-repeat bottom right;
}

div.bubble3 div div {
	background: url(../images/bub3-bl.gif) no-repeat bottom left;
}

div.bubble3 div div div {
	background: url(../images/bub3-tr.gif) no-repeat top right;
}

div.bubble3 div div div div {
	background: url(../images/bub3-tl.gif) no-repeat top left;
}

div.bubble3 div div div div div {
	margin: 0;
	padding: 15px 15px 50px 15px;
	width: auto;
}

div.bubble4 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub4-br.gif) no-repeat bottom right;
}

div.bubble4 div div {
	background: url(../images/bub4-bl.gif) no-repeat bottom left;
}

div.bubble4 div div div {
	background: url(../images/bub4-tr.gif) no-repeat top right;
}

div.bubble4 div div div div {
	background: url(../images/bub4-tl.gif) no-repeat top left;
}

div.bubble4 div div div div div {
	margin: 0;
	padding: 15px 15px 55px 15px;
	width: auto;
}


/* /////////////////////// JOOMLA STYLE //////////////////////////////////////////////////////////////////////////////////////////////// */


table.blog {}
.article_seperator {display:block; height:20px;}
#ja-col1 .article_seperator, #ja-col2 .article_seperator {display:none;}
table.contentpane {border:none; width:100%;}
table.contentpaneopen {border: none; border-collapse: collapse; border-spacing: 0;}
table.contenttoc {margin: 0 0 10px 10px; padding: 0; width: 35%;}
table.contenttoc a {text-decoration: none;}
table.contenttoc td {padding: 1px 5px 1px 25px; background: url(../images/bullet-list.gif) no-repeat 5% 50%;}
table.contenttoc th {padding: 0 0 3px;border-bottom: 1px solid #D0D9DF; text-indent: 5px;}
table.poll {padding: 0; width: 100%; border-collapse: collapse;}
table.pollstableborder {padding: 0; width: 100%; border: none; text-align: left;}
table.pollstableborder img {vertical-align: baseline; }
table.pollstableborder td {padding: 2px!important; border-collapse: collapse; border-spacing: 0;}
table.pollstableborder tr.sectiontableentry1 td {border: none; background: #D0D9DF;}
table.pollstableborder tr.sectiontableentry2 td {border: none;}

table.searchintro {padding: 10px 0;width: 100%;}
table.searchintro td {padding: 5px!important;}
table.adminform {width: 400px!important; /*Control the Frontend Editor area width*/}
.adminform .inputbox {}
.blog_more {margin: 10px 0;}
.blog_more strong {margin: 0 0 5px; display: block;color: #3C4A53; 	font-size: 155%;}
.blog_more ul {	margin: 0; padding: 0;}
.blog_more ul li {margin: 0; padding: 0 0 0 17px;background: url(../images/bullet-list.gif) no-repeat 6px 8px; }
td.buttonheading {padding: 0 0 0 8px!important; text-align: center; background: url(../images/dot.gif) repeat-x bottom;}
.category {font-weight: bold;}
.clr {clear: both;}
/*.componentheading {padding:0 0 0 0; margin:0; font-size:170%; background:url('/images/procera/contenthdr_bg.jpg') no-repeat 0 0; width:auto; height:57px;}*/

.contentdescription {padding-bottom: 30px;}
.contentheading, .componentheading {font-size:170%; padding-bottom:10px; border-bottom:1px solid #D0D9DF; text-transform:capitalize; color:#f78f1e; line-height: 20px;}

.contentheading a:link {   color:#f78f1e; }
.contentheading a:active { color:#f78f1e; }
.contentheading a:visited { color:#f78f1e; }
.contentheading a:hover{  color:#f78f1e; text-decoration:underline; }

a.contentpagetitle, a.contentpagetitle:hover, a.contentpagetitle:active, a.contentpagetitle:focus {text-decoration:none !important;}

a.readon {float:left; display:block; text-decoration:none; text-transform:uppercase;}
a.readon:hover, a.readon:active, a.readon:focus {}
table.contentpaneopen td, table.contentpane td {}
table.contentpaneopen, table.contentpane, table.blog {width:100%;}
.createdate {padding:3px; text-transform:uppercase; font-size:90%; color:#92A3AE;}
.modifydate {color:#92A3AE; height:15px; padding-top: 15px;}
.moduletable {padding: 0;}
.mosimage {margin: 15px 5px 10px 0; padding: 0 5px 5px;}
* html .mosimage { /*IE 6*/ padding: 5px 0 !important; margin: 15px 10px 10px 0;}
*+html .mosimage { /*IE 7*/	padding: 5px 0 !important;}
.mosimage img {padding: 0 !important; margin: 0 !important;}
.mosimage_caption {margin-top: 5px; padding: 1px 2px;color: #92A3AE;}

.pagenav, .pagenav_prev, .pagenav_next, .pagenavbar {padding: 0 2px;}
a.pagenav, .pagenav_prev a, .pagenav_next a, .pagenavbar a {text-decoration: none;}
a.pagenav:hover, a.pagenav:active, a.pagenav:focus, .pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus, .pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus, .pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {text-decoration: none;}

.pagenavbar {padding-left: 14px; background: url(../images/pages.gif) no-repeat center left;}
.pagenavcounter {padding: 8px 14px 0 14px;background: url(../images/pages.gif) no-repeat 0 11px;}

.sectiontableheader {padding: 30px 5px 8px; border-bottom: 3px solid #D0D9DF; font-size: 170%;}

tr.sectiontableentry1 td {padding: 8px 5px; background: url(../images/dot.gif) repeat-x bottom;}
tr.sectiontableentry2 td {padding: 8px 5px; background: url(../images/dot.gif) repeat-x bottom;}
tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td {background: url(../images/dot.gif) repeat-x bottom;}
.smalldark {text-align: left;}
div.syndicate div {text-align: center;}
.pollstableborder tr.sectiontableentry1 td, .pollstableborder tr.sectiontableentry2 td {background: none;}



/* /////////////////////////////////////////////////////// MAIN LAYOUT DIVS //////////////////////////////////////////////////////  */


#ja-wrapper {width:1022px; margin:20px auto 0; background:#fff;}

.narrow #ja-wrapper {width:1022px;}

#ja-containerwrap, #ja-containerwrap-fr, #ja-containerwrap-fl, #ja-containerwrap-f {clear:both;}

/* background bar/border */
/*#ja-containerwrap, #ja-containerwrap-fr {background:url(../images/mainwrap-bg.gif) repeat-y 23%;}*/
/*#ja-containerwrap #ja-container {background: url(../images/dot.gif) repeat-y 77% 0;}*/
/*#ja-containerwrap-fl {background: url(../images/dot.gif) repeat-y 75% 0;}*/

#ja-containerwrap-fl #ja-container {background:none;}

#ja-containerwrap-fr #ja-container {background:none;}

#ja-mainbody, #ja-mainbody-fr {float:right;width:77%;}

#ja-mainbody #ja-contentwrap {float:left;width:70%;}

#ja-mainbody-fl {float:left; width:100%;}

#ja-mainbody-fl #ja-contentwrap {float:left; width:74.8%; background:none;}

#ja-mainbody-fl #ja-col2 {float:right; width:25%;}

#ja-mainbody-f {float:none; width:100%;}

#ja-container {padding:20px 0 0;}

#ja-content {padding:0 20px; margin:0; clear:both; display:block;}

/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
	background: #5D6B74;
	position: relative;
	height: 200px;
	line-height: normal;
}

/* hide the headerbar */
#ja-headerwrap {display:none;}

#ja-header {height:200px;}

h1.logo {font-size:300%; display:block; float:left; margin:0; padding:0; width:196px; height:38px;}

.narrow h1.logo {
	width: 172px;
}

h1.logo a {
	width: 196px;
	height: 38px;
	display: block;
	float: left;
	text-decoration: none;
	text-transform: uppercase;
	outline: none;
	text-indent: -4000px;
	background: url(/wp-content/themes/ja_mageia/images/procera/logo_small.png) no-repeat;
}

.narrow h1.logo a {
	width: 172px;
	background: url(../images/logo-narrow.jpg) no-repeat;
}

#ja-newsflash {
	line-height: normal;
	height: 170px;
	position: relative;
	width: 22.9%;
	float: left;
	background: #5D6B74;
}

#ja-scroll_1, #ja-scroll_2 {
	background: #5D6B74;
}

#ja-pathwaywrap {
	background: url(../images/opaque-default.png);
	clear: both;
	height: 30px;
}

#ja-pathway {
	display: block;
	padding: 10px 0 5px;
	color: #D0D9DF;
	width: 77%;
	float: right;
	text-indent: 20px;
	position: relative;
}

#ja-pathway strong {
	margin-right: 10px;
}

#ja-pathway img {
	margin: 0 5px 0;
}

#ja-pathway a {
	font-weight: bold;
	color: #D0D9DF;
	text-decoration: none;
}

/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnavwrap {clear:both; padding-bottom:46px; background:url(/wp-content/themes/ja_mageia/images/procera/wave1.gif) no-repeat 0 bottom; padding-left:60px; width:1022px\9;}

.narrow #ja-mainnavwrap {
	background: url(../images/dot.gif) repeat-y 173px 0;
}

#ja-mainnav {
	float: right;
	width: 77%;
}

#ja-mainnavwrap a, #ja-mainnavwrap a:hover, #ja-mainnavwrap a:active, #ja-mainnavwrap a:focus {outline:none;}
#ja-subnavwrap {}
#ja-subnav {}

/* Default Left Side Menu */
a.mainlevel {padding:5px 0 5px 20px; /*width:90%;*/ display:block; color:#2A343A; text-decoration:none; background:url(/wp-content/themes/ja_mageia/images/procera/menu_left.gif) no-repeat bottom left;}
a.mainlevel:hover, a.mainlevel:active, a.mainlevel:focus {color:#900; text-decoration:none; background:url(/wp-content/themes/ja_mageia/images/procera/menu_left_hover.gif) no-repeat bottom left;}
a.mainlevel#active_menu {color:#900; background:url(/images/procera/menu_left_hover.gif) no-repeat bottom left; font-weight:bold; text-decoration:none;}

a.sublevel {padding: 2px 0 2px 20px; display: block; color: #2A343A; text-decoration: none; background: url(../images/bullet-list.gif) no-repeat 10px 9px;}
a.sublevel:hover, a.sublevel:active, a.sublevel:focus {color: #0064A1; text-decoration: none;}
#active_menu {color: #0064A1; font-weight: bold;}

/* MODULE
--------------------------------------------------------- */

.top-divider {
	font-size: 170%;
	padding: 0 2px 10px;
	margin: 150 -2px 10px;
	border-top: 1px solid #D0D9DF;
	color: #b5121a;
	font-weight: normal;
}

div.moduletable h3 {
	font-size: 170%;
	padding: 0 2px 10px;
	margin: 0 -2px 10px;
	border-bottom: 1px solid #D0D9DF;
	color: #b5121a;
	font-weight: normal;
}

div.moduletable {
	padding: 0 10px 10px;
	margin-bottom: 30px;
}

#ja-col1 div.moduletable {
	padding-left: 0;
	margin-bottom: 15px;
}

#ja-col1 div.moduletable H3 {
	color: #b5121a;
}

#ja-col2 div.moduletable {
	padding-right: 0;
	margin-bottom: 15px;
}

div.moduletable-blank {
	background: none;
	padding: 0;
	margin-bottom: 15px;
}

/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-right, .ja-box-rightcol {
	float: left;
	overflow: hidden;
	padding: 0;
}

.ja-box-full div.moduletable,
.ja-box-left div.moduletable,
.ja-box-right div.moduletable,
.ja-box-rightcol div.moduletable {
	padding: 0 20px 20px 20px;
}

.ja-box-left div.moduletable h3,
.ja-box-full div.moduletable h3 {
	background: #92A3AE;
}

.ja-box-left,
.ja-box-full {
	background: #FFFFFF;
}

.ja-box-right div.moduletable h3 {
	background: #5D6B74;
}

.ja-box-right {
	background: #F4F6F7;
}

.ja-box-rightcol div.moduletable h3 {
	background: #3C4A53;
}

.ja-box-rightcol {
	background: #E3E8EB;
}

/* Bottom Spotlight */
#ja-botslwrap {
	float: left;
	clear: both;
	width: 100%;
}

#ja-botsl {
}

#ja-botsl h3 {
	color: #FFFFFF;
	margin: 0 -20px 10px;
	padding: 6px 20px;
	font-size: 100%;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#ja-botsl div.moduletable {
	margin: 0;
}

#ja-botsl ul {
	padding: 0;
	margin: 0 !important;
}

#ja-botsl li {
	padding: 0 0 0 13px;
	margin: 0;
	background: url(../images/bullet-list.gif) no-repeat 2px 10px;
}

#ja-botsl td {
	padding: 0;
}

#ja-botsl .article_seperator {
	display: none;
}

#ja-botsl table {
	border-spacing: 0;
	border-collapse: collapse;
}

/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
#ja-col1 {
	float: left;
	width: 22.9%;
	*-width: 20%;
	/*overflow: hidden;*/
}

#ja-col1 .moduletable {overflow:hidden;}
#ja-col1 .moduletable-homedemo {overflow:visible; padding:0; width:460px; *-width:445px; background:url('/wp-content/themes/ja_mageia/images/procera/dots_vert.gif') no-repeat right top; *-background:url('');}

#ja-col1 div.ja-innerpad {
	padding: 1px 15px 10px 20px;
}

#ja-col2 {float:right; width:30%; overflow:hidden; padding-top:19px;}

#ja-col2 div.ja-innerpad {
	padding: 1px 20px 10px 10px;
}

#ja-col1 table,
#ja-col2 table {
	border-collapse: collapse;
	border-spacing: 0;
}

#ja-col1 ul li,
#ja-col2 ul li {
	padding-left: 5px;
	margin: 0;
}

#ja-col1 ul,
#ja-col2 ul {
	margin: 0;
}

.moduletable h2 {color:#b5121a;}

/* USER TOOLS
--------------------------------------------------------- */
#ja-usercolorswrap,
#ja-usertoolswrap {
	position: absolute;
	top: 0;
	right: 15px;
	font-size: 11px;
}

*+html #ja-usertoolswrap {
	right: 0;
}

#ja-usertools {
	margin: 0;
	padding: 10px 0 4px 0;
}

* html #ja-usertools { /*IE 6*/
	float: left;
}

*+html #ja-usertools { /*IE 7*/
	padding: 8px 0 4px 0;
}

#ja-usercolors ul,
#ja-usertools ul {
	margin: 0;
	padding: 0;
	float: left;
}

#ja-usercolors ul li,
#ja-usertools ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	display: inline;
}

#ja-usercolors img,
#ja-usertools img {
	padding: 0;
	margin: 0 0 0 2px;
}

#ja-usercolors {
	float: left;
	padding: 10px 5px 4px;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footerwrap {padding:20px 0; clear:both; position:relative;}
#ja-footer {padding:0 0 20px 0; color:#3C4A53; position:relative; text-align:right;}
#ja-footer small, #ja-footer address {font-style:normal; font-size:88%; color:#3C4A53;}

#ja-footer ul {margin:0 0 5px 20px; padding:0;}
#ja-footer li {margin:0; padding:0; display:inline; background:none;}
#ja-footer li a {display:inline; padding:0 20px 0 0; line-height:normal; text-decoration:none; text-transform:uppercase; font-weight:bold; color:#5D6B74;}
#ja-footer li a:hover, #ja-footer li a:active, #ja-footer li a:focus {text-decoration:none; color:#5D6B74;}

/* Search */
#ja-searchwrap {
	width: 22.99%;
	float: left;
	background: #3C4A53;
	height: 30px;
}

#ja-search {
	background: url(../images/icon-search.gif) no-repeat center left;
	padding-left: 17px;
	margin: 6px 0 0 20px;
}

#ja-search .inputbox {
	width: 150px;
	padding: 2px 5px 3px;
	color: #D0D9DF;
	background: #3C4A53;
	border: 1px solid #3C4A53;	
}

.narrow #ja-search .inputbox {
	width: 100px;
}





table.hardwareplatformstable tr.hdrrow td {background-color:#b5121a; color:#fff; padding:6px;}
table.hardwareplatformstable tr.hdrrow td.rowa {background-color:#ccc; color:#000;}
table.hardwareplatformstable tr.odd td {background-color:#fff; padding:4px; border-bottom:1px dotted #aaa;}
table.hardwareplatformstable tr.even td {background-color:#f6f6f6; padding:4px; border-bottom:1px dotted #aaa;}
table.hardwareplatformstable tr.odd td.rowa {background-color:#fff1c5;}
table.hardwareplatformstable tr.even td.rowa {background-color:#eee;}
table.hardwareplatformstable tr td.empty {border-bottom:none;}


/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility {
	position: absolute;
	top: -100%;
}

#ja-banner {
	text-align: center;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active {
	margin: 10px 0;
	display: block;
	background: none!important;
	text-decoration: none!important;
}

#mod_login_password, #mod_login_username {
	width: 80%;
}

#mod_login_remember {
	border: none;
	background: none;
}

/* JA Newsflash */
div.nftitle,
div.nfimages,
div.nfcontent {
	padding: 0 20px 0 20px;
}

div.nftitle {
	font-size: 170%;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	margin-top: 0;
}

div.nftitle a {
	text-decoration: none;
	border: none;
	color: #FFFFFF;
}

div.nfimages {
	text-align: center;
}

div.nfcontent {
	color: #D0D9DF;
	margin: 0;
}

/* Clearfix */
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 100%;
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}

ul.mainmenu{ list-style:none; padding:0px; margin:0px; }

li.level3 a {padding:2px 0 2px 21px; display:block; color:#2a343a; text-decoration:none;}

li.level3 a.mainlevel {padding:2px 0 2px 21px; display:block; color:#2a343a; text-decoration:none; background:url(/wp-content/themes/ja_mageia/images/procera/menu_left_indent.gif) no-repeat 2px bottom;}

li.level3 a.mainlevel:hover {background:url(/wp-content/themes/ja_mageia/images/procera/menu_left_indent_hover.gif) no-repeat 2px bottom; color:#b5121a;}

ul.latestnews{ list-style:none; padding:0px; margin:0px; }
ul.latestnews li {
padding-top: 2px;
padding-right: 4px;
padding-bottom: 2px;
padding-left: 20px;
display: block;
text-decoration: none;
background:url(/wp-content/themes/ja_mageia/images/procera/menu_left.gif) no-repeat 12px bottom;
}
li.latestnews a {
padding-left:6px;
}


/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position: absolute;
	overflow: hidden;
	left: -1000px;
	top: -1000px;
}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position: absolute;
}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 2;
}

.transMenu.top .items {}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	-moz-opacity: .9;
	filter: alpha(opacity=90);
}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
	width: 2px;
	position: absolute;
	z-index: 3;
	top: 3px;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
	position: absolute;
	z-index: 1;
	left: 3px;
	height: 2px;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}

/* each TR.item is one menu item */
.transMenu .item {
	color: #556975;
	text-transform: none;
	text-align: left;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border: none;
	cursor: pointer;
	font-size: 100%;
}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {color:#556975; background:#fff;}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left: 10px;
}



.transMenu .item#active {
	color: #b5121a;
	font-weight: bold;
	background: #D0D9DF;
	/* -moz-opacity: .6;
	filter: alpha(opacity=60); */
}

.transMenu .item#active:hover {color:#b5121a; font-weight:bold;}

/* For first level menu.*/
#ja-transmenu {margin:0; padding:0;}

#ja-transmenu li {margin:0; padding:0; background:none; display:inline;}

#ja-transmenu li a { /* common styles for 1st level menu */
	float: left;
	margin: 0 0 0 1px;
	padding: 5px 11px 5px 22px;
	display: block;
	color: #666;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	/*text-transform: uppercase;*/
	line-height: normal;
	/*border-right: 1px solid #D0D9DF;*/
	background: url(/wp-content/themes/ja_mageia/images/procera/menu_arrow.gif) no-repeat 3px 6px;
}

#ja-transmenu a.havechild-mainlevel-trans {/*background: url(../images/dot5px-grey.gif) repeat-x top;*/}

#ja-transmenu a.havechild-mainlevel-trans:hover, #ja-transmenu a.havechild-mainlevel-trans:active, #ja-transmenu a.havechild-mainlevel-trans:focus {background:#f4f6f7 url(/images/procera/menu_arrow_dn.gif) no-repeat 5px 4px;}

#ja-transmenu a.havechild-mainlevel-active-trans {color:#fff; background:#b5121a url(/wp-content/themes/ja_mageia/images/procera/menu_arrow_dn_red.gif) no-repeat 5px 4px;}

#ja-transmenu a.havechild-mainlevel-active-trans:hover, #ja-transmenu a.havechild-mainlevel-active-trans:active, #ja-transmenu a.havechild-mainlevel-active-trans:focus {}

/* keep top-level arrow down on hover... for IE anyway */
#ja-transmenu a.jahover, {background:#f4f6f7 url(/wp-content/themes/ja_mageia/images/procera/menu_arrow_dn.gif) no-repeat 5px 4px;}

#ja-transmenu a.jahover, #ja-transmenu a.jahover span {text-decoration:none;}

#ja-transmenu a.jahover-active {color:#fff; background:#b5121a url(/wp-content/themes/ja_mageia/images/procera/menu_arrow_dn_red.gif) no-repeat 5px 4px;}

a.mainlevel-trans {}

#ja-transmenu a.mainlevel-trans:hover, #ja-transmenu a.mainlevel-trans:active, #ja-transmenu a.mainlevel-trans:focus {text-decoration:none; background:#f4f6f7 url(/images/procera/menu_arrow_dn.gif) no-repeat 5px 4px;}

#ja-transmenu a.mainlevel-active-trans, #ja-transmenu a.mainlevel-active-trans:hover, #ja-transmenu a.mainlevel-active-trans:active, #ja-transmenu a.mainlevel-active-trans:focus {color:#fff; background:#b5121a url(/wp-content/themes/ja_mageia/images/procera/menu_arrow_dn_red.gif) no-repeat 5px 4px;}

/* First item */
#ja-transmenu a.havechild-mainlevel-trans-first, #ja-transmenu a.mainlevel-trans-first {display:none;}

#ja-transmenu a.havechild-mainlevel-trans-first:hover, #ja-transmenu a.havechild-mainlevel-trans-first:active, #ja-transmenu a.havechild-mainlevel-trans-first:focus, #ja-transmenu a.mainlevel-trans-first:hover, #ja-transmenu a.mainlevel-trans-first:active, #ja-transmenu a.mainlevel-trans-first:focus {display:none;}

#ja-transmenu a.havechild-mainlevel-active-trans-first, #ja-transmenu a.mainlevel-active-trans-first {background-color:#b5121a; color:#fff; display:none;}

/* last item */
/* #ja-transmenu a.havechild-mainlevel-trans-last, #ja-transmenu a.mainlevel-trans-last {background: url(../images/dot5px-grey.gif) repeat-x top;} */

/* LAST ITEM HOVER */
#ja-transmenu a.havechild-mainlevel-trans-last:hover, #ja-transmenu a.havechild-mainlevel-trans-last:active, #ja-transmenu a.havechild-mainlevel-trans-last:focus, #ja-transmenu a.mainlevel-trans-last:hover, #ja-transmenu a.mainlevel-trans-last:active, #ja-transmenu a.mainlevel-trans-last:focus {/* background:#f4f6f7 url(/images/procera/menu_arrow_dn.gif) no-repeat 5px 4px; */}

#ja-transmenu a.havechild-mainlevel-active-trans-last, #ja-transmenu a.mainlevel-active-trans-last {color:#fff; background-image:none; background:#b5121a url(/wp-content/themes/ja_mageia/images/procera/menu_arrow_dn_red.gif) no-repeat 5px 4px;}