﻿body
{ 
    background-color: #ffffff;
    color: #000000;
    margin:0;
    padding:0;
    font:.9em Arial, Trebuchet MS, Verdana;

}


.centerauto
{ 
    text-align: center;
    width: 100%; 
    height: 100%;
    padding-top: 2em; 
    
}

.cityh1 
{
    font-size: 1.8em;
    margin-top: auto;
    background: transparent;
    color: #003366;
    
}

.cityh2
{
    font-size: 1.0em;
}

.cityh3
{
    font-size: .7em;
    
} 

.city1, .cityh2, .cityh3, td.tableheader
{
    font-weight:bold;
}   

.countryRegionh1 
{
    font-size: 1.2em;
    margin-top: auto;
    background: transparent;
    color: #003366;
    padding-left: 45px;
    
}

.adminh1
{
    font-weight: normal;
    font-size: 1.3em;
    color: #999999;
}

.comments
{
	font-style: italic;
}

.dblue, .cityh2, .cityh3  
{
    color: #336699;
}

.profilesegment
{
    vertical-align: top;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.shortfadebar
{
    padding-top: 0px;
    height:20px;
    padding-bottom: 5px;
}


.imageborder
{
    border: 1px solid #336699;
    padding:0px;
    margin-top:7px;
    
}

.profileformat
{
    vertical-align:bottom; 
    width: 100%; 
    height: 100%; 
    text-align: center;
}

.alignleft
{
    margin-left: 15px;
    text-align:  left;
}

.alignright
{
    text-align: right;
}

.alignmid
{
    vertical-align: middle;
}

.widthalign
{
    width:13.5em; 
    padding-left: 90px;
}

.sortblack
{
    font-size: 0.9em; 
    font-weight: bold;
    color: Darkgreen;
}

/* TABLE FORMATTING */
tr.d0 
{
    
    background-color: #d6e0ea;
}

tr.d1 
{
    
    background-color: #c2c7d0;
}

tr.d3 
{
    background-color: #e3dfdc;
    font-weight: bold;
}

td.tableheader
{
    padding: 5px 10px 5px 10px;
}

tr.d0, tr.d1, tr.d3
{
    text-align: center;
}

.margintop
{
    margin-top: 15px;
}

.cptop
{
    margin: 0px;
    padding: 0px;
}

.atmargin
{
    
    width: 100%;
    padding: 0px;
    margin-top: 5px;
}

.cpmargin
{
    margin-left: 40px;
    width: 1000px;
    padding: 0px;
    margin-top: 5px;
}


.themesmargin
{
    margin-left: 40px;
    width: 90%;
    padding: 0px;
    margin-top: 5px;
}


table.cptable, table.admintable
{
    border-collapse : collapse;
	table-layout: fixed;
	margin-top: 0px;
	margin-left: 10px;
}

table.managetable
{
    border-collapse : collapse;
	table-layout: fixed;
	margin-top: 0px;
	margin-left: 0px;
	border-color: #eae7e2;
	float:left;
	
}
table.fftable
{
    border-color: #eae7e2;
}
table.admintable td, table.managetable td, table.fftable td
{
 	border-color: #eae7e2;
}

table.cptable td, .td, table.admintable td
{     
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	
	border-style: solid solid solid solid;
	}
table.cptable td, .td
{
    border-color: #003366
}	
.pad
{
    padding-left: 50px;
    padding-right: 50px;
}
.pad10
{
    padding-left: 10px;
    padding-right: 10px;
}
.paddown10
{
    padding-bottom: 10px;
}
.padfieldset
{
    padding-top: 0px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}
.padright
{
    padding-right: 5px;
}

.ecppadtopleft
{
    padding-left: 20px;
    padding-top: 20px;
    word-wrap:normal;
}
.ecppadleft
{
    padding-left: 300px;
}
.padtopbottom
{
    padding-top: 5px;
    padding-bottom: 5px;
}
.padtop
{
    padding-top: 15px;
}
.col1
{
   
    text-align: left;
    white-space: normal;
}

.col2
{
   
    white-space: normal;
    text-align: center;
}

.col3
{
    
    text-align: center;
}
.colwidth1
{
    width: 115px;
}
.colwidth2
{
    width: 485px;
}   
/*tan hack fix IE column*/
*html .colwidth1
{
    \width: 117px;
}
*html .colwidth2
{
    w\idth: 500px;
}     


/*&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
.margin /*used for all page elements except for header. .  */
{
	margin-left: 56px;
	font-family: Arial, Trebuchet MS, Verdana;
}

/*  ---- TEXT FORMATTING ----  */
h1 
{
	color: #9DC1FD;
	font-family: Arial, Trebuchet MS, Verdana;
	font-size: 2.5em;
	font-weight: normal;
	margin-top: 30px;
	margin-bottom:0;
	padding-bottom:0;
}

a:link.title, a:hover.title, a:visited.title
{
	color: #6C3;
	text-decoration: underline;
}

ul.indent
{
    margin-left:100px;
    line-height:20px;
}

.heading /*fldLabel*/
{
    font: .8em Arial, Verdana;
    text-transform:uppercase;
    text-decoration:none;
    color: #666666;
}

.title /*fldLabel*/
{
    font: .8em Arial, Verdana;
    text-transform:uppercase;
    text-decoration:none;
    color: #ffffff;
}

a:link
{
	color: #6C0;
	text-decoration: none;
}

a:visited
{
	color: #096;
	text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

.note
{
    color: #666666;
}

.copyright
{
    color:#999999;
    font-size: .8em;
    margin-top:40px;
    margin-bottom:20px;
}

.disclaimer
{
    color:#999999;
    font-size: 1.0em;
    margin-top:40px;
    margin-bottom:20px;
}

.shade
{
    border-top: solid 1px #999999;
    border-bottom: solid 1px #c2c2c2;
    background-color: #f2f2f2;
    padding-top:0.5em;
    padding-bottom:0.5em;
}

.shaded
{
    border-top: solid 1px #999999;
    border-bottom: solid 1px #c2c2c2;
    background-color:  #7093DB;
    padding-top:0.8em;
    padding-bottom:0.8em;
}

  
.row 
{
    margin-top:0.8em;
    margin-bottom:0.8em;
    font-size: .9em;
}
   

.dashedRule
{
    border-top: dashed 1px #c2c2c2;
    padding-top:1em;
}

.topRule
{
    border-top: solid 1px #c2c2c2;
    padding-top:1em;
}


.childComment
{
    margin-left: 100px;
}

.space
{
    height: 10em;
}

/* ---- TABLE FORMATTING ---- */
table, p, li
{
	margin-top: 0px;
	font-size: 14px;
}

td.darkRow
{
    background-color: #f2f2f2;
}

/* ---- FORMS ---- */


fieldset
{

   border:solid 1px #c2c2c2;
    
   padding: 1em;
   width: 80%;
   margin: auto;
   
}

legend
{
    font-size: .9em;
   
}

label
{
    float: left; 
    margin-right: 0.5em;
    margin-top:.2em;
    display: block;
    font-size: .9em;
}

input, t1extarea
{
    font-family:Arial, Trebuchet MS, Verdana;
    
}

.commentArea
{
     width:37.8em;
     height:6em;
     font-size:1em;
}

.standardFld
{
    width:37.8em;
}

.shortFld
{
    width:19.1em;
}

.checkboxList
{
     overflow:auto;
     height:60px;
     border:solid 1px #cccccc;
     width:20em;
}

.btn
{
    background-color: #ebe8e8;
    padding:4px;
    color: #0066cc;
    font: 10px Verdana, Arial;
    text-transform:uppercase;
    border: 1px solid #ffffff;
    cursor: pointer;
    outline: #c2c2c2 solid 1px;
}


.addCommentPosition
{
    margin-left:35.5em;
}

/* ---- SITE HEADER ---- */

.header
{
	height: 120px;
	width: 100%;
	background: #30373A;
	background-position: 370px 0px;
   /*min-width: 960px;*/
}

div.mainMenu
{
	background-color: #30373A;
	border-top: solid 1px #ffffff;
	border-bottom: solid 2px #d1d9de;
	padding: 3px;
	text-align: left;
}

a:link.mainMenu, a:visited.mainMenu 
{
    font: .7em Arial, Verdana;
    text-transform:uppercase;
    text-decoration:none;
    color: #b4c7d4;
    padding-left: 21px;
    padding-right: 21px;
}

a:hover.mainMenu
{
	font: .7em Arial, Verdana;
	text-transform:uppercase;
	text-decoration:none;
	color: #B8CFE9;
	padding-left: 21px;
	padding-right: 21px;
}

.hide 
{
    visibility: hidden;
    display: none;
}

.show 
{
    visibility: visible;
}

/* ---- HOME PAGE -- browser-specific code ---- */

.themerightcol, .themerightcol1, .homeRightCol, .homeRightCol1
{
    float: right; 
}

.homeRightCol, .homeRightCol1
{
    margin-right: 85px;
    z-index:0;
    width:373px;    
}

.homeRightCol
{
    margin-top:-490px;    
}

.homeRightCol1
{
    margin-top:-405px;    
}

.themerightcol
{
	position: absolute;
    left: 300px; 
    margin-top: -141px;
}

.themerightcol1
{
    position: absolute;
    left: 300px;
    margin-top: -93px;
}

.center
{
     position:absolute;
     z-index:1;
     margin-top:-285px;
     margin-left:410px;
}


.invisible
{
    visibility:hidden;
}


/*Reorder List*/
.reorderListMain li
{
	list-style:none;
	background-image:url(images/bg_nav.gif);
	background-repeat:repeat;
	
    margin: 2px 0px 2px 0px;
	
}

.reorderListMainItemArea {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;

}

.reorderListDragHandle {
	width:21px;
	height:21px;
	background-image:url(images/sortlist.png);
	cursor:move;
	border:outset thin white;
}

.reordercue 
{
    border:dashed thin black;
	width:100%;
	background-color:#d6e0ea;
	height:25px;
}

.callbackStyle 
{
	border:thin blue inset;	
}

.callbackStyle table 
{
	background-color:#5377A9;	
	color:Black;
}

.content, .content1, .content2
{
    
    font-size:0.9em;
    line-height:18px;
    text-align:justify;
    
}

.content
{
width:450px;    
}
.content1
{
    width:373px;
}

.pad5
{
    padding: 5px;    
}

.hidden
{
	display: none;
}

.lang
{
padding-bottom:8px;
font-size:0.85em;
margin-left: 285px;
   
}

.lang a
{
    padding: 5px;    
}

.welcomeHeader
{
	text-align: center;
	padding-top: 10px;
}

.pdfHand
{
	cursor:pointer;
}

.commentWarning
{
	font-size:0.8em;
}

#indicatorTable
{
	width: 530px;
	border: 1px solid black;
	border-width: 1px 0px 0px 1px;
}

#indicatorTable td, #indicatorTable th
{
	text-align: left;
	vertical-align:top;
	padding: 4px;
	border: 1px solid black;
	border-width: 0px 1px 1px 0px;
}

#indicatorTable th
{
	background-color: #aaaaaa;
	padding-top: 8px;
	padding-bottom: 8px;
}

#indicatorTable ul
{
	padding: 0px 0px 0px 18px;
	margin: 0px;
}


#indicatorTable li
{
	padding: 0px;
	margin: 0px;
}

#indicatorTable li.core, #indicatorTable p.development
{
	font-weight: bold;
}


#indicatorTable td.indicatorMainHeader
{
	text-align: center;
}


#indicatorDisclaimer
{
	width: 530px;
	font-size: 0.8em;
	text-align: left;
}

#indicatorDisclaimer td.foot
{
	text-align: left;
}

#indicatorTableHeader
{
	width: 530px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}


#indicatorTableHeader td, #indicatorTableHeader th
{
	text-align: left;
}
