body, p {
	font-family : Arial,Tahoma, Verdana , Helvetica, sans-serif;
	font-size : 9pt;
    background-color: #FFFFFF;
}

p {
	margin-bottom: 15px;	
}

body { 
	text-align: center; 
	vertical-align: middle; 
}  

body#navBody  {
	background-color: #1a63e6;
	margin: 0 0 0 0;	
}

#wrapper{
	width: 800px;
	padding: 3px 3px 3px 3px;
}

#blank #wrapper{
	width: 600px;
	padding: 3px 3px 3px 3px;
}

#wrapper, #blank #wrapper{
	text-align: left; margin: 0 auto;
}

h1{
	font-family : Georgia,Times,Serif;
	font-size: 2.5em;
	font-weight: normal;
	color: #1f61f3;
}

h2{
	font-size: 1.5em;
	font-weight: normal;
	color: #606060;
}

h3{
	font-family : Georgia,Times,Serif;	
	font-size: 1.3em;
	font-weight: bold;
	color: #1f61f3;
}

h4{
	font-size: 1.1em;
	font-weight: bold;
	color: #606060;
}

h1,h2,h3,h4,h5,h6{
	margin-bottom: 10px;
	
}


a  {
	color : #1a63e6;
	text-decoration : underline;
}

h1 a  {
	color: #1f61f3;
	text-decoration : none;
}

h2 a  {
	color: #606060;
	text-decoration : none;
}

h3 a, h4 a  {
	color: #000000;
	text-decoration : underline;
}


#crumbTrail a {
	font-weight : bold;
	text-decoration : none;
}


#crumbTrail {
	padding: 3px 0px 3px 10px;
	margin-top: 0px;
	background-color: #e0e7f6;
}



a.navLinks  {
	color : #FFFFFF;
	text-decoration : none;
	font-weight : bold;
	font-size : 9pt;
}

.rssLink  {
	margin-bottom: 10px;
}

.rssLink a {
	font-size: 1.5em;
	text-decoration : none;
}

.rssLink span {
	font-size: 12px;
	text-decoration : none;
}



.fullWidth  {
	width: 100%;
}

.halfWidth { 
  width: 50%; 
  float: left; 
}

.thirdWidth { 
  width: 33%; 
  float: left; 
}

.thirdWidth edge { 
  width: 32%; 
}

.thirdWidth edge bottom{
	vertical-align: bottom;
}

.floatLeft { 
  float: left;   
}

.floatRight { 
  float: right; 
}


.leadElement{
  float: left;   
  padding: 10px;
  margin: 0 10px 10px 0;
  background-color: #CCCCCC;
}

.FieldDesc  {
	font-style : italic;
	font-weight : bold;
}


div.error_message, div.message  {
	background-color:#FFE8E8;
	border:1px solid red;
	padding:4px;
	margin:2px;
	font-weight: bold;
}


/* forms */

.form  {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;  
  margin: 0 0 10px 0;
  padding: 0;  
  width: 100%; 
  text-align:left;
}




.form  fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #FFFFFF;
  border-width: 0px;
  border-style: solid;
  padding: 0;        /* padding in fieldset support spotty in IE */
  margin: 10px 0 10px 0;
}

.form  fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
    font-weight: bold;
	color: #1f61f3;                    /* be careful with padding, it'll shift the nice offset on top of border  */
}

.form  label { 
	display: block;  /* block float the labels to left column, set a width */
	/*float: left;*/ 
	width: auto; 
	padding: 0; 
	margin: 15px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
	font-weight: bold;
	color: #333333;
}


.form  .checkboxInline label{ 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: auto; 
	padding: 0; 
	margin: -15px 0 0 30px; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
	font-weight: bold;
}



.form .input div { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: auto; 
	padding: 0; 
	margin: 5px 0 0 10px; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
	
}


.form  input, .form  textarea, .form  select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:500px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin: 5px 0 0 0; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	border: 1px #cccccc solid;
}


.form  .date select{
	width: 100px;
}

.form  .checkbox input{
	float: right;
}

.form  .short {
	width:150px; /* set margin-left back to zero on reset button (set above) */
}

.form  .submit input {
	width:auto !important;
	padding: 0 10px 0 10px;
}


.form  input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

.form  small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

.form  .required{font-weight:bold;} /* uses class instead of div, more efficient */

.form  br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.form ul.checkboxMultiple{
    margin:0;
    padding:0;
    list-style-type:none;
	width: 90%;
    }
	
.form ul.checkboxMultiple li {
    display:block;
    float:left;
    width: auto;
    margin: 0 8px 0 0;
    } 
	
.form ul.checkboxMultiple input {
    width: auto;
	margin: 0 10px 0 10px;
    } 	




.form div.input{
	clear: both;
}


/*
 * CSS buttons
 * 
 */

a.button:link, a.button:visited
{
  float: left;
  margin: 2px 5px 2px 5px;
  padding: 2px;
  width: 100px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid black;
  border-left: 1px solid #cccccc;
  border-right: 1px solid black;
  background: #cccccc;
  text-align: center;
  text-decoration: none;
  font: normal 10px Verdana;
  color: black;
}

a.button:hover
{
  background: #eeeeee;
}

a.button:active
{
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid black;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid black;
}


/* 
	Cusco Sky table styles
	written by Braulio Soncco http://www.buayacorp.com
*/

table {
	width: 100%;
	margin-bottom: 20px;
}


table , table  th, table  td {
	border: 1px solid #336666;
	border-collapse: collapse;
	color: #555;
}







table  caption {
	font-size: 150%;
	font-weight: bold;
	margin: 5px;
}

table  td, table  th {
	padding: 4px;
	vertical-align: top;
}

table  thead th {
	text-align: left;
	background: #E0E7F6;
	color: #1A63E6;
	font-size: 100% !important;
}

table  tbody th {
	font-weight: bold;
	text-align: left;
}


table   a:link {
	color: #1a63e6;
	text-decoration: none;
}

table   a:visited {
	color: #1a63e6;
	text-decoration: none;
}

table   a:hover {
	color: #1a63e6;
	text-decoration: underline !important;
}

table  tfoot th, table  tfoot td {
	font-size: 85%;
}

table  .even {
	background-color: #FCFDFE;
}
table  .odd {
	background-color: #ccffcc;
}


th.itemcheck, td.itemcheck {
	width: 20px;
}

/* Sortable overrides, should normally inherit bsStandard attributes above*/

table.sortable .header {
	background-image: url(../img/bg.png);
	background-repeat: no-repeat;
	border-left: 1px solid #FFF;
	border-right: 1px solid #000;
	border-top: 1px solid #FFF;
	padding-left: 30px;
	padding-top: 8px;
	height: auto;
}

table.sortable .headerSortUp {
	background-image: url(../img/asc.png);
	background-repeat: no-repeat;
}

table.sortable .headerSortDown {
	background-image: url(../img/desc.png);
	background-repeat: no-repeat;
}

table.noborder, table.noborder th, table.noborder td{
	border: 0;
}


hr {border: none 0;
	border-top: 1px dashed #000;/*the border*/
	width: 50%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}



#view_top_nav{
	padding: 0;
	border-top:2px solid #1a63e6;
	border-bottom:1px dashed #1a63e6;
	text-align: left;
	position:fixed;
	top:0;
	width:100%;
}


#view_top_nav p {
	margin-bottom: 0;
	margin-top: 0;
	padding: 0.1em 0 0.5em 0.4em;
	border-right:5px solid black !important:
	border-bottom:1px dashed #1a63e6:
	border-left:1px dashed #1a63e6:	
}


.responseSections {
	float:left;
	margin-bottom:5px;
	padding-bottom:10px;
	width:100%;
}


.responseSections:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.responseSections h2 {
	background:#1A63E6;
	color: #FFFFFF;
	margin:0;
	padding:2px 5px;
}



.responseSections img {
	margin:5px;
}

.responseSections p {
	margin:10px 10px 10px 5px;
}


.responseSections .responsecontent{
	float:left;
	width:100%;
	border-left:1px dashed #1a63e6;
	border-right:1px dashed #1a63e6;
	border-bottom:1px dashed #1a63e6;	
		
}

.clearFix {
	clear:both;
}

.lineBreak{
	padding-top: 20px;
}

.flright {
	float: right;
}

.flleft {
	float: left;
}


/* Help box */
.helpLink {
	padding: 3px 0px 3px 20px;
	margin-left:10px;
	background:  url(../img/icon_help_link.gif) no-repeat left;
	color: #862035;
	font-weight:bold;
}

.inlinehelp { /* this is the help box which pop into existence */
	color: #4A4A4A;
	background: #fff/* url(../_images/owners/shadowonwhite.gif) bottom right no-repeat*/;
	padding:0 4px 4px 0;
	display: none;
	margin: 10px 0;	
}

.inlinehelp:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;

}

.outline .inlinehelp {
	background-image: url(../img/shadowonblue.gif);
}

.inlinehelp div {
	background: #fff url(../img/help-bg.gif) top left no-repeat !important ;
	padding: 0 18px 12px 45px;
	border: 1px solid #B5184A;
	margin:0;
}

.inlinehelp div div {
	background:#fff;
	padding:0;
	border:none;
}


.inlinehelp p {
	width:100%;
}


.inlinehelp p.sampleText {
	font-style: italic;
	font-size: 1.2em;
}




.inlinehelp h2 {
	background: #F6ECEF url(../img/help-h2-bg.gif) no-repeat left top;
	padding: 20px 205px 5px 45px;
	margin-left:-45px;
	margin-top:0;
}

.inlinehelp .fleft {
	float:left;
	margin-right:10px;
	margin-top:5px;
}

a.closehelp:link, a.closehelp:visited, a.closehelp:hover, a.closehelp:active {
	background: transparent url(../img/help-close.gif) top left no-repeat;
	padding: 2px 0 5px 20px;
	width: 5.6em;
	font-size: 90%;
}

.highlight{
	background-color: Yellow;
	font-weight:bold;
	
}

/*Main layout*/
#bodyWrapper{	
	min-height: 400px;
	/*border: 1px solid red;*/	
}

.header {
	width: 100%;
	height: 106px;
	border-bottom: 1px solid black;
}

.footer {
	clear: both;
	width: 100%;
	height: 20px;
	padding: 5px 5px 5px 5px;
	border-top: 1px solid black;
}

.header div.floatLeft{
	width: 48%;
	padding: 5px 5px 5px 5px;
}

.white{
	color: #FFFFFF;
}

.loginIdentity{
	text-align: right;	
	margin: 0px 3px 5px 0px;
	font-size: 1.2em;
}

/* Paging */
div.paging {
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #cccccc;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000000;
}
div.paging span a {
}

.UsersWordform, .editableText{
	background: #E0E7F6;
	color: #1A63E6;	
}

#standard .content-header,#admin .content-header{
	width: 570px;
	float: left;
	clear: both;	
	padding: 15px 0px 15px 10px;
}

#standard  .topical-content,#admin  .topical-content{
	width:200px;
	float: left;	
	padding: 15px 10px 15px 10px;
}

#standard .main-content{
	width: 570px;
	float: left;
	/*border: 1px green solid;*/	
	padding: 0px 0px 0px 10px;
}

#standard .suppl-content{
	width: 200px;
	float: left;
	/*border: 1px green dashed;*/
	padding: 0px 10px 0px 10px;
}

#admin .main-content{
	width: 780px;
	float: left;
	/*border: 1px green solid;*/	
	padding: 0px 0px 0px 10px;
}



.leadimage{
	float: left;
	margin: 10px 30px 10px 0;
}


li {
	margin-bottom: 15px;
}

.adSense{
	margin: 15px 0 25px 0;
}

/*Translation stuff*/
.rowPad{
	margin: 15px 0 25px 0;
	clear:both;
}

#translatedText{
	padding: 10px 0 0 0;
	
}

#translatedText p{
	font-size: 1.3em;
	
}

.translateSource{
	height: 100px;
	width: 95%;
	
}



/*Translation stuff*/
.flagList, .flagListLarge, .standardList
{
	margin-left: 0;
	padding-left: 0; 
	list-style: none;
}

.flagList li, .flagListLarge li, .standardList li{
	margin-bottom: 15px;
	margin-left: 0;
	padding-left: 0; 		
}

.standardList li
{
	padding-left: 15px;
	background-image: url(../img/icons/bullets/0025_bullet.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.flagList li.english
{
	padding-left: 30px;
	background-image: url('../img/icons/flags/24/United Kingdom(Great Britain).png');
	background-repeat: no-repeat;
	background-position: 0px -5px;	
	
}

.flagList li.french
{
	padding-left: 30px;
	background-image: url(../img/icons/flags/24/France.png);
	background-repeat: no-repeat;
	background-position: 0px -5px;
}

.flagList li.portuguese
{
	padding-left: 30px;
	background-image: url(../img/icons/flags/24/Brazil.png);
	background-repeat: no-repeat;
	background-position: 0px -5px;
}
.flagList li.spanish
{
	padding-left: 30px;
	background-image: url(../img/icons/flags/24/Spain.png);
	background-repeat: no-repeat;
	background-position: 0px -5px;
}

.flagList li.german
{
	padding-left: 30px;
	background-image: url(../img/icons/flags/24/Germany.png);
	background-repeat: no-repeat;
	background-position: 0px -5px;
}

.flagList li.italian
{
	padding-left: 30px;
	background-image: url(../img/icons/flags/24/Italy.png);
	background-repeat: no-repeat;
	background-position: 0px -5px;
}


/*Large flag list */
.flagListLarge li.english,
.flagListLarge li.anglais,
.flagListLarge li.inglês,
.flagListLarge li.inglés,
.flagListLarge li.englisch,
.flagListLarge li.inglese
{
	padding-left: 60px;
	padding-bottom: 20px;
	padding-top: 5px;
	background-image: url('../img/icons/flags/48/United Kingdom(Great Britain).png');
	background-repeat: no-repeat;
	background-position: 0px -10px;
	
}

.flagListLarge li.french,
.flagListLarge li.français,
.flagListLarge li.francais,
.flagListLarge li.francês,
.flagListLarge li.francés,
.flagListLarge li.französisch,
.flagListLarge li.francese
{
	padding-left: 60px;
	padding-bottom: 20px;
	padding-top: 5px;
	background-image: url(../img/icons/flags/48/France.png);
	background-repeat: no-repeat;
	background-position: 0px -10px;
}

.flagListLarge li.portuguese,
.flagListLarge li.portugais,
.flagListLarge li.português,
.flagListLarge li.portugués,
.flagListLarge li.portugiesisch,
.flagListLarge li.portoghese
{
	padding-left: 60px;
	padding-bottom: 20px;
	padding-top: 5px;
	background-image: url(../img/icons/flags/48/Brazil.png);
	background-repeat: no-repeat;
	background-position: 0px -10px;
}
.flagListLarge li.spanish,
.flagListLarge li.espagnol,
.flagListLarge li.espanhol,
.flagListLarge li.español,
.flagListLarge li.spanisch,
.flagListLarge li.spagnolo
{
	padding-left: 60px;
	padding-bottom: 20px;
	padding-top: 5px;
	background-image: url(../img/icons/flags/48/Spain.png);
	background-repeat: no-repeat;
	background-position: 0px -10px;
}

.flagListLarge li.german,
.flagListLarge li.allemand,
.flagListLarge li.alemão,
.flagListLarge li.alemán,
.flagListLarge li.deutsch,
.flagListLarge li.tedesco
{
	padding-left: 60px;
	padding-bottom: 20px;
	padding-top: 5px;
	background-image: url(../img/icons/flags/48/Germany.png);
	background-repeat: no-repeat;
	background-position: 0px -10px;
}

.flagListLarge li.italian,
.flagListLarge li.italien,
.flagListLarge li.italiano,
.flagListLarge li.italiano,
.flagListLarge li.italienisch,
.flagListLarge li.italiano
{
	padding-left: 60px;
	padding-bottom: 20px;
	padding-top: 5px;
	background-image: url(../img/icons/flags/48/Italy.png);
	background-repeat: no-repeat;
	background-position: 0px -10px;
}




