/* 
	This Site is designed and developed by:
	
	DigiDoc BV
	The Netherlands
	www.digi.nl
	info@digi.nl
	CopyRight 2012

*/
/* roc */
BODY {
FONT-SIZE: 10pt;
MARGIN: 0px;
FONT-FAMILY: Verdana, Arial;
COLOR: #000000;
}
A {
COLOR: #0000cc;
TEXT-DECORATION: none
}
A:hover {
COLOR: #ff0000;
TEXT-DECORATION: underline;
}
A:active {
COLOR: #ff0000;
TEXT-DECORATION: underline;
}
H1	{
FONT-WEIGHT: bold;
FONT-SIZE: 12pt;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial
}
H2	{
FONT-WEIGHT: bold;
FONT-SIZE: 11pt;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial
}
H3 {
FONT-WEIGHT: bold;
FONT-SIZE: 10pt;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial
}
H4 {
FONT-WEIGHT: bold;
FONT-SIZE: 10pt;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial
}
TD {
FONT-SIZE: 10pt;
FONT-FAMILY: Verdana, Arial;
COLOR: #000000;
}
TH {
FONT-WEIGHT: bold;
FONT-SIZE: 10pt;
FONT-FAMILY: Verdana, Arial;
TEXT-ALIGN: left;
BACKGROUND-COLOR: #99CCFF;
COLOR: #000099;
}
.odd TD {
BORDER-RIGHT: #ffffff 1px solid;
BORDER-BOTTOM: #ffffff 1px solid;
VERTICAL-ALIGN: top;
BACKGROUND-COLOR: #eeeeff
}
.even TD {
BORDER-RIGHT: #ffffff 1px solid;
BORDER-BOTTOM: #ffffff 1px solid;
VERTICAL-ALIGN: top;
}
TH A {
COLOR: #000099
}
.border {
BORDER-RIGHT: #0000ff 1px solid;
BORDER-TOP: #0000ff 1px solid;
BORDER-LEFT: #0000ff 1px solid;
BORDER-BOTTOM: #0000ff 1px solid;
}
#title {
color: #000099; 
background-color:#99CCFF;
}
.odd {
BORDER-BOTTOM: #ffffff 1px solid;
BORDER-RIGHT: #ffffff 1px solid;
BACKGROUND-COLOR: #eeeeff
}
.even {
BORDER-BOTTOM: #ffffff 1px solid;
BORDER-RIGHT: #ffffff 1px solid;
BACKGROUND-COLOR: #ccccff
}
.cellborder TD {
BORDER-BOTTOM: #ffffff 1px solid;
BORDER-RIGHT: #ffffff 1px solid
}
.listTable {
border-right: 2px inset;
border-top: 2px inset;
border-left: 2px inset;
border-bottom: 2px inset;
BACKGROUND-COLOR: #ffffff;
}
.listTable TD {
BORDER-BOTTOM: #666666 1px solid;
BORDER-RIGHT: #666666 1px solid
}.totals {
FONT-SIZE: 8pt;
TEXT-ALIGN: right;
}
.noBorder {
border-bottom-style: hidden;
border-top-style: hidden;
border-right-style: hidden;
border-left-style: hidden;
}
.noPad {
padding: 0px;
}
.caption {
FONT-WEIGHT: bold;
FONT-SIZE: 12pt;
COLOR: #990000;
FONT-STYLE: italic;
border-top: #0000ff 1px solid;
BACKGROUND-COLOR: #FFcccc
}
.footer {
FONT-WEIGHT: bold;
FONT-SIZE: 7pt;
COLOR: #990000;
BACKGROUND-COLOR: #FFcccc;
border-top: #0000ff 1px solid;TEXT-ALIGN: center;
}
.footer A {
TEXT-DECORATION: none;
COLOR: #990000;
}
.banner {
FONT-WEIGHT: normal;
FONT-SIZE: 8pt;
COLOR: #003399;
BACKGROUND-COLOR: #dcdcdc;
}
.banner A {
COLOR: #333399;
TEXT-DECORATION: none;
}
.banner A:hover {
COLOR: #aa0033;
TEXT-DECORATION: underline;
}
.banner A:active {
COLOR: #ff0000
}
.banner TH {
BACKGROUND-COLOR: #ffffff;
background-image: none;
border-top: #0000ff 1px solid;
border-bottom: #0000ff 1px solid;
}
.menu {
FONT-WEIGHT: normal;
FONT-SIZE: 8pt;
COLOR: #003399;
BACKGROUND-COLOR: #dcdcdc;
}
.menu A {
COLOR: #333399;
Text-Decoration: none; 
}
.menu A:hover {
COLOR: #aa0033;
Text-Decoration: underline; 
}
.menu A:active {
COLOR: #ff0000
}
.menu TH {
BACKGROUND-COLOR: #ffffff;
background-image: none;
border-top: #0000ff 1px solid;
border-bottom: #0000ff 1px solid;
}
.small {
FONT-SIZE: 7pt;
font-weight: bold;
}	
.frame {
border-right: 2px inset;
border-top: 2px inset;
border-left: 2px inset;
border-bottom: 2px inset;
}
.tabs A.tabSel {
BACKGROUND: url(/images/roc/tab_sel.gif) no-repeat;
color: #000099;
z-index: 200;
}
.tabs A:hover {
BACKGROUND: url(/images/roc/tab_sel.gif) no-repeat;
color: #ffffff;
}
.tabs {
margin-bottom: 2px;
}
.tabs A {
border-right: #99ccff 1px solid;
border-bottom: #0000ff 1px solid;
padding-top: 4px;
padding-left: 25px;
padding-right: 15px;
padding-bottom: 2px;
BACKGROUND: url("/images/roc/tab.gif") no-repeat;
background-position: top left;
margin: 0px;
position: relative;
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
FONT-FAMILY: Verdana, Arial;
color: #ffffff;
text-decoration: none;
}
@media print {
.tabs A
{
position: static
}
}
.tabsP {
BACKGROUND: url('/images/roc/tab.gif') no-repeat;
}
.icon {
vertical-align: text-bottom;
border: none;
margin-left: 2px;
margin-right: 2px;
}
.sel {
BACKGROUND-COLOR: #ffffcc
}
.selected A {
color: #ffffff;
}
.selected {
color: #ffffff;
background-color: #3366ff;
}
.gray {
background-image: url(/images/slide.gif);
}
.RTL {
direction: rtl;
font-size: 16px;
font-family: Arial;
}
.simpleEdit TD {
border-left: #000000 1px solid;
border-bottom: #000000 1px solid;
padding: 0px;
}
.simpleEdit INPUT {
border: none;
padding: 2px;
}
.rotated {
background-image: none;
writing-mode:tb-rl;
filter: flipv fliph;
}
.user {
display: block;
background: url(/_lib/images/user.gif) no-repeat left top;
padding: 0px 1px 2px 18px;
margin: 1px 0px 1px 0px;
}
.warn {
background: url(/images/warn.gif) no-repeat left top;
padding: 0px 1px 2px 18px;
margin: 1px 0px 1px 0px;
}
.warnbox {
background: url(/images/warnbox.gif) no-repeat left top;
padding: 10px 10px 10px 32px;
width: 600px;
background-color: #ffffcc;
border: 1px solid #0000ff;
}
.button {
font-weight: bold;
font-size: 11px;
margin-bottom: 1px;
cursor: hand;
border-right: #0000ff 2px solid;
border-top: #99ccff 2px solid;
border-left: #99ccff 2px solid;
border-bottom: #0000ff 2px solid;
color: #ffcccc;
font-family: Arial, Helvetica;
height: 26px;
background-color: #3366ff;
text-decoration: none;
}
.bhover {
color: #ffffff;
text-decoration: none;
}
.textbutton {
border-right: #0000ff 2px solid;
border-top: #99ccff 2px solid;
border-left: #99ccff 2px solid;
border-bottom: #0000ff 2px solid;
padding-right: 8px;
margin-top: 2px;
padding-left: 8px;
font-weight: bold;
font-size: 11px;
color: #ffcccc;
padding-bottom: 4px;
padding-top: 4px;
font-family: Arial, Helvetica;
height: 26px;
background-color: #3366ff;
text-decoration: none;
}
.textbutton A:hover {
color: #ffcccc;
}
.textbutton A {
color: #ffcccc;
text-decoration: none;
}
.textbutton:hover {
color: #ffcccc;
}
.alert {
display: block;
width:500;
font-weight: bold;
font-size: 10px;
padding: 2px 2px 2px 20px;
border: solid 1px #000000;
margin: 15px 15px 15px 15px;
background-color: #ffffcc;
background-image: url('/images/alert.gif');
background-position: left top;
background-repeat: no-repeat;
}.textbutton_small {
border-right: #0000ff 2px solid;
border-top: #99ccff 2px solid;
border-left: #99ccff 2px solid;
border-bottom: #0000ff 2px solid;
padding-right: 4px;
margin-top: 0px;
padding-left: 4px;
font-weight: bold;
font-size: 11px;
color: #ffcccc;
padding-bottom: 1px;
padding-top: 1px;
font-family: Arial, Helvetica;
height: 20px;
background-color: #3366ff;
text-decoration: none;
}
.textbutton_small A:hover {
color: #ffcccc;
}
.textbutton_small A {
color: #ffcccc;
text-decoration: none;
}
.textbutton_small:hover {
color: #ffcccc;
}
.nrg {
position:absolute;
top:10px;
left:10px;
cursor:hand;
border:1px solid #000000;
background-color:#ffffcc;
padding: 2px 2px 2px 2px;
font-size: 10px;
z-index: 200;
}
.NRGHead, .NRGFoot 
{
   border-left: #0000ff 1px solid;
   border-right: #0000ff 1px solid;
	padding: 3px 5px 0px 2px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	background-color: #99CCFF;
	color: #000099;
	height: 22px;
	width: 220px;
}
.NRGHead { 
   border-top: #0000ff 1px solid;
} 
.NRGFoot { 
   border-bottom: #0000ff 1px solid;
} 
  
  
 .NRGHead li, .NRGFoot li {       
    display: block;
    float: left;    
    margin: 0px 0px 0px 0px;
    padding: 0px 2px 2px 2px;
    height: 20px;    
}
  
.NRGRow {
    border-left: #0000ff 1px solid;
    border-right: #0000ff 1px solid;
	 padding: 0px 0px 0px 0px;
	 margin: 0px 0px 0px 0px;
    height: 22px;
    width: 220px;
 }
 
 
 
 .NRGRow li {       
    display: block;
    float: left;    
    margin: 0px 0px 0px 0px;
    padding: 2px 2px 2px 2px;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
}
 .NRG_C1 {       
    width: 125px;
}
 .NRG_C2 {       
    width: 75px;
    text-align: right;
}
 
@media print {.screenOnly {
display: none
}}
.boxed {
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 1px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid;
padding-bottom: 5px;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
margin: 10px;
font-family: Arial;	
}
.header TD {
font-weight: bold;
font-size: 9px;
}
.tableHead, .tableFoot, .propHead, .propFoot 
{
   display: block;
   border-left: #0000ff 1px solid;
   border-right: #0000ff 1px solid;
	padding: 3px 5px 0px 2px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	background-color: #99CCFF;
	color: #000099;
}
.propHead, .propFoot, .propRow 
{
	width: 480px;
} 
.tableHead, .tableFoot, .tableRow 
{
	width: 600px;
} 
.tableHead, .propHead { 
   border-top: #0000ff 1px solid;
	height: 22px;
} 
.tableHead A { 
	color: #000099;
} 
.tableFoot, .propFoot { 
   border-bottom: #0000ff 1px solid;
	height: 38px;
} 

.tableHead li, .tableFoot li {       
    display: block;
    float: left;    
    margin: 0px 0px 0px 0px;
    padding: 0px 2px 2px 2px;
    overflow: hidden;
}

.tableRow, .propRow {
   display: block;
   border-left: #0000ff 1px solid;
   border-right: #0000ff 1px solid;
	padding: 0px 5px 0px 2px;
	margin: 0px 0px 0px 0px;
   height: 25px;
 }
 
.propRow {
   border-bottom: #0000ff 1px solid;
 }
 
 
 .propRow li, .tableRow li {       
    display: block;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 2px 2px 0px 0px;
    height: 23px;
    overflow: hidden;
    white-space: nowrap;
}
 
.propRow li
{
	width: 235;
}

.pick1col 
{
   width: 100px;
   margin: 0px 0px 0px 0px;
	border: solid 1px #333333;
	background-color: #eeeeee;
}

.pick1col LI
{
   width: 100px;
   font-weight: normal;
	display: block;
	float: left;    
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	height: 18px;
	overflow: hidden;
	white-space: nowrap;
	cursor: hand;
}
.hover {    background-color: 333333;
    color: ffffff;
}