html, body, form, fieldset{margin:0; padding:0}
body{color:#333; background:#FFF; font:13px Arial,Helvetica,sans-serif; line-height:130%}
body.contentpane{width:auto; margin:1em 2em; line-height:1.3em; margin:0; color:#333}
/* Link */
a{color:#1B9ECD; text-decoration:none}
a:hover, a:active, a:focus{color:#069; text-decoration:underline}
a[href$=".pdf"] {background:url(../images/pdf_button.png) no-repeat left 50%; padding:2px 0 2px 25px; font-weight:bold; font-size:12px; text-transform:uppercase;}

/* Typo */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4{}
small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption{color:#666; font-size:92%}
h1{font-size:180%}
h2{font-size:150%}
h3{font-size:115%; color:#069}
h4{font-size:100%; text-transform:uppercase}
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6{margin:1em 0; padding:0}

/* Lists */
ul{list-style:none}
ul li{padding-left:30px; background:url(../images/bullet.gif) no-repeat 18px 8px; line-height:160%}
ol li{margin-left:35px; line-height:180%}

th{padding:5px; font-weight:bold; text-align:left}
fieldset{border:none; padding:10px 5px; background:url(../images/hdot2.gif) repeat-x top}
fieldset a{font-weight:bold}
hr{border-top:1px solid #CCC; border-right:0; border-left:0; border-bottom:0; height:1px}
td, div{font-size:100%}
img{border:none}

/* FORM */
form{margin:0; padding:0}
form label{cursor:pointer}
input, select, textarea, .inputbox{padding:3px 5px; font-size:100%}
.inputbox, textarea{border:1px solid #CCC; background:#FFF}
.inputbox:hover, .inputbox:focus, textarea:hover, textarea:focus{background:#eee}

.button{padding:4px 5px; border:1px solid #333; background:url(../images/grad1.gif) repeat-x top #333; color:#CCC; font-size:85%; text-transform:uppercase}
.button:hover, .button:focus{border:1px solid #999; background:#333; color:#FFF; cursor:pointer}
* html .button{padding:2px 3px !important; /*IE 6*/}
*+html .button{padding:2px 3px !important; /*IE 7*/}

#searchpg{margin:0 20px}
form#searchForm{}

pre, .code{padding:10px 15px; margin:5px 0 15px; border-left:5px solid #999; background:#FFF; font:1em/1.5 "Courier News",monospace}
blockquote{padding:1em 40px 1em 15px}
blockquote span.open{padding:0 0 0 20px; background:url(../images/so-q.gif) no-repeat left top}
blockquote span.close{padding:0 20px 0 0; background:url(../images/sc-q.gif) no-repeat bottom right}
.quote-hilite{padding:10px 15px; margin:0; border:1px solid #CACACC; background:#FFF}
.small-quote{margin:0; padding:0; background:none}
.small-quote span.open-quote{margin:0; padding-left:20px; background:url(../images/so-q.gif) no-repeat center left}
.small-quote span.close-quote{margin:0; padding-right:20px; background:url(../images/sc-q.gif) no-repeat center right}
.small-quote span.author{padding:2px 5px 2px 20px; border-top:1px solid #DCDDE0; margin:0.5em 0 0; display:block; background:url(../images/author.gif) no-repeat 5px 4px #EAEBEE; font-size:90%; text-transform:uppercase}
.dropcap{float:left; padding:4px 8px 0 0; display:block; color:#999; font:50px/40px Georgia,Times,serif}
.blocknumber{clear:both; padding:5px 15px 10px; position:relative}

/* Tips, Error, Message, Hightlight*/
p.error{padding-left:25px; color:#BF0000; background:url(../images/icon-error.gif) no-repeat top left}
p.message{padding-left:25px; color:#1B9ECD; background:url(../images/icon-info.gif) no-repeat top left}
p.tips{padding-left:25px; color:#EE9600; background:url(../images/icon-tips.gif) no-repeat top left}
.highlight{padding:1px 5px; background:#FFC; font-weight:bold}
/* 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}
ul.destaques{list-style:none; margin:10px 0}
ul.destaques li{background:none; margin:0; padding:0 0 5px 0}
ul.destaques li a{color:#999; padding:0 0 0 20px; text-decoration:none; background:url(../images/destaques.gif) no-repeat 0 50%}
ul.destaques li a:hover{color:#1B9ECD; text-decoration:none; background:url(../images/destaquesh.gif) no-repeat 0 50%}
/* Legend */
.legend-title{margin:0; padding:0 3px; float:left; display:block; background:#F6F6F6; font-weight:bold; position:absolute; top:-10px; left:7px}
.legend{margin:20px 0; padding:0 10px; border:1px solid #CACACC; background:#FFF; position:relative}

/* J! */
table.blog{}
.article_separator{clear:both; display:block; height:20px}
.article_column{}
.column_separator{padding:0 25px}

/* content tables */
td.sectiontableheader{padding:4px; border-right:1px solid #fff}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td{padding:4px}
td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2{padding:3px}
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%; float:right}
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 #CCC; 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:4px!important; border-collapse:collapse; border-spacing:0}
table.pollstableborder tr.sectiontableentry1 td{background:#ECECEC}
table.searchintro{padding:10px 0; width:100%}
table.searchintro td{padding:5px!important}
table.adminform{}
.adminform .inputbox{}

.blog_more{padding:10px 0; background:url(../images/hdot.gif) repeat-x top}
.blog_more strong{margin:0 0 5px; display:block; font-size:125%}
.blog_more ul{margin:0; padding:0}
.blog_more ul li{margin:0; padding:0 0 0 17px; background:url(../images/bullet.gif) no-repeat 6px 8px}

.category{font-weight:bold}

/* COMPONENT - CONTENT HEADING*/
h1.componentheading, .componentheading{padding:5px 0 20px; margin:0}
.componentheading{font-size:140%; text-transform:uppercase}
.contentdescription{padding-bottom:30px}
h2.contentheading, .contentheading{padding:5px 0 20px; margin:0; font-weight:normal; text-transform:uppercase; color:#069}
#ja-mainbody-f h2.contentheading, #ja-mainbody-f .contentheading{padding:5px 20px 20px}
table.blog .contentheading{font-size:150%}
.contentheading{font-size:140%}

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

/* READON */
a.readon{float:left; margin-top:10px; padding:1px 5px 1px 14px; border:1px solid #F6F6F6; display:block; background:url(../images/arrow.png) no-repeat 5px 48%; color:#1B9ECD; font-weight:bold; text-decoration:none; text-transform:uppercase}
a.readon:hover, a.readon:active, a.readon:focus{border:1px solid #ECECEC; background:url(../images/arrow.png) no-repeat 5px 48% #FFF}

table.contentpaneopen td, table.contentpane td{}
table.contentpaneopen, table.contentpane, table.blog{width:100%}

.moduletable{padding:0}

ul.pagination{margin:15px auto; padding:10px 0; background:url(../images/hdot.gif) repeat-x top}
ul.pagination li{margin:0; padding:0; display:inline; background:none}
ul.pagination li span{padding:2px 5px}
ul.pagination a{padding:2px 5px; border:1px solid #F6F6F6}
ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus{border:1px solid #ECECEC; background:#FFF}

.pagenavbar{padding-left:14px}
.pagenavcounter{padding:8px 14px 0 14px}

.sectiontableheader{padding:8px 5px; background:#444; color:#FFF}
.sectiontableheader a{color:#FFF}
tr.sectiontableentry1 td{padding:8px 5px; background:url(../images/hdot2.gif) repeat-x bottom}
tr.sectiontableentry2 td{padding:8px 5px; background:url(../images/hdot2.gif) repeat-x bottom #ECECEC}
tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td{background:url(../images/hdot2.gif) repeat-x bottom #FFC}

.smalldark{text-align:left}

div.syndicate div{text-align:center}

.pollstableborder tr.sectiontableentry1 td, .pollstableborder tr.sectiontableentry2 td{background:none}

/* META */
.article-tools{border-top:1px solid #DDD; width:100%; float:left; clear:both; margin-bottom:15px; display:block; background:#ECECEC}
.article-meta{padding:5px; width:80%; float:left}
.createby{padding:3px 3px 3px 20px; background:url(../images/icon-user.gif) no-repeat 0 2px}
.createdate{padding:3px 3px 3px 20px; background:url(../images/icon-date.gif) no-repeat 0 2px}
.modifydate{width:100%; float:left}
div.buttonheading{float:right; width:15%}
.buttonheading img{margin:7px 5px 0 0; border:0; float:right}

/* MAIN DIVS */
#ja-wrapper{width:100%; margin:0}
#ja-containerwrap{}
#ja-containerwrap2{}
#ja-container{width:960px; margin:0 auto;}
#ja-container2{padding:20px 0}
#ja-mainbody-fr #ja-col1{width:20%; float:left}
#ja-mainbody-fr #ja-contentwrap{width:80%}
#ja-mainbody, #ja-mainbody-fl{float:left; width:60%}
#ja-mainbody #ja-contentwrap{float:right; width:75%}
#ja-mainbody-fl #ja-contentwrap{float:left; width:100%}
#ja-mainbody-f, #ja-mainbody-fr{float:none; width:100%}
#ja-mainbody-fr #ja-contentwrap{width:74.8%; float:right}
#ja-mainbody-fr #ja-contentwrap{width:80%}
#ja-content{padding:0 20px 0 30px}
#ja-contentwrap{min-height:300px; height:auto}
* html #ja-contentwrap{height:300px}
#ja-mainbody-fl #ja-content{padding:0 0 20px 20px}
#ja-mainbody-f #ja-content{padding:0}
#ja-mainbody-f p{padding:0 20px}

html, body, #ja-wrapper{height:100%}
body>#ja-wrapper{height:auto; min-height:100%}
#ja-containerwrap{padding-bottom:100px}

/* Full */
#ja-containerwrap-f{}
#ja-containerwrap-f #ja-containerwrap2{}
#ja-containerwrap-f #ja-container, #ja-containerwrap-f #ja-container2{}

/* Full left */
#ja-containerwrap-fl{}
#ja-containerwrap-fl #ja-containerwrap2, #ja-containerwrap-fl #ja-container, #ja-containerwrap-fl #ja-container2{}

/* Full right */
#ja-containerwrap-fr{}
#ja-containerwrap-fr #ja-containerwrap2{}

/* LEFT + RIGHT */
#ja-col1{float:left; width:20%; padding-top:0; overflow:hidden}
#ja-col2{float:right; width:39.99%; overflow:hidden}
#ja-col1 table, #ja-col2 table{border-collapse:collapse; border-spacing:0}
#ja-col1 ul li, #ja-col2 ul li{padding-left:15px; margin:0; background:url(../images/bullet.gif) no-repeat 5px 50%}
#ja-col1 ul, #ja-col2 ul{margin:0}
#ja-col1 ol, #ja-col2 ol{margin-left:5px}
#ja-col1 .article_separator, #ja-col2 .article_separator{display:none}


/* TOP MODULES */
#topmodules{width:960px; margin:0 auto}
#topmodules_in{position:relative; margin:10px 0 12px}

/* Newsflash */
#net_newsflash{width:700px; height:28px}

/* Search */
#net_search{position:absolute; top:0; left:720px; width:237px; height:28px}
#net_search .inputbox{position:absolute; top:0; width:195px; padding:5px; color:#999; font-size:92%; border:1px solid #eee}
#net_search input.button{position:absolute; right:0; top:2px; border:none; background:none}

/* HEADER */
#ja-headerwrap{width:960px; margin:0 auto; height:40px}
#ja-header{position:relative; height:40px}
#ja-header a{}

/* Navi */
#ja-mainnavwrap{background:#dadada url(../images/menu_bg.gif) no-repeat; height:40px}
#ja-mainnav{float:right; }

/* Logo */
h1.logo{margin:0 0 0 20px; padding:0; font-size:180%; text-transform:uppercase}
h1.logo a{width:200px; height:40px; display:block; background:url(../images/logo.gif) no-repeat; position:relative; z-index:100; float:left}
h1.logo a span{position:absolute; top:-1000px}

/* Pathway */
#ja-pathway{font-size:92%}
#ja-pathway strong{margin-right:5px; font-weight:normal}
#ja-pathway a{text-decoration:none}
#ja-pathway img{margin:1px 5px}

#destaques{width:236px; height:250px; overflow:hidden; color:#999; margin-bottom:10px}
#destaques h3{font-size:110%; margin:0 0 5px; color:#333}
#destaques .email{background:url(../images/destaques_email.png) no-repeat 50% 0; padding:110px 30px 40px}
#destaques .websense{background:url(../images/destaques_websense.png) no-repeat 50% 0; padding:110px 25px 40px}
#destaques .infos{background:url(../images/destaques_info.png) no-repeat 60% 0; padding:110px 25px 40px}
#destaques .rede{background:url(../images/destaques_rede.png) no-repeat 80% 0; padding:110px 25px 40px}
#destaques .wan{background:url(../images/destaques_wan.png) no-repeat 100% 0; padding:110px 25px 40px}



/* MODULETABLE */
div.moduletable, div.moduletable_menu, div.moduletable_text{padding:0 0 20px; margin-bottom:15px; background:url(../images/hdot.gif) repeat-x bottom}
div.moduletable h3, div.moduletable_menu h3, div.moduletable_text h3{padding:0 0 8px; margin:0; color:#666; font-size:110%; font-weight:bold; text-transform:uppercase}

/* MODULE ROUNDED */
div.module h3{margin:0 -15px 10px; padding:8px 15px 5px; border-bottom:1px solid #fff; color:#666; font-size:110%; font-weight:bold; text-transform:uppercase; background:#eee url(../images/roundedh3.gif) no-repeat}
div.module_right h3{margin:0 -15px 10px; padding:8px 15px 5px; border-bottom:1px solid #fff; color:#666; font-size:110%; font-weight:bold; text-transform:uppercase; background:#eee url(../images/roundedh3_right.gif) no-repeat}
div.module, div.module_right{margin-bottom:20px; float:left; clear:both; width:100%; background:url(../images/b-br.gif) no-repeat bottom right #FFF}
div.module div, div.module_right div{background:url(../images/b-bl.gif) no-repeat bottom left}
div.module div div, div.module_right div div{background:url(../images/b-tr.gif) no-repeat top right}
div.module div div div , div.module_right div div div{padding:0 15px 15px; background:url(../images/b-tl.gif) no-repeat top left}
div.module div div div div, div.module_right div div div div{margin:0; padding:0; float:none; width:99%; background:none}

div.advs{float:left; width:100%; clear:both; display:block}
.banneritem{display:block; margin-top:15px}

/* FOOTER */
#ja-footerwrap{position:relative; margin-top:-20px; height:100px; border-top:2px solid #e9e9e9; clear:both}
#ja-footer{width:960px; margin:0 auto; padding:15px 0 0; color:#999; position:relative; text-align:center}
#ja-footer .copyright{clear:both; display:block; color:#999; font-style:normal; font-size:92%}
#ja-footer ul{margin:0 0 5px; padding:0}
#ja-footer li{margin:0; padding:0; display:inline; background:none}
#ja-footer li a{padding:0 15px 0 0; display:inline; color:#999; font-weight:bold; font-size:92%; line-height:normal; text-decoration:none; text-transform:uppercase}
#ja-footer li a:hover, #ja-footer li a:active, #ja-footer li a:focus{color:#333; text-decoration:none}


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

/*collapsible h3*/
h3.show{}
h3.hide{}

/*others*/
#net_banner{margin:15px 0 0; 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}

#form-login p{margin:0 0 5px}
#form-login ul{margin:10px 0 0}
#form-login .inputbox{width:90%}

.clr{clear:both}

.hasTip img{margin:10px 5px 0 0; border:none}

/* Tooltips */
.tool-tip{float:left; border:1px solid #D4D5AA; padding:5px; background:#FFC; max-width:200px}
.tool-title{padding:0; margin:0; margin-top:-15px; padding-top:15px; padding-bottom:5px; background:url(../../system/images/selector-arrow.png) no-repeat; font-size:100%; font-weight:bold}
.tool-text{margin:0; font-size:100%}

#system-message dd.message ul, #system-message dd.error ul, #system-message dd.notice ul{padding:0; margin:0}

#system-message dd.message ul li, #system-message dd.error ul li, #system-message dd.notice ul li{background:none; padding:5px; margin:0; color:#FFF}

/* System Standard Messages */
#system-message dd.message ul{background:#1B9ECD; border:none}

/* System Error Messages */
#system-message dd.error ul{background:#BF0000; border:none}

/* System Notice Messages */
#system-message dd.notice ul{background:#EE9600; border:none}

/* 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 */
html{margin-bottom:1px; height:100%!important; height:auto}