/* Stylesheet for The Pan Page. Ulf Kronman. 2004-05-29 */

/* Common HTML */
/* ---------------------------------------------------------------------------- */

body {
    margin: 0px;
    padding: 0px;
    background: #fff;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-image : url(../images/margin_red.gif);
    background-repeat : repeat-y;
}

/* Set Internet Explorer to inherit fontsize in tables from surrounding element */
table {
    font-size: 100%;
}

/* Set browsers with proper CSS2 support (Mozilla, Opera) to inherit fontsize in tables from surrounding element */
* > table {
	font-size: inherit;
}

/* Set no cellpadding and align top as default for all tables */
td {
    padding : 0px 0px 0px 0px;
    margin : 0px 0px 0px 0px;
    vertical-align : top;
}

p, td, th, ul, ol, dl, h1, h2, h3, h4, h5, h6, pre {
	line-height: 130%;
	margin-top: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding: 0px;
}

ul, ol {
	margin-left: 20px;
}

p {
	max-width: 80em;  /* CSS2. Only supported by Mozilla and Opera, not IE */
}

li {
	margin-top : 6px;
}

dt {
	font-weight : bold;	
	margin-top : 10px;
}

hr {
    height : 1px;
    border: none;
    background-color: #666666;
    width : 90%;
}


h1, h2, h3, h4, h5, h6 {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	margin-top : 16px;
	margin-bottom : 0px;
	color : #333333;
}

h1 {
	font-size : 180%;
	margin-top : 20px;
}

h2 {
	font-size: 160%;
   margin-top: 14px;
}

h3 {
	font-size: 140%;
   margin-top: 10px;
}

h4 {
	font-size: 140%;
   margin-top: 10px;
}

h4 {
	font-size: 120%;
   margin-top: 10px;
}

a {
    text-decoration : none;
}

a:hover {
    text-decoration : underline;
}
        
/* Design needed for editing */
/* ---------------------------------------------------------------------------- */
#content-area {
    padding-left : 32px;
	padding-right : 10px;
}

/* Custom classes for various content */
/* ---------------------------------------------------------------------------- */

/* New style for lists */
.country {
	margin-top: 20px;
	padding-top: 0px;
	padding-bottom: 2px;
	border: 1px solid #dddddd;
}

.country div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 160%;
	font-weight: bold;
	background-color : #dddddd;
	padding : 4px;
}

/* New listing format */
.country dt {
	font-size: 112%;
	font-weight: bold;
	margin-top: 8px;
	margin-left: 4px;
}

.country dd {
	margin-top: 2px;
}

table.country {
   width: 100%;
	margin-top: 20px;
	padding-top: 0px;
	padding-bottom: 2px;
	border: 1px solid #dddddd;
}

table.country td,
table.country th {
   padding: 4px;
}

.listhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	background-color : #DDDDDD;
	padding : 2px;
}

.newsHeading,
.textHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color : #600;
	font-weight : bold;
	padding-bottom : 0px;
	margin-right: 18px;
	margin-top : 12px;
	margin-bottom : 4px;
	border-bottom : 1px solid #ddd;
}

.newsText {
    padding-top : 2px;
    padding-bottom : 0px;
    margin-bottom : 2px;
}

.newsDate {
	color: #666;
	font-size : 10px;
	padding-top : 0px;
}

.newsHeading a, 
.newsText a,
.textHeading a {
   text-decoration : none;
}

.newsHeading a:hover, 
.newsText a:hover
.textHeading a:hover {
    text-decoration : underline;
    background : #ffc;
}

/* For big Panorama results tables */
table.results td,
table.results th {
	font-size: 11px;
	vertical-align: top;
}

table.results th {
	background-color: #cccccc;
	text-align: left;
}

/* End of stylesheet */
/* ---------------------------------------------------------------------------- */
