/* -------------------------------------------------- STRUCTURE -------------------------------------------------- */

body {
 	 font: 70% Arial, Helvetica, sans-serif;
 	 background: #ffffff;
 	 margin: 0; 
 	 padding: 0;
 	 text-align: center; /* this centers the container in IE 5*. The text is then appropriately aligned in the #container selector */
	 color: #000000;
	 line-height: 1.5;
	 background-image:url(/images2/background_home.png);
	 background-repeat:repeat-x;}
.clearer{
	clear: both;
	height: 1px;
	position: relative;
	top: -1px;
	overflow: hidden;
	}
#container {
	width: 900px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align:justify; /* this overrides the text-align: center on the body element. */}

#header {
	margin: 20px 0 0 0 ;
	height:142px;}


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
  font-size: 13px;
  z-index:1000;


}

#nav a {
	display: block; 
  text-decoration: none;
  color: #576576;
  padding: 5px 20px 17px 20px;
}

#nav a:hover {
  color: #051644;
}

#nav li { /* all list items */
	float: left;
	width: 120px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	font-size:12px;
	background: #e1e7e7;
	white-space:nowrap;
	width: 180px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	text-indent: 0;}

#nav li.border {
	background-image:url(/images2/border_pageNav.gif);
	height:46px;
	width:3px;
	padding:0;
	margin:0;}

#mainContent {
  	padding: 15px 0 0 0;
	margin: 0 auto;
	width:900px;}
	
#footer {
	margin:0px; 
	padding:0px;
	text-align:center;
	background-image:url(/images2/background_footer.jpg);
	background-repeat:repeat-x;}

#footerContent {
	background-image:url(/images2/footer.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:306px;
	width:900px;
	margin:0px auto;
	color:#999999;
	text-align:justify;	}
#footerContent ul{
float:left;
}
#footerContent ul li {
list-style-type: none;
}
#footerContent a {
	color:#999999;	}

#footerContent a:hover {
	text-decoration:underline;}



/* -------------------------------------------------- PAGE-SPECIFIC STYLES -------------------------------------------------- */

/* -------------------------------------------------- HOME PAGE  			 */


#introBlock {
	margin:0 0 30px 0;}

#introBlock img{
	margin-right: 20px;}

#contentHeader {}

#singleCol {
	width:852px;
	float: left;
	padding: 10px 20px 0 20px;
	margin: 0;
	background-color:#FFFFFF;}
	
#leftCol {
	float: left;
	width:265px;
	height:1400px;}  /* ----- RS20110822: Changed height from 1250 to 1400 to incorporate PI advert with iPhone link so left column does not break page layout. ------ */

#leftCol2 {
	float: left;
	width:265px;
	}

#rightCol {
	float: right;
	margin: 0 0 0 0;
	padding: 0 15px 15px 15px;
	width:285px;
	height:1250px;
	background-color:#FFFFFF;
	background-image:url(/images2/border_threeCol.jpg);
	background-repeat:no-repeat;
	border: 0px solid red;}

#rightCol2 {
	float: right;
	margin: 0 0 0 0;
	padding: 0 15px 15px 15px;
	width:258px;
	background-color:#FFFFFF;
	background-image:url(/images2/border_threeCol.jpg);
	background-repeat:no-repeat;
	border: 0px solid red;}

#rightContentCol {
  float: right;
  margin-left: 8px;
  width:280px;
}

#middleCol {
	background-color:#FFFFFF;
	border:0 solid red;
	float:left;
	height:1250px;
	margin:0 0 0 3px;
	padding:0 20px 0 17px;
	width:280px;
}
#middleCol2 {
	background-color:#FFFFFF;
	background-image:url("/images2/border_threeCol.jpg");
	background-repeat:no-repeat;
	border:0 solid red;
	float:left;
	margin:0 0 0 3px;
	padding:0 20px 0 17px;
	width:259px;
}
.colHeader {
	padding-bottom:15px;} 

.feature {
	padding: 0 0 40px 0;}
	
.featurePP {
	padding: 0 0 40px 0;
	height:100px;
	background-image:url(/images2/myProsperity.jpg);
	background-position:top right;
	background-repeat:no-repeat;}
	
.featurePP img{
	padding-top:15px;}

.featureDL {
	padding: 0 0 40px 0;
	height:100px;
	background-image:url(/images2/prosperityIndexCover.jpg);
	background-position:top right;
	background-repeat:no-repeat;}

.featureCS {
	padding: 10px 15px 0 10px;
	margin-bottom:20px;
	background-image:url(/images2/backgroundCountrySpotSmall.gif); /*FF20110929: Changed from backgroundCountrySpot.gif to backgroundCountrySpotSmall.gif */
	background-position:top left;
	background-repeat:no-repeat;
	height:250px; /*FF20110929: Changed from 310px to */
}	
.featureCS h2{
	margin-bottom: 0px;
}

.featureCS .headingCaption {
display:block;
padding:2px 0 12px 1px;
text-align:left;}


.callOutCountrySpot table{
	margin:15px 0 20px 0;
	font-size:90%;
	font-weight:bold;}

ul.newsList{
	margin:0;
	padding:0;}

li.firstNewsItem {
padding:5px 10px 5px 10px;
background-color:#f0f1f2;
border-bottom: 2px solid #ffffff;
list-style-type:none;
list-style-position:outside;}

li.newsItem {
padding:5px 10px 5px 10px;
border-bottom: 2px solid #ffffff;
list-style-type:none;
list-style-position:outside;}

span.newsDate {
display:block;
color:#8b8b8b;
list-style-type:none;
list-style-position:outside;}

span.newsDate a{
color:#8b8b8b;
text-decoration:underline;}

span.newsTitle {
display:block;}

span.newsTitle a{
font-weight:bold;}

span.newsAuthor {
color:#8b8b8b;
font-weight:normal;}

.shoutOut {
display: block;
text-align:left;
font-size:190%;
line-height:1.2;
height:150px;
margin:0;}

.keyNumber {
background-image:url(/images/keyFindingNumber.gif);
background-repeat:no-repeat;
font-size:200%;
font-weight:bold;
color:#FFFFFF;
display:inline-block;
width:45px;
height:44px;
float:right;
text-align:center;
padding-top:3px;
margin-top:10px;}


.prosperityVideo {

}



/* -------------------------------------------------- MEDIA PAGE  			 */

.mediaContact {
padding: 15px 0 0 0;
margin:0 0 0 0;
border-top: solid 1px #e8ebf0;}

.faqQ {
padding: 10px 0 0 0;
font-size:110%;
font-weight:bold;
margin: 0 0 15px 0;
border-top: solid 1px #e8ebf0;
text-transform:uppercase;}

.faqA {
padding: 0 0 10px 0;
margin:0 0 15px 0;}


/* -------------------------------------------------- PROSPERISCOPE PAGE  			 */


.prCallOutBlue {
padding: 5px 0 0 15px ;
margin:23px 0 10px 0;
background-image:url(/images/prCalloutBgBlue.gif);
background-position:top left;
background-repeat:no-repeat;
height:280px;
width:220px;}

.prCallOutBlue span {
width:200px;}

.prCallOutBlue table {
padding: 3px 0 0 0;}

.busylight {
	background-image:url(/images/progressBubble.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:180px;
	height:46px;
	padding: 12px;
	text-align:left;
      position: absolute;
	  bottom:100px;
	  left:40%;}

.busylight img{
padding-right:0;
vertical-align:middle;}

/* -------------------------------------------------- KEY FINDINGS PAGE  			 */

.kfInsight {
color:#515971;}


.kfNextPage {
text-align:right;
margin:30px 0 0;
text-transform: uppercase;
font-weight:bold;
font-size:110%;}


/* -------------------------------------------------- RANKINGS PAGE  				 */


.rankingsTable {
margin: 10px 0 10px 0;
text-align:center;
color:#051644;
font-size:95%;
vertical-align:middle;}

/* goodCell  */
.gC{
            background-color:#b0c678;}

/* averageCell */             
.aC{
            background-color:#ffe37d;}

/* poorCell */    
.pC{
                background-color: #e85252;}

/* emptyCell */                
.eC{
                background-color: #c6c7c8;}
                
/* switched off cell */                
.offC{
                background-color:#F4F4F4;
				color:#e6e4e4;}       
							
/* goodCellOpaque */
.gCOpaque{
                background-color:#b0c678;
                text-align:center;
                filter:alpha(opacity=65);
                -moz-opacity:.65;
                opacity:.65;}
                
/* averageCellOpaque */
.aCOpaque{
                background-color:#ffe37d;
                filter:alpha(opacity=65);
                -moz-opacity:.65;
                opacity:.65;}

/* poorCellOpaque */   
.pCOpaque{
                background-color: #e85252;
                filter:alpha(opacity=65);
                -moz-opacity:.65;
                opacity:.65;}              

/* emptyCellOpaque */                
.eCOpaque{
                background-color: #c6c7c8;
                filter:alpha(opacity=65);
                -moz-opacity:.65;
                opacity:.65;}              

.selectedCells td{
                filter:alpha(opacity=65);
                -moz-opacity:.65;
                opacity:.65;}
                
.selectedColumn {
                filter:alpha(opacity=65);
                -moz-opacity:.65;
                opacity:.65;}

.interactCell {
	text-align:left;
	padding:5px 10px 0 10px;
	color:#051644;
	background-image:url(/images/interactBubble.gif);
	background-repeat:no-repeat;
	height:60px;
	vertical-align:top;}

.scoreCell {
	background-color:#051644;
	color:#FFFFFF;}

.countryCell {
	text-align:left;
	background-color:#dfe0ea;
	vertical-align:middle;
	height:20px;}

.countryCell a{
	color:#051644;}

.popup {
	text-align:left;
	font-size:90%;}


/* -------------------------------------- INDIVIDUAL COUNTRY PROFILE PAGE 				 */


.cpFastFacts {
	background-image:url(/images2/cpFastFactsBG.gif);
	background-repeat:no-repeat;
	background-position: left top;
	padding:15px 20px 0 20px;
	margin: 0 0 25px 25px;
	height:160px;}

.cpFastFacts table td{
	vertical-align:top;}

.cpHeader {
	background-image:url("/images/countryProfileBG.gif");
	background-position:25px -11px;
	background-repeat:repeat-x;
	border:0 solid black;
	float:left;
	margin:0 0 0 25px;
	padding-top:13px;
	width: 828px;
}
.cpKeyNumber {
	background-image:url(/images/cpRankingNumber.gif);
	background-repeat:no-repeat;
	background-position:top right;
	font-size:340%;
	font-weight:bold;
	color:#FFFFFF;
	width:99px;
	height:99px;
	float:right;
	text-align:center;
	padding:20px 0 0 0;
	margin:2px 0 0 0;}

.cpTitle {
	float: right;
	font-size:120%;
	margin:36px 5px 0 0;
	text-align:right;
	/*width:460px;*/
}

.cpDataBox {
background-image:url(/images2/cpDataBox.gif);
background-repeat:no-repeat;
background-position:top left;
height:270px;
width:372px;
margin:0px 0 25px 25px;
padding:15px 0 0 20px;}

.cpDataBox table {
margin-top:10px;
padding:2px;}

.cpDataBox h2{
display:inline;}

.cpCallOutBlue {
padding: 0px;
margin: 0 0 23px 0;
width:220px;
background-image:url(/images/cpCalloutBgBlue.gif);
background-position:top;
background-repeat:repeat-y;
text-align:left;}

.cpCallOutBlue h2 {
padding-bottom:45px;}

.cpCallOutBlue table {
padding: 2px 20px 2px 20px;}

.callOutTop {
padding: 0;
margin:0;
width:220px;
height:14px;
background-image:url(/images/cpCalloutBgBlue-top.gif);
background-position:top;
background-repeat:no-repeat;}

.callOutBottom {
padding: 0;
margin:0;
width:220px;
height:14px;
background-image:url(/images/cpCalloutBgBlue-bottom.gif);
background-position:top;
background-repeat:no-repeat;}

.cpSubIndex  {
margin: 0 0 0 0;}

.cpSubIndex  p{
margin: 0 0 15px 25px;}

.cpSubIndexHeader {
/*width: 540px;*/
overflow:auto;
background-color:#d9dadb;
padding:10px 0 5px 0;
margin: 10px 0 10px 0;}

.cpSubIndexHeader h2{
margin: 0 0 0 25px;
display:inline;}


.cpSubIndexCaption {
margin:0 0 0 25px;
padding:0 0 5px 0;
line-height:1.2;
font-weight:bold;
display:block;
text-align:left;}


/* -------------------------------------------------- SITE-WIDE STYLES -------------------------------------------------- */


.fltrt { /* reusable */
  float: right;
  margin-left: 8px;
}
.fltlft { /* reusable */
  float: left;
  margin-right: 8px;
}
.clearfloat { /* place on a div or break element and should be the final element before the close of a container that fully contains its child floats */
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}

.meta {
visibility:hidden;
display:none;}

h2.highlight {
padding: 0 0 0 0;
margin:0;
display:inline-block;
color:#051644;}

h2.countrySpotGood{
padding: 14px 0 0 0;
margin:0;
line-height:0;}

.compareTitle {
font-size:120%;
padding:5px 0 5px 0;}

.callOutInteract {
padding: 0px 20px 0 20px;
margin:30px 0 20px 0;
background-image:url(/images/calloutInteract.jpg);
background-position:top;
background-repeat:no-repeat;
height:239px;
text-align:left;}

.callOutMyProsperity {
padding: 175px 20px 0 20px;
margin:30px 0 20px 0;
background-image:url(/images/myProsperityAd.jpg);
background-position:top;
background-repeat:no-repeat;
height:270px;
text-align:left;}

.callOutLilac {
padding: 0 15px 0 15px;
margin-bottom:0px;
background-image:url(/images/calloutBgLilac.gif);
background-position:top;
background-repeat:no-repeat;
height:415px;
text-align:left;}

.callOutRegional {
padding: 15px 15px 0 15px;
margin-bottom:0px;
background-image:url(/images2/calloutBgRegional.gif);
background-position:top;
background-repeat:no-repeat;
height:306px;
text-align:left;}


.callOutLilacRankings {
padding: 0 15px 0 15px;
margin-bottom:0px;
background-image:url(/images2/blue_sq.gif);
background-position:top;
background-repeat:no-repeat;
height:300px;
text-align:left;}

.callOutDownload {
margin-bottom:23px;}

.callOutBlue {
padding: 0 15px 0 15px;
margin-bottom:23px;
background-image:url(/images/calloutBgBlue.gif);
background-position:top;
background-repeat:no-repeat;
height:240px;}

.callOutBigBlue {
padding: 5px 20px 0 15px ;
margin:23px 0 10px 0;
background-image:url(/images/calloutBgBigBlue.gif);
background-position:top left;
background-repeat:no-repeat;
height:280px;
width:210px;}

.callOutProsperiscope {
padding: 0 15px 0 15px;
margin-bottom:20px;
background-image:url(/images/calloutBgProsperiscope.gif);
background-position:top;
background-repeat:no-repeat;
height:240px;}

.callOutProsperiscope {
margin-bottom:30px;}

.compareImage {
/*float:right;*/
margin-top:10px;}

.compareText {
font-weight:bold;
padding:10px 0 5px 0;}



.callOutNews {
padding: 15px 0 0 0;
margin:30px 0 0 0;
border-top: solid 1px #e8ebf0;}

.headerSlideshow {
margin:0 0 25px 0;}


li.arrowed {
display:inline-block;
background-image:url(/images/rightArrow.gif);
background-repeat:no-repeat;
background-position:left;
padding: 0  0  0 16px;
margin:0 0 15px 0px;
list-style-position:outside;
list-style-type:none;}

li.arrowed a {
color:#051644;}

li.arrowed a:hover {
color:#caab6e;}

.headingCaption {
display:block;
padding:2px 0 10px 1px;
text-align:left;}



.readMore {
font-size:80%;
font-weight:bold;
padding:5px 15px 0 0;
line-height:1.8;
text-align:right;}

.readMore a{
color:#051644;}

.readMore a:hover {
color:#051644;}

.legal {
	color: #c3c8d0;
	text-align:right;
	padding:35px 7px 0 0;}

.legal a {
	color: #c3c8d0;}

.legal a:hover {
	color: #051644;}

div.author {
color:#9fa2be;
text-transform:uppercase;
font-weight:bold;}

.portalMediaTypeControl {
color:#999999;}


.portalMediaTypeControl a:hover {
color:#999999;}

#footerNav {
	padding:60px 5px 0 5px;
	width:890px;
	font-size:120%;}

#footerNav a {
	display: block; 
  	text-decoration: none;
 	color: #999999;
  	padding: 5px 10px 5px 10px;
	text-align:center;}

#footerNav li { 
	float: left;
	width: 175px;}


.aboutInstitute {
	padding:45px 5px 0 145px;
	margin:0;
	float:left;
}

.aboutInstitute h2 {
	color:#999999;}

.btnArrow {
vertical-align:super;
padding: 0 5px 0 0;}

.btnText {
padding: 0 5px 0 0;
}

.descriptor {
padding: 10px 0 0 0;
color:#8b8b8b;
line-height:1.3;
}


/** Prosperiscope *********/
a.facebook
{
	background: transparent url( '/images2/facebook-icon.png' ) no-repeat left 2px;
	padding: 4px 20px;
}

a.twitter
{
	background: transparent url( '/images2/twitter-icon.png' ) no-repeat left top;
	padding: 4px 20px;
}

.prosMainBar {
	padding: 5px 0 0 0;
	background-position:top;
	background-repeat:no-repeat;
	width:850px; /* FF: 20111003: increased this from 835px to 850px;*/
	text-align:left;
	margin: 4px 0 10px 0;
    background-color: #fff;
}


.prosToolBar {
	padding: 0 0 0 10px;
	/* background-image:url(/images2/background_toolBar.gif); FF: 20111003: better use background-color*/
	background-color: #e1e3e5; /* FF: 20111003: added this style*/
	background-position: left top;
	background-repeat:no-repeat;
	height:30px; /* FF: 20111003: changed from 51px to 30px;*/
	width: 620px;
	float: left;
	text-align:left;
	margin-top: 20px;
	display: inline;
}

.prosToolBar input
{
	margin-top: 10px;
}
.prosToolBar a
{
	text-transform: uppercase;
	padding: 0px 0px; /* FF: 20111003: changed from 10px to 0px;*/
}

.prosToolBar img
{
	float: right;
	margin-top: 0px; /* FF: 20111003: changed from 7px to 0px;*/
	padding: 0px 0px; /* FF: 20111003: changed from 10px to 0px;*/
}

.prosToolBar input
{
	margin-right: 15px;
	float: left;
}

.prosDisplayContainer
{
	width: 630px; 
	float: left;
	display: inline;
}

.prosDefinitions
{
	border-top: solid 1px #bfc7d3;
	margin-top: 20px;
	padding-top: 20px;
	text-align: left;
}

.prosSelected
{
	float:left; 
	width: 200px; 
	margin-right: 20px;
	display: inline;
	overflow: hidden;
}

.prosSelected > img
{
	margin-top: 20px;
}

.prosSelected hr
{
	clear: left;
	color: #bfc7d3; 
	background-color: #bfc7d3;
	height: 1px;
	width: 180px;
}


div#selectionContainer input
{
    width: 200px;
}

div#selectionContainer p
{
    margin-top: 0;
}

div#selectionContainer span
{
    padding-right: 10px;
}

.completionList 
{
    background-color: #fff;
    position: fixed;
    z-index: 100000;
    border: solid 1px #444;
    margin: 0px;
    padding: 2px;
    height: 100px;
    overflow: auto;
}

.completionList  li
{
    list-style-type: none;
    color: #48566d;
}


.listItem 
{
    color: #666;
}

.itemHighlighted 
{
    cursor: pointer;
    background-color: rgb( 229, 233, 234 );
}

div.countryItems,
div.variableItems
{
    height: 350px;
    width: 200px;
    padding: 0 5px;
    border: 1px solid #bfc7d3;
    background-color: #fff;
    overflow: auto;
    margin-bottom: 20px;
    z-index: 1000;
}

div.countryItems ul,
div.variableItems ul
{
    list-style-type: none;
    display: block;
    margin: 5px 0 10px;
    padding: 0;
}

div.countryItems ul li,
div.variableItems ul li
{
    padding: 0;
    overflow: hidden;
}

div.countryItems ul li a,
div.variableItems ul li a
{
    margin: 0;
    overflow: hidden;
    display: block;
}

div.countryItems ul li a:hover,
div.variableItems ul li a:hover
{
    background-color: rgb( 229, 233, 234 );
}

div.countryItems ul ul,
div.variableItems ul ul
{
    margin: 0 0 15px 10px;
}


div.countrySelection,
div.variableSelection
{
    float: left;
    overflow: auto;
    width: 200px;
    margin: 10px 50px 10px 0;
    position: relative;
    max-height: 400px;
}


.removeAll
{
	 font-style:normal;
	 text-transform:uppercase;
	 display: block;
	 text-align: right;
	 margin-bottom: 10px;
	 color: #000;
	 margin-right: 20px;
	 text-decoration: underline;
	 /* FF: 20111005: Added the following */
	 display: block;
	 width: 167px;
	 height: 31px;
	 background-image:url(/images2/btn_removeAllVariables.png);
	 background-repeat: no-repeat;
}
/* FF: 20111005: .resetAll */
.resetAll
{
	 display: block;
	 width: 103px;
	 height: 31px;
	 background-image:url(/images2/btn_resetAll.png);
	 background-repeat: no-repeat;	
}
/* FF: 20111005: .resetCountries */
.resetCountries
{
	 display: block;
	 width: 167px;
	 height: 31px;
	 background-image:url(/images2/btn_removeAllCountries.png);
	 background-repeat: no-repeat;	
}

div.variableSelection
{
    clear: left;
}

div.countrySelection div.selectedContainer,
div.variableSelection div.selectedContainer
{
    
    padding-bottom: 3px;
    width: 180px;
    overflow: hidden;
    position: relative;
}

div.countrySelection span,
div.variableSelection span
{
	float: left;
	text-align: left;
	width: 100px;
}

img.flag
{
    margin: 5px 15px 2px 5px;
    vertical-align: bottom;
    float: left;
    height: 11px;
    width: 16px;
}

img.delete
{
    float: right;
    vertical-align: bottom;
    margin-right: 5px;
}

.key
{
	margin-top: 3px;
	float: left;
	width: 13px;
	height: 13px;
	border: none;
	margin-right: 3px;
}

.dataTableContainer
{
	width: 620px;
	max-height: 600px;
	overflow: auto;	
	padding-bottom: 20px;
}

.dataTable
{
    border: solid 1px #000;
}

.dataTable td
{
    padding: 2px 5px;
    width: 100px;
    text-align: right;
}

.dataTableItem 
{
    background-color: rgb( 223, 224, 234 );
}

.altDataTableItem
{

}

.dataTableHeading
{
    background-color: rgb( 101, 120, 150 );
    color: #fff;
    font-weight: bold;
    text-align: left;
}

.dataTable th
{
    padding: 5px;
}

.dataTableHeading a
{
    color: #fff;
}

.watermark
{
    background-color: #fff;
    color: #000;
}
/************* Variable Changer ************/
.variableChangerTable
{
}

.variableChangerTable th
{
	padding: 5px;
	background-color: #002d62;
    color: #fff;
    font-weight: bold;
    text-align: left;
}

.variableChangerTable th a
{
	color: #fff;
}

.variableChangerTable td
{
	background-color: #244779;
	padding: 5px;
	text-align: center;
	color: #fff;
}

.variableChangerTable td.countryCell
{
	background-color: #d3d7e6;
	text-align: left;
	color: #000;
}

.variableChangerTable td.subIndexRanking
{
	color: #f1b82d;
}

.variableChangerTable tr.highlight td
{
	background-color: #7ea4cf;
	color: #fff !important;
}



/* -------------------------------------------------- DEFAULT TAG STYLES -------------------------------------------------- */


a {
	color: #48566d;
	text-decoration: none;}

a:hover {
	color: #051644;
	text-decoration: none;}

img {
	border:none;}

p {
margin-top:3px;}

form {}

ul {
margin:10px 0 15px 0;
padding:0 ;
list-style-type:square;
list-style:inside;
text-align:left;}

li {
margin: 0;
padding: 0 0 0 0;}

a:hover {
	text-decoration: none;}

input.big {
	width: 100px;}

input.small {
	width: 50px;}

select {
font-size:90%;
color:#444444;
border:solid 1px #999999;
width:160px;

margin: 0;}

small {	font-size: 70%}

sup,sub {	
	height: 0;	
	line-height: 1;	
	vertical-align: baseline;	
	_vertical-align: bottom;	
	position: relative;
	font-size:80%;}
	
sup {	bottom: 1ex;}
sub {	top: .5ex;}

h1 {
font-size: 22px;
margin:0 0 5px 0;
padding:0;
color:#051644;
line-height:1.4;
font-weight:lighter;
display:block;
height:30px;
overflow:hidden;}

h2 {
font-size: 18px;
margin:0 0 5px 0;
padding:0;
color:#051644;
line-height:1.4;
margin-bottom:5px;
height:24px;
font-weight:medium;
clear: both;
}

h3 {
font-size: 14px;
margin:5px 0 0 0;
padding:10px 0 0 0;
color:#051644;
line-height:1.4;

}

hr {
color:#ffffff;
border:0;
border-top: solid 1px #bfc7d3;
height:0px;
padding:0;
margin:10px 0 5px 0;}

textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:95%;}

input {
font-family:Arial, Helvetica, sans-serif;
font-size:95%;}

/* Zed - Scollers and Header slides */


	div.imageSlide{
		width:900px;
		height:425px;
		overflow:hidden;
		position:relative;
		background-color: #fff; /* This is temporary. to be removed */
	}
	
	div.imageSlide img{
		float:left;
		clear:both;
		position:absolute;
		top:-251px;
		left:0;
		z-index:2;
	}
	

	
    /*Modal Popup*/
.modalBackground {
                    background-color:#f4f9ff;
                    z-index:200;
                    filter:alpha(opacity=80);
                    opacity:0.8;
    }

.modalPopup {
                    /*background-color:#FFFFFF;*/
                    border-width:3px;
                    border-style:none;
                    border-color:#888888;
                    padding:10px;
    }
	
/* -------------------------------------------------- HACKS -------------------------------------------------- */
#titleMain
{
	margin-left: 30px;
}

.variableSelection div
{
	border-bottom: 1px solid #bfc7d3;
	margin-bottom: 5px;
}
