/* $Id: xtemplate.css,v 1.1 2004/02/15 14:54:39 dries Exp $ */

/*
** HTML elements
*/
 
H1.head1 { font-family: Arial, Helvetica; 
	 font-size: 12pt;
	 font-style: normal; 
	 font-weight: bold;
	 color: #333399;
	 margin: 0px 0px 14px 0px;
	 text-align: left; }
	
H2.page { font-family: Arial, Helvetica; 
	 font-size: 9pt;
	 font-style: normal; 
	 font-weight: bold;
	 color: #000000;
	 margin: 0px 0px 8px 0px;
	 text-align: center; }
	
H2.headerblue { font-family: Arial, Helvetica; 
	 font-size: 8pt;
	 font-style: normal; 
	 font-weight: bold;
	 color: #6666CC;
	 padding: 4px 4px 4px 4px;
	 text-align: center; }
	  
H2.headerblack { font-family: Arial, Helvetica; 
	 font-size: 8pt;
	 font-style: normal; 
	 font-weight: bold;
	 color: #000000;
	 padding: 4px 4px 4px 4px;
	 text-align: center; }
	  
H2.head2 { font-family: Verdana, Arial, Helvetica;
	 font-size: 10pt;
	 font-style: normal; 
	 font-weight: bold; 
	 color: #666666;
	 margin-left: 0px;
	 margin-right: 0px;
	 margin-bottom: 4px; 
	 margin-top: 15px;
	 text-align: left; }
	 
H3.head3 { font-family: Verdana, Arial, Helvetica; 
	 font-size: 8pt;
	 font-style: italic; 
	 font-weight: bold;
	 color: #333333;
	 margin-left: 0px;
	 margin-right: 0px;
	 margin-bottom: 4px; 
	 margin-top: 15px;
	 text-align: left }
	 	 
H3.head3b { font-family: Arial, Verdana, Helvetica; 
	 font-size: 7.5pt;
	 font-style: italic; 
	 font-weight: bold;
	 color: #333333;
	 margin: 0px 0px 0px 0px;
	 text-align: left 
	 }
	 
H3.head3c { font-family: Arial, Verdana, Helvetica; 
	 font-size: 8pt;
	 font-style: italic; 
	 font-weight: bold;
	 color: #333333;
	 margin: -4px 0px 9px 0px;
	 text-align: center 
	 }

H3.caption { font-family: Arial, Helvetica; 
	 font-size: 7.5pt;
	 font-style: normal; 
	 font-weight: bold;
	 color: #333333;
	 padding: 4px 0px 6px 0px;
	 margin: 0px 0px 0px 0px;
	 text-align: center; }
	     
h4 { font-family: Arial, Helvetica;
	 font-size: 8.5pt;
	 font-style: normal; 
	 font-weight: bold; 
	 color: #333399;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
 }
	
H4.head4 { font-family: Arial, Helvetica, Helv, Verdana, "Lucida Sans", Arial, Geneva, "Myriad Web", Syntax, sans-serif;
	 font-size: 9pt;
	 font-style: normal; 
	 font-weight: bold; 
	 color: #333333;
	 margin-bottom: 4px; 
	 margin-top: 0px;
	 text-align: left; }
	 
H4.box { font-family: Arial, Helvetica, Helv, Verdana, "Lucida Sans", Arial, Geneva, "Myriad Web", Syntax, sans-serif;
	 font-size: 8pt;
	 font-style: normal; 
	 font-weight: bold; 
	 color: #333333; 
	 text-align: left;
	 padding: 0px 0px 8px 0px; } 

H4.footer { font-family: Arial, Helvetica, Helv, Verdana, "Lucida Sans", Arial, Geneva, "Myriad Web", Syntax, sans-serif;
	 font-size: 7.5pt;
	 font-style: normal; 
	 font-weight: normal; 
	 color: #CCCCCC; 
	 text-align: center; } 

a.link1 {
	font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;  
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	color: #FF6600; 
}
a.link1:hover {
	font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;  
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	color: #666666;
}
a.link1:active {
	font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;  
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	color: #FFCC00;
}

a.link2, a.link2:visited {
	font-family: Arial, Verdana, "Lucida Sans"; 
	font-size: 7.5pt; 
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #CC3300;
	background: #FFFFFF;
  margin: 0px 0px 0px 0px;
  padding: 5px 3px 6px 3px;
display: block;
width: auto;
height: auto;
}

a.link2:hover, a.link2:active {
	font-family : Arial, Verdana, "Lucida Sans"; 
	font-size: 7.5pt; 
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #333399;
  margin: 0px 0px 0px 0px;
  padding: 5px 3px 6px 3px;
display: block;
width: auto;
height: auto;
}
a.link2b, a.link2b:visited {
	font-family: Arial, Verdana, "Lucida Sans"; 
	font-size: 7pt; 
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #333399;
  margin: 0px 0px 0px 0px;
  padding: 5px 3px 6px 3px;
display: block;
width: auto;
height: auto;
}

a.link2b:hover, a.link2b:active {
	font-family : Arial, Verdana, "Lucida Sans"; 
	font-size: 7pt; 
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #CC3300;
	background: #FFFFFF;
  margin: 0px 0px 0px 0px;
  padding: 5px 3px 6px 3px;
display: block;
width: auto;
height: auto;
}
a.link2dk, a.link2dk:visited {
	font-family: Arial, Verdana, "Lucida Sans"; 
	font-size: 7.5pt; 
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #333399;
	background: #CCCCCC;
  margin: 0px 0px 0px 0px;
  padding: 5px 3px 6px 3px;
display: block;
width: auto;
height: auto;
}

a.link2dk:hover {
	font-family: Arial, Verdana, "Lucida Sans"; 
	font-size: 7.5pt; 
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #333399;
	background: #FFFFFF;
  margin: 0px 0px 0px 0px;
  padding: 5px 3px 6px 3px;
display: block;
width: auto;
height: auto;
}

a.link2dk:active {
	font-family: Arial, Verdana, "Lucida Sans"; 
	font-size: 7.5pt; 
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #CC3300;
	background: #FFFFFF;
  margin: 0px 0px 0px 0px;
  padding: 5px 3px 6px 3px;
display: block;
width: auto;
height: auto;
}

a.link3 {
	text-decoration: none;
	font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;  
	font-style: normal;
	font-size: 8pt;
	font-weight: bold;
    text-align: left;
	color: #6666CC;
	line-height: 12pt;
	padding: 0px 0px 12px 35px;
}

a.link3:hover {
	text-decoration: none;
	font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;  
	font-style: normal;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	color: #CC3333;
	line-height: 12pt;
	padding: 0px 0px 12px 35px;
}

a.link3:active {
	text-decoration: none;
	font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;  
	font-style: normal;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	color: #9999FF;
	line-height: 12pt;
	padding: 0px 0px 12px 35px;
}

a.link4:link {
	font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif; 
	font-size: 8.5pt; 
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #FF6600;
	line-height: 12px; 
	margin-bottom: 44px;
}

a.link4:visited
{
	font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif; 
	font-size: 8.5pt; 
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #FF6600;
	line-height: 12px; 
	margin-bottom: 44px;
}

a.link4:active {
	font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif; 
	font-size: 8.5pt; 
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #FF6600;
	line-height: 12px;
	margin-bottom: 44px;
}

a.link4:hover {
	font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif; 
	font-size: 8.5pt; 
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #666666;
	line-height: 12px;
	margin-bottom: 44px;
}

a.link5:link, a.link5:visited {
	font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;  
	font-style: normal;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: underline;
	line-height: 13pt;
	color: #6666CC;
	margin-left: 12px; 
}

a.link5:hover {
	font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;  
	font-style: normal;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: underline;
	line-height: 13pt;
	color: #CC3333;
	margin-left: 12px;
}

a.link5:active {
	font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;  
	font-style: normal;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: underline;
	line-height: 13pt;
	color: #9999FF;
	margin-left: 12px; 
}

a.parent2 {
background-color: #666666; 
color: FF6600; 
text-decoration: none; 
font-size: 75%; 
font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif; 
display: block;
padding: 2px;
padding-left: 5px;
width: auto;
height: auto;
margin-bottom: 10px;
} 

a.parent:hover2 {
background-color: #9966CC; 
color: white; 
text-decoration: none; 
font-size: 75%; 
font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif; 
display: block;
padding: 2px;
padding-left: 5px;
width: auto;
height: auto;
margin-bottom: 10px;
} 

a.leaf {
	font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif; 
	font-size: 75%; 
	text-decoration: none;
	color: #333333;
}

a.leaf:hover {
	font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif; 
	font-size: 75%; 
	text-decoration: none;
	color: #FFFFFF;
}

div.topnav {  
	background-color: #FFFFFF;	
	 }

div.middle-column {  
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
    padding: 14px 12px 20px 12px;
    text-align: left;
	width: auto;
    height: auto;
	 }

div.rtnav-italic {
	font-family: Arial, Helvetica, Helv, Verdana, "Lucida Sans", Arial, Geneva, "Myriad Web", Syntax, sans-serif;  
	color: #333333;
	text-align: left;
	font-size: 7.5pt;
	line-height: 9pt; 
	margin: 0px 0px 8px 8px;  
	font-style: italic; 
 }

p.rightnav { 
	font-family: Arial, Helvetica, Helv, Verdana, "Lucida Sans", Arial, Geneva, "Myriad Web", Syntax, sans-serif;  
	color: #333333;
	text-align: left;
	font-size: 7.5pt;
	line-height: 9pt; 
	margin: 0px 0px 4px 0px;
 }
  
div.navsect {  
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 8px 0px;
	 }
	 
div.leftmenu-best {  
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
    padding: 12px 12px 12px 12px;
    text-align: left;
	width: auto;
    height: auto;
	 }
	 
div.tabs {  
	background-color: #FFCC66;
	margin: 0px 0px 0px 0px;
    padding: 12px 12px 0px 12px;
    text-align: left;
	width: auto;
    height: auto;
	 }
	 
div.select {
  margin: 0px 0px 0px 0px;
  padding: 12px 8px 8px 8px;
  background: #FFFFFF;
  width: auto;
  height: auto;
  text-align: left;
	}

div.bottnav {  
	background-color: #333333;
	margin-top: 0px;
	margin-bottom: 5%;
	 }

div.rightnav {  
	background-color: #FFFFFF;
	margin: 12px 12px 12px 0px;
	 }

div.blankbox { 
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: #FFFFFF;
  width: 151px; 
/*  width: 151px; */
  height: 30px;
}

div.yellowbox { 
  margin: 0px 0px 0px 0px;
  padding: 10px 5px 10px 10px;
  border: 2px dotted #999999;
  background: #ffc;
  width: 151px; 
  voice-family: "\"}\""; 
  voice-family: inherit;
  width: 151px;
}

div.yellowbox-gen {
  	font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;  
	font-style: normal;
	font-size: 9pt;
	font-weight: normal;
	line-height: 11pt;
	color: #333333; 
  margin: 0px 0px 12px 12px;
  padding: 10px 10px 10px 20px;
  border: 1px solid #999999;
  background: #ffc;
  width: auto; 
  voice-family: "\"}\""; 
  voice-family: inherit;
  width: auto;
}

div.yellowbox-home {
  	font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;  
	font-style: normal;
	font-size: 9pt;
	font-weight: normal;
	line-height: 11pt;
	color: #333333; 
  margin: 0px 0px 12px 12px;
  padding: 10px 10px 10px 20px;
  border: outset 12px #6666FF;
  background: #CCCCFF;
  width: auto; 
  voice-family: "\"}\""; 
  voice-family: inherit;
  width: auto;
}

div.yellowbox-big {
  	font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;  
	font-style: italic;
	font-size: 20pt;
	font-weight: normal;
	text-align: center;
	line-height: 28pt;
	color: #333333; 
  margin: 0px 0px 12px 12px;
  padding: 10px 10px 10px 20px;
  border: 1px solid #999999;
  background: #ffc;
  width: auto; 
  voice-family: "\"}\""; 
  voice-family: inherit;
  width: auto;
}

div.bluebox { 
  margin: 0px 0px 0px 0px;
  padding: 10px 5px 10px 10px;
  border: 2px dotted #999999;
  background: #CCCCFF;
  width: 151px; 
  voice-family: "\"}\""; 
  voice-family: inherit;
  width: 151px;
}

div.bluebox-solid { 
  	font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;  
	font-style: normal;
	font-size: 9pt;
	font-weight: normal;
	line-height: 11pt;
	color: #333333;
  margin: 0px 0px 0px 0px;
  padding: 10px 5px 10px 10px;
  border: 1px solid #999999;
  background: #CCCCFF;
  width: 151px; 
  voice-family: "\"}\""; 
  voice-family: inherit;
  width: 151px;
}

div.bluebox-gen { 
  	font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;  
	font-style: normal;
	font-size: 9pt;
	font-weight: normal;
	line-height: 11pt;
	color: #333333;
  margin: 0px 0px 12px 12px;
  padding: 10px 5px 10px 10px;
  border: 1px solid #999999;
  background: #CCCCFF;
  width: auto; 
  voice-family: "\"}\""; 
  voice-family: inherit;
  width: auto;
}

div.tab-on { 
  margin: 0px 0px 0px 0px;
  border-color: #999999;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  height: 23px;
  width: 100px;
  voice-family: "\"}\""; 
  voice-family: inherit;
}

div.tab-off { 
  margin: 0px 0px 0px 0px;
  border-color: #999999;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  height: 23px;
  width: 100px;
  voice-family: "\"}\""; 
  voice-family: inherit;
}
div.tab-spacer { 
  margin: 0px 0px 0px 0px;
  border-color: #999999;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  background: #FFCC66;
  display: block;
  height: 23px;
  width: auto;
}
div.tab-on2 { 
  margin: 0px 0px 0px 0px;
  border-color: #999999;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  height: 23px;
  width: 125px;
  voice-family: "\"}\""; 
  voice-family: inherit;
}

div.tab-off2 { 
  margin: 0px 0px 0px 0px;
  border-color: #999999;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  height: 23px;
  width: 125px;
  voice-family: "\"}\""; 
  voice-family: inherit;
}

div.footer { 
  margin: 0px 0px 0px 0px;
  padding: 4px 4px 4px 4px;
  background: #330066;
  width: auto; 
  voice-family: "\"}\""; 
  voice-family: inherit;
  width: auto;
}

div.box-blue-imagine { 
  margin: 0px 0px 0px 0px;
  font-family: Arial, Helvetica, Helv, Verdana, "Lucida Sans", Arial, Geneva, "Myriad Web", Syntax, sans-serif;
  color: #FFFFFF;
  text-align: left; 
  font-size: 9pt;
  font-weight: normal;
  line-height: 11pt;
  border: 1px solid #999999;
  padding: 10px;
  background: #9999FF;
  width: 120px; 
  voice-family: "\"}\""; 
  voice-family: inherit;
  width: 120px;
}

.bodyCopy {
	font-family: Arial, Helvetica, Helv, Verdana, "Lucida Sans", Arial, Geneva, "Myriad Web", Syntax, sans-serif;
	font-size: 13px;
	color: #666666;
	margin: 6px 15px 15px 0px;
	line-height: 17px;
}

.bodyCopyIndent {
	font-family: Arial, Helvetica, Helv, Verdana, "Lucida Sans", Arial, Geneva, "Myriad Web", Syntax, sans-serif;
	font-size: 13px;
	color: #666666;
	margin: 6px 15px 16px 15px;
	line-height: 17px;
	text-align: left;
}

p.maintext {
	font-family: Arial, Helvetica, Helv, Verdana, "Lucida Sans", Arial, Geneva, "Myriad Web", Syntax, sans-serif;
	font-size: 13px;
	color: #666666;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 15px;
	line-height: 17px;
	text-align: left;
}

body {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  
  font-family: Arial, Helvetica, Helv, Verdana;  
  text-align: left; 
  font-size: 9pt;
}

/* =================================== */
/* container */
/* =================================== */
.container {
  padding: 0;
  margin: 0;
}


/* =================================== */
/* top-panel */
/* =================================== */
.top-panel {
  padding: 0;
  margin: 0;
  width: 100%;
}

/* =================================== */
/* left-panel */
/* =================================== */
.left-panel {
  margin: 0 0 0 0;
  padding-top: 6;
  padding-left: 6;
  padding-right: 1;
  width: 165px;
  height: 100%;
  float: left;
  background-color: #ffffff;
  
/*   border-style: solid; */
/*   border-width: 1px; */
/*   border-color: #999999; */
/*   border-bottom: none; */
}


sidebar-left-bottom {
}

.menu ul {
  padding: -50;
  margin-top: 5px; margin-bottom: 0;
  margin-left: -9px;
  line-height: 15px;
}

.menu ul ul {
  padding: 0;
  margin-top: 0px; margin-bottom: 0;
  margin-left: -9px;
  line-height: 15px;
}

.menu li {
}

.menu a:link, .menu a:visited {
font-family: Arial, Verdana, Helvetica; 
text-decoration: underline;
color: #6666CC; 
text-align: left; 
font-weight: normal;
font-size: 9pt;
line-height: 12pt;
margin-top: 0px;
margin-bottom: 6px;
margin-left: 15px;
margin-right: 5px;
}

.menu a:hover {
font-family: Arial, Verdana, Helvetica;
text-decoration: underline;
color: #CC3333;
text-align: left; 
font-weight: normal;
font-size: 9pt;
line-height: 12pt;
margin-top: 0px;
margin-bottom: 6px;
margin-left: 15px;
margin-right: 5px;
}

.leftnav a:link, .leftnav a:visited {
font-family: Arial, Verdana, Helvetica; 
text-decoration: underline;
color: #6666CC; 
text-align: left; 
font-weight: normal;
font-size: 15pt;
line-height: 18pt;
margin-top: 0px;
margin-bottom: 6px;
margin-left: 15px;
margin-right: 5px;
}

.leftnav a:hover {
font-family: Arial, Verdana, Helvetica;
text-decoration: underline;
color: #CC3333;
text-align: left; 
font-weight: normal;
font-size: 15pt;
line-height: 19pt;
margin-top: 0px;
margin-bottom: 6px;
margin-left: 15px;
margin-right: 5px;
}
/* =================================== */
/* main center panel */
/* =================================== */
.main-panel {
  margin: 0 0 0 0;
  width: 417px;
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 5px;
  margin-top: 0px;
  line-height: 17px;
  padding: 12px;
}

#main {
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 0px;
}

/* =================================== */
/* right-panel */
/* =================================== */
.right-panel {
  padding-top: 0;
  margin-top: 0;
  padding-left: 0;
  margin-left: 0;
  width: 165px;
  height: 100%;
  background-color: #FFFFFF;
}

#sidebar-right-top {
}

#sidebar-right {
}

/* =================================== */
/* bottom-panel */
/* =================================== */
.bottom-panel {
  width: 100%;
}

/*
** general table tags
*/
table {
  /* make <td> sizes relative to body size! */
  font-size: 9pt;
}
tr.dark {
  background-color: #ddd;
}
tr.light {
  background-color: #eee;
}
tr.dark td, tr.light td {
  padding: 0.3em;
}

/*
** links
*/


a {
  text-decoration: underline;
}
a:link {
  color: #6666CC;
  text-decoration: underline;
}
a:visited {
  color: #6666CC;
  text-decoration: underline;
}
a:hover {
  color: #CC3333; 
  text-decoration: underline;
}


/*
** the fieldset and legend tags are 
** used to draw the 'group' theme
*/
fieldset {
  border: 1px solid #ccc;
}

legend {
  border: 0px;
  color: #333333;
  font-weight: bold;
}

/*
** defines preformatted text
*/
pre {
  background-color: #eee;
  padding: 0.75em 1.5em;
  font-size: 12px;
  border: 1px solid #ddd;
}

/*
** form tags
*/
.form-item {
  margin-top: 1em;
}
.form-item label {
  font-size: 1em;
  font-family: Arial, Helvetica, Helv, Verdana, "Lucida Sans", Arial, Geneva, "Myriad Web", Syntax, sans-serif;  
  color: #333;
}
.item-list .title {
  font: 1em verdana, arial, sans-serif;
  font-family: Arial, Helvetica, Helv, Verdana, "Lucida Sans", Arial, Geneva, "Myriad Web", Syntax, sans-serif;  
  color: #333;
}

select, input, checkbox, textarea { 
  color: #333;
  font: 1em verdana, arial, sans-serif;
  font-family: Arial, Helvetica, Helv, Verdana, "Lucida Sans", Arial, Geneva, "Myriad Web", Syntax, sans-serif;  
  font-size: 10px;
}

/*
** Page layout blocks / IDs
*/
#header, #content {
  width: 100%;
}
#header {
  background-color: #000;
}
#logo {
  vertical-align: bottom;
  border: 0;
  font-weight: bold;
  font-size: 1.9em;
  color: #fff;
}
#logo img {
  display: block;
}

#primary {
  font-size: 1.0em;
  padding: 0em 0.8em 0.5em 0;
  color: #9cf;
}
#primary a {
  font-weight: bold;
  color: #fff;
}
#secondary {
  padding: 0 1em 0.5em 0;
  font-size: 0.8em;
  color: #9cf;
}
#secondary a {
  font-weight: bold;
  color: #9cf;
}
#search .form-text, #search .form-submit {
  border: 1px solid #369;
  font-size: 1.1em;
}
#search .form-text {
  width: 8em;
  height: 1.4em;
  padding: 0 0.5em 0 0.5em;
  margin: 0 0 0.5em 0;
}
#search .form-submit {
  height: 1.5em;
}
#mission {
  margin: 0;
  padding: 0;
}
#mission a, #mission a:visited {
}
#mission, .node .content, .comment .content {
}
#help {
  font-size: 0.9em;
  margin-bottom: 1em;
}


.breadcrumb
{
	font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;  
	font-style: normal;
	font-size: 8.5pt;
	font-weight: normal;
	text-decoration: none;
	color: #FF6600;
	margin-left: 0px;
	margin-bottom: 16px; 
}
.breadcrumb:hover
{
	font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;  
	font-style: normal;
	font-size: 8.5pt;
	font-weight: normal;
	text-decoration: underline;
	color: #666666;
	margin-left: 0px;
	margin-bottom: 16px;
}
.breadcrumb:active
{
	font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;  
	font-style: normal;
	font-size: 8.5pt;
	font-weight: normal;
	text-decoration: underline;
	color: #FFCC00;
	margin-left: 0px;
	margin-bottom: 16px;
}

.message {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 0.3em;
  margin-bottom: 1em;
}
.error {
  border-color: red;
}

#sidebar-right {
/*
  background-color: #000;
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 10px;
  vertical-align: top;
*/
}


#footer {
  background-color: #000;
  padding: 1em;
  font-size: 0.8em;
}

/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.title, .title a {
  font-weight: bold;
  font-size: 11.5pt;
  color: #000099;
  margin: 0 auto 0 auto;  /* decrease default margins for h<x>.title */
}
.submitted {
  color: #999;
  font-size: 0.8em;
}
.links {
  color: #999;
}
.links a {
  font-weight: bold;
}

.box {
  padding: 0 0 1.5em 0;
}

/*
** blocks
*/
.block {
}

.block .title {
  font-size: 9pt;
}

#block-title {
  background-color: #666666; 
  color: white; 
  text-decoration: none; 
  font-size: 12px; 
  font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif; 
  display: block;
  padding: 2px;
  width: auto;
  height: auto;
  margin-top: 10px;
  margin-bottom: 0px;
}
#block-title a:visited, #block-title a:visited { 
  background-color: #666666; 
  color: white; 
  text-decoration: none; 
  font-size: 12px; 
  font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif; 
  display: block;
  padding: 2px;
  width : auto;
  height: auto;
  margin-top: 10px;
  margin-bottom: 0px;
}
#block-title:hover { 
  background-color: #9966CC; 
  color: white; 
  text-decoration: none; 
  font-size: 12px; 
  font-family: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif; 
  display:block;
  padding: 2px;
  width: auto;
  height: auto;
  margin-top: 10px;
  margin-bottom: 0px;
}

.box .title {
  font-size: 1.1em;
}
.node {
  margin: 0em 0 1em 0;
}
.static {
  padding: .5em;
  background-color: #eee;
  border: solid 1px #ddd;
}

.node .taxonomy {
  color: #999;
  font-size: 0.8em;
  padding: 1.5em;
}
.node .avatar {
  border: 1px solid #ddd;
  float: right;
  margin: 0.5em;
}
.comment {
  border: 1px solid #abc;
  padding: .5em;
  margin-bottom: 1em;
}
.comment .title {
  font-size: 1.1em;
}
.comment .new {
  text-align: right;
  font-weight: bold;
  font-size: 0.8em;
  float: right;
  color: red;
}
.comment .avatar {
  border: 1px solid #abc;
  float: right;
  margin: 0.5em;
}

#node-form {
  margin: 0 0 0 10px;
}

/*
** Module specific styles
*/
#aggregator .feed {
  background-color: #000;
  border: 1px solid #ccc;
  padding: 1em;
  margin: 1em 0 1em 0;
}
#aggregator .news-item .source {
  color: #999;
  font-style: italic;
  font-size: 0.9em;
}
#aggregator .title {
  font-size: 1em;
}
#aggregator h3 {
  margin-top: 1em;
}
#tracker th {
  text-align: left;
  border-bottom: 1px solid #ddd;
}
#tracker tr.light {
  background-color: #bbb;
}
#tracker tr.dark {
  background-color: #eee;
}
#tracker td {
  vertical-align: top;
  padding: 1em 1em 1em 0;
  border-bottom: 1px solid #bbb;
}
#forum table {
  width: 100%;
}
#forum td {
  padding: 0.25em 0.25em 0.25em 0.25em;
}
#forum td.forum, #forum td.posts {
  background-color: #eee;
}
#forum td.topics, #forum td.last-reply {
  background-color: #ddd;
}
#forum td.container {
  background-color: #99CCCC;
}
#forum td.container a {
  color: #FFFFFF;
}

#forum td.statistics, #forum td.settings, #forum td.pager {
  height: 1.5em;
  border: 1px solid #bbb;
}
#forum td .name {
  color: #96c;
}
#forum td .links {
  padding-top: 0.7em;
  font-size: 0.9em;
}
.block-forum h3 {
  margin-bottom: .5em;
}
.calendar a {
  text-decoration: none;
}
.calendar td {
  padding: 0;
  border-color: #888;
}
.calendar td div {
  padding: 0.4em 0;
}
.calendar .row-week td a {
  padding: 0.4em 0;
}
.calendar .day-today {
  background-color: #69c;
}
.calendar .day-today a {
  color: #fff;
}
.calendar .day-selected {
  background-color: #369;
  color: #fff;
}
.calendar .header-month {
  background-color: #bbb;
}
.calendar .header-week {
  background-color: #ccc;
}
.calendar .day-blank {
  background-color: #ccc;
}
.calendar .row-week td a:hover {
  background-color: #fff; color: #000;
}

#login-label {
  FONT-WEIGHT: bold; FONT-SIZE: 10px; WIDTH: auto; COLOR: #cccccc; FONT-FAMILY: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif; HEIGHT: auto; TEXT-DECORATION: none
}

#login-name {
}

#login-pass {
}

#login-submit {
}

/* =================================== */
/* image gallery */
/* =================================== */
#profile-menu { 
  margin: 0px; PADDING: 0 0 0 10px; DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 12px; WIDTH: auto; COLOR: #cccccc; FONT-FAMILY: Arial, Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif; HEIGHT: auto; BACKGROUND-COLOR: #333333; TEXT-DECORATION: none;
  background-image: url(/dp/themes/omphp/images/arrow-rt.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
  color: #cccccc; 
}

#profile-menu a:hover { 
  color: yellow;
  TEXT-DECORATION: none;
}

/* =================================== */
/* image gallery */
/* =================================== */
.gallery {
  margin-top: 10px;
  margin-bottom: 10px;
  clear: both;
}

.gallery-title {
  font-weight: bold;
}

.gallery-body {
  border-top: 1px dotted #999;
  margin-top: 10px;
  margin-left: 27px;
  width: 460px;
}

.thumbnail {
  float: left;
  width: 140px;
  padding: 5px;
  font-size: 11px;
  vertical-align: top;
}

.thumbnail p {
  margin: 0;
  padding: 0;
  text-align: center;  
}

.thumbnail img {
  border: 1px solid black;
}

.clearboth { 
  clear: both; 
}

/* =================================== */
/* member brief */
/* =================================== */
#member-brief {
  width: 490px;
  margin-bottom: 15px;
}

#member-brief-top {
  margin: 0;
  padding: 0;
  background-color: black;
}

#member-brief-top-name {
  margin: 0 0 0 3px;
  padding: 0;
  float: left;
  width: 117px;
}

#member-brief-top-title {
  margin: 0;
  padding: 0;
  width: 350px;
}

#member-brief-left {
  margin: 0;
  padding: 0;
  float: left;
  width: 120px;
}

#member-brief-left .thumbnail {
  margin: 0;
  padding: 0;
  width: 120px;
}

#member-brief-right {
  margin: 0;
  padding: 0;
  width: 350px;
  font-size: 14px;
}

#member-brief-right table {
  margin: 0;
  padding: 0;
  width: 350px;
}

/* ===================================================================================================== */
/* ===================================================================================================== */
DIV.section { 
	font-family: Arial, Helvetica, Helv, Verdana, "Lucida Sans", Arial, Geneva, "Myriad Web", Syntax, sans-serif;  
	color: #333333;
	text-align: left; 
	font-size: 9pt;
	line-height: 11pt;
	margin-bottom: 8px;
	margin-top: 0px; }

P.body1 { 
	font-family: Arial, Helvetica, Helv, Verdana, "Lucida Sans", Arial, Geneva, "Myriad Web", Syntax, sans-serif;  
	color: #333333;
	text-align: left; 
	font-size: 9pt;
	line-height: 11pt;
	margin-bottom: 8px;
	margin-top: 0px; }

P.body-head { 
	font-family: Arial, Helvetica, Helv, Verdana, "Lucida Sans", Arial, Geneva, "Myriad Web", Syntax, sans-serif;  
	color: #333333;
	text-align: left; 
	font-size: 8pt;
	font-weight: bold;
	line-height: 11pt;
	margin-bottom: 2px;
	margin-top: 0px; }

P.body1-indent { 
	font-family: Arial, Helvetica, Helv, Verdana, "Lucida Sans", Arial, Geneva, "Myriad Web", Syntax, sans-serif;  
	color: #333333;
	text-align: left; 
	font-size: 9pt;
	line-height: 11pt;
	margin-bottom: 8px;
	margin-top: 0px;
	margin-left: 20pt; }

 }
	
P.indent { 
	font-family: Arial, Helvetica, Helv, Verdana, "Lucida Sans", Arial, Geneva, "Myriad Web", Syntax, sans-serif;  
	color: #666666;
	text-align: justify; 
	font-size: 9 pt;
	line-height: 11 pt;
	margin-left: 20 pt; }

ul.disc 
{
	list-style-type: disc;
	list-style-position: outside;
	font-family: Arial, Helvetica, Helv, Verdana, "Lucida Sans", Arial, Geneva, "Myriad Web", Syntax, sans-serif;  
	color: #666666;
	font-size: 9pt;
	line-height: 12pt;
	margin: 0px 0px 12px 48px;
	padding: 0px 0px 0px 0px; }
	
ul.discbox 
{
	list-style-type: disc;
	list-style-position: outside;
	font-family: Arial, Helvetica, Helv, Verdana, "Lucida Sans", Arial, Geneva, "Myriad Web", Syntax, sans-serif;  
	color: #000000;
	font-size: 8.5pt;
	line-height: 11pt;
	margin: 0px 4px 4px 14px;
	padding: 0px 0px 0px 0px;
	 }

ul.discbox-no 
{
	list-style-image: url(images/spacer.gif);
	font-family: Arial, Helvetica, Helv, Verdana, "Lucida Sans", Arial, Geneva, "Myriad Web", Syntax, sans-serif;  
	color: #000000;
	font-size: 8.5pt;
	line-height: 11pt;
	margin: 0px 4px 4px 14px;
	padding: 0px 0px 0px 0px;
	 }

li.leaf 
{
	list-style-image: url(spacer.gif);
	list-style-position: outside;  
 }	
ol.ol1 
{
	list-style-type: decimal;
	list-style-position: outside;
	font-family: Arial, Helvetica, Helv, Verdana, "Lucida Sans", Arial, Geneva, "Myriad Web", Syntax, sans-serif;  
	color: #333333;
	font-size: 9pt;
	line-height: 11pt;
	margin-bottom: 8px; }
	 
