﻿/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
/*ul,ol { list-style: none; }*/
fieldset,img { top: 4px; Border: none;}
table { border-collapse: collapse; border-spacing: 0;
	text-align: center;
}
td, th { text-align: left; }

/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size	: 1px; }
.none { display:none; }
.prel { position: relative; }
.pabs { position: absolute; }
.pad8 { padding:8px; }

/* TYPE */
strong { font-weight: bold }
body 
{ 
	font: 11px Verdana; 
    color: #333333; 
    margin: 0px;
    padding: 0px;
    line-height: 14px;
       
}

/* Links */

a { color: #663399; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }  

/* Headers and Paragraphs */

p {line-height: 20px;}
li { line-height: 17px;}

h1 { font-weight: bold; font-size: 14px; color: #663399; padding-bottom:10px; }
h2 { font-size: 11px; line-height: 14px;}
h3 { font-weight: bold; font-size: 12px; }
h4 { font-weight: bold; font-size: 12px; color: #663399; }

li { list-style-position:inside;}

.note {margin-left: 10px; font-size: 9px;}

/* Input Controls */

input, textarea, select { font-size: 11px; font-family: Verdana, Arial;
	height: 21px;
}

.input { border: 0; color: #fff; font-size: 12px; font-weight: bold;} 
.inputtextbox {	margin-left: 10px; width: 560px; height: 18px; padding-top: 4px;}
.inputtextboxSubjs {margin-left: 10px; width: 400px; height: 18px; padding-top: 4px;}
.inputtextboxmin { margin-left: 10px; width: 200px; height: 18px; padding-top: 4px;}
.inputtextboxmin_right {  width: 200px; height: 18px; padding-top: 4px;}
.inputtextboxBig { margin-left: 10px; width: 560px; height: 70px;}
.subjsGrid { margin: 7px 0px 5px 10px; width: 400px; border: solid 0px #fff;}
.subjsGridDetails { width: 600px; border: solid 0px #fff;}
.authbox { width: 200px; height: 18px; padding-top: 2px; font: 11px Verdana; color: #333333; border-width: 0px;}
.authboxMin { width: 130px; height: 18px; padding-top: 2px; font: 11px Verdana; color: #333333; border-width: 0px;}
a.button { padding: 5px 10px; text-decoration:none; text-transform:uppercase; line-height:22px; text-align:center; color: #fff; background: #666666;  }
a.button:hover { background: #663399 }
.buttonAddSubj { width: 100px; text-decoration:none; text-transform:uppercase; text-align:center; color: #fff; background: #666666; margin-bottom: 2px; }
.buttonAddSubj:hover { background: #663399 }
.loginbutton { width: 80px; font: 12px Verdana; color: #fff; background: #666666; margin-top: 9px; border-width: 0px; height:22px; cursor:pointer}
.loginbutton:hover { width: 80px; font: 12px Verdana; color: #fff; background: #663399; margin-top: 9px; border-width: 0px; height:22px; }
a.fbbutton {text-decoration: none; margin: auto; line-height: 22px; padding-top: 6px; display:block; margin-top: 2px;  width: 180px; font: 12px Verdana; color: #fff; background: #666666;  border-width: 0px; height:18px; cursor:pointer}
a.fbbutton:hover { background: #663399; }
.largebutton { width: 180px; font: 12px Verdana; color: #fff; background: #666666; margin-top: 9px; border-width: 0px; }
.inputDropDown { margin-left: 10px; width: 205px; height: 22px; padding-top: 2px; padding-bottom: 2px; }
.inputDropDownBigSubjs { margin-left: 10px; width: 400px; height: 22px; padding-top: 2px; padding-bottom: 2px; }
.inputDropDownBig { margin-left: 10px; width: 560px; height: 22px; padding-top: 2px; padding-bottom: 2px; }
.inputDropDown_right {width: 205px; height: 22px; padding-top: 2px; padding-bottom: 2px;}
.inputupload { margin-left: 10px; width: 560px; height: 22px; }
.checkbox {width: 10px;}
.error { color: #8E2800; }
.errorover { color: red; background: #fff; position: absolute; left: 0;	top:0 }

/* Submission Form Controls */

.tipoacesso1 {width: 100px; text-indent: 4px;}
.tipoacesso2 {width: 110px; text-indent: 4px;}
.tipoacesso3 {width: 330px; text-indent: 4px;}
.tipoacesso4 {width: 330px; text-indent: 4px;}
.dots1 {width: 370px; border-bottom: dotted 1px #333; margin: 0 10px 0 10px;}
.dots2 {width: 354px; border-bottom: dotted 1px #333;}
.dots3 {width: 138px; border-bottom: dotted 1px #333;}
.dots4 {width: 138px; border-bottom: dotted 1px #333;}
.pricebox {width:170px;}
.inputpricebox {width: 140px; height: 18px; padding-top: 4px; margin-left: 6px;}
.inputpricebox2 {width: 70px; height: 14px; line-height: 14px; padding-top: 4px; margin-left: 5px; text-align: right;}
.checkbox2 {width: 160px; /*text-align:right; */vertical-align:top}
.permitir {width: 137px; text-indent: 4px;}
.numMax {width: 220px; }
.DropDownnumMax {width: 210px;}
.tempo {width:202px; vertical-align: top;}
.DropDowntempo {width: 200px;}
.submitButton {width: 180px; background: #8C66B3; height: 24px; border-width: 0px; color: #fff; font-size: 12px;}


.tabletitles
{
	width: 122px;
	color: #333333; 
}

.tabletitlesX
{
	width: 140px;
	color: #333333; 

}

.tabletitles2
{
	width: 126px;
}

.tabletitles3
{
	width: 151px;
	text-indent: 27px;
}

.tablecontents
{
	width: 560px;
}

.tablecontentsSubjs
{
	width: 600px;
	height: 22px;
}

.tablecontentsmin
{
	width: 200px;
}

.upper
{
	text-transform: uppercase;
}

.img 
{
	position: absolute;
	margin-left:9px;
	margin-top:8px;
	width: 99px;
	height: 132px;
}

.tit
{
	position: absolute;
	margin-left: 116px;
	margin-top: 8px;
	width: 341px;
	height: 18px;
}

.voltar
{
	font: 10px Verdana; 
    margin: 0px;
    padding: 0px;
}

.desc
{
	position: absolute;
	margin-left: 116px;
	margin-top: 25px;
	width: 335px;
	height: 141px;
}

.msg 
{
	padding-left: 15px;
	margin: 10px 0;
	background: #fff url(/images/tick.gif) no-repeat;
}

.msg.error 
{
	background: #fff url(/images/error.gif) no-repeat;
}

.disabled 
{
	color:#aaa;
}

.rateDisabled{
    color: #aaa;
}

.rateDisabled input[type=text]{
    background-color : #aaa;
    border: solid 1px #999;
}

#headercontainer
{
	width: 960px;
	height: 61px;
	padding-top: 26px;
	position: relative;
}

.langcontainer 
{
	right: 0;
	top:  36px;
	width: 200px;
	position: absolute;
}


.langcontainer a
{
	/*position: relative;*/
	float: right;
	text-align: center;
	height: 24px;	
	width: 24px;
	background: #666666;
	text-decoration: none;
	display: block;
	line-height: 24px;
	color: #fff;
	margin-left: 1px;
}

.langcontainer a:hover 
{
	background: #8C66B3;
}

.langcontainer a.selected 
{
	background: #663399;
}

#logocontainer
{
	position: relative;
	float: left;
	height: 60px;
	width: 250px;
	padding: 0;
}

#librarylogocontainer{
    float:left; 
    position: relative; 
    height: 60px; 
    width: 200px;
}

#headerCenter{
    position: relative;	
    float: left; 
    height: 60px; 
    width: 420px;
}

#headerCenter span{
    position: absolute; 
    top:52px; 
    color: #666; 
    font-weight: bold;
    font-size: x-large;
    left: -13px;
}
#Div_Bnp
{   visibility: hidden;
    float: left;
    left: 236px;
    top: 155px;
}

#poweredEU
{
    float: right;
    margin: 5px;
    position: absolute;
    right: -5px;
    top: 66px;
    vertical-align: middle;
}

.logoSeparator{
    width: 1px; 
    height: 50px; 
    position:absolute; 
    top: 0; 
    left: 0; 
    background-color: #ccc;
}

.logocontainer{
    position: absolute;
	height: 60px;
	padding: 0;
	top: 40px;
}

#adobecontainer
{
	position: relative;
	float: right;
	height: 60px;
}


#barcontainer
{
	float:left;
	width: 960px;
	height: 8px;
	background:	#663399;	
}

.bar{
    float:left;
	width: 960px;
	height: 8px;
	background:	#663399;	
}


#menubar
{
	margin-top: 5px;
	float:left; 
	height: 70px;
	margin-bottom: 3px;
}



#linkscontainer
{
	width: 960px;
	margin: 0 auto; padding: 0;  cursor: default;
}


#centrecontainer
{
	left: 0px;
	width: 960px;
	margin: 0 auto;
}


#container    
{
	position: relative;
	width: 960px;
}


#maincont
{
	width: 960px;	
}

#leftcontainer
{
	float: left;
	width: 224px;	
}

/* Logins */

#loginbar
{
	width: 224px;
	background: #8C66B3;
	height: 24px;
	color: #fff;
	font-size: 12px;
}

#loginbarMin
{
	width: 180px;
	background: #8C66B3;
	height: 24px;
	color: #fff;
	font-size: 12px;
}

#auth
{
	width: 224px;
	background: #CCCCCC;
	height: 100px;
	margin-top: 1px;
}

#authMin
{
	width: 180px;
	background: #CCCCCC;
	height: 100px;
	margin-top: 1px;
}

#authLogged
{
	width: 224px;
	background: #CCCCCC;
	height: 100px;
	margin-top: 25px; /* 24 of login bar + 1px from top */
	text-align:left;
}

#authLoggedMin
{
	width: 180px;
	background: #CCCCCC;
	height: 100px;
	margin-top: 25px; /* 24 of login bar + 1px from top */
	text-align:left;
}

#authLogged id, #authLogged span, #authLogged a
{
	text-transform:uppercase;
}

#authLogged a 
{
	line-height: 25px;
}


#contact
{
	width: 222px;
	/*border: solid 1px #999999;*/
	height: 80px;
	margin-top: 8px;
}

#getade
{
	width: 222px;
	/*border: solid 1px #999999;*/
	height: 56px;
	margin-top: 6px;
}

#rss
{
	margin-top: 3px;
	width: 224px;
	background: #666666;
	height: 20px;
	text-indent: 8px;
	color: #fff;
	font-size: 12px;
	display: block;
}

#rss img 
{
	background: url(/images/rss-btn_out.gif);
	width: 46px;
	height: 16px;
	margin-top: 2px;
}

#rss:hover img
{
	background: url(/images/rss-btn_over.gif);
}



#rss:hover
{
	background: #8C66B3;
}


.leftMenuItem, .leftSubMenuItem{
    margin-top: 3px;
	width: 224px;
	background: #666666;
	height: 20px;
	text-indent: 8px;
	color: #fff;
	font-size: 12px;
	display: block;
	line-height: 20px;
}

.leftMenuItem:hover, .leftMenuItem.active, .leftSubMenuItem:hover, .leftSubMenuItem.active, .sectionHeader{
    background: #8C66B3;
	text-decoration: none;
}

.leftMenuItem:selected{
    background: #663399;
}


/*#rightcontainer
{
	margin-top: 25px;
	margin-left: 18px;
	float: left;
	width: 690px;
}*/

.titlebar
{
	color: #fff;
	width: 725px;
	height: 24px;
	background: #999999;
	
}

#footercontainer
{	
	float: left;
	margin-top: 10px;
	border-top: solid 1px #aaa;
	width: 960px;
	height: 39px;
	font-size: 9px;
	text-align: right;
	
}


.userLoggedIn
{
	font-weight:bold;
}

.cbSub 
{
}

.valtit 
{
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	font-family: Verdana;
}

.valmsg 
{
	font-size: 12px;
	text-align: center;
	font-family: Verdana;	
}

.pager
{
	background:#ccc;
}

.pager span, .pager a
{
	padding:3px;
}

/* selected page */
.pager span
{
	background: #fff;
}

/* other page */
.pager a:hover
{
	color:Red;	
}

/* Download panel */
.downloadPanel
{
	padding-left:20px;	
}

.ValSummary
{
	list-style-type:square;	

}

/* permissions */
.perm 
{
	width:100%;
	margin: 10px 0 0 14px;
}

.perm td 
{
	/*height:30px;*/
	vertical-align: top;
	padding-bottom:10px
}

/* CSS Menu */

.menuRow
{
	height: 34px;	
}

.menuItem
{
	background: #666666;
	color: #fff;
	font: 12px Verdana;
	text-align: center;
	cursor: pointer; cursor: auto;
	height: 25px;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	padding: 0 10px;
}

.menuItem a
{
	text-decoration: none;
	color: #fff;
	display: block; height:34px;
}

.menuItem:hover
{
	background: #8C66B3;
}

.menuItem.selected
{
	background: #663399;	
}

.menuItemTC
{
	line-height: 34px;
	display: block;
}

.subMenuRow
{
	height: 24px;
	margin-top: 1px;
	margin-left: 224px;
}
.subMenuItem
{
	background: #666666;
	color: #fff;
	font: 12px Verdana;
	text-align: center;
	cursor: pointer; cursor: auto;
	height: 24px;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
}

.subMenuItem a
{
	text-decoration: none;
	color: #fff;
	display: block; height:24px;
}

.subMenuItem:hover
{
	background: #8C66B3;
}

.subMenuItem.selected
{
	background: #663399;	
}

.subMenuItemTC
{
	line-height: 24px;
	display: block;
}

.paymentSaleReportRow{
    min-height: 20px;
}

#WhiteheaderImage
{
    display:none;
}
