/* Special Font Variation */
.bold { font-weight : bold; }
.italic {	font-style :  italic; }
.bolditalic { font-style :  italic; font-weight : bold; }
.justify { text-align : justify; }
.link { color : #323232; }
.data { font-family : Arial, Helvetica, sans-serif; font-size : 9px; color : #aaaaaa; }

/* General Style */
body {
text: #616161;
a: link #616161;
a: visited #616161;
a: hover #000080;
a: active #616161;
margin: 0px 0px 0px 0px;
background-color: #ffffff;
font-size: 12px; 
font-family : Arial, Helvetica, sans-serif;
color : #616161;
scrollbar-face-color: #E1E1E1;
scrollbar-3dlight-color: #A2A2A2; 
scrollbar-darkshadow-color: #A2A2A2;
scrollbar-shadow-color: #FFFFFF; 
scrollbar-highlight-color: #FFFFFF; 
scrollbar-track-color: #d8d8d7;
scrollbar-arrow-color: #0c2649;
}

a:link { color: #616161; }
a:visited { color: #616161; }
a:hover { color: #000080; }
a:active { color: #616161; }

P {margin-top: 6px; }
P.10 {margin-top: 10px; }
P.15 {margin-top: 15px; }
P.20 {margin-top: 20px; }
P.30 {margin-top: 30px; }
P.40 {margin-top: 40px; }
P.50 {margin-top: 50px; }

.ttabox { border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; }
.tabox { border-top: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; }
.sidebox { border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; }
.pic { border-right: #f8f8ff 1px solid; border-top: #f8f8ff 1px solid; 	border-left: #f8f8ff 1px solid; border-bottom: #f8f8ff 1px solid; border-thickness: 1px ; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 10px; }
td { font-family : Arial, Helvetica, sans-serif; font-size : 12px; color : #616161; font-style : normal; }
.textlayout { Padding-Top: 25px; Padding-Bottom: 0px; Padding-Left: 25px; Padding-Right: 25px; }

/* Text Headings */
.pageheader { font-family : Arial, Helvetica, sans-serif; font-size : 12px; color : #ffffff; font-weight :  bold; font-style : normal; }
.header { font-family: Arial, sans-serif, sans-serif; font-size: 14px; color: #616161; font-weight: bold; font-style : normal; }
.pagefooter { font-family : Arial, Helvetica, sans-serif; font-size : 12px; color : #616161; font-weight :  bold; font-style : normal; }
.bodyvlge { font-family: Arial, sans-serif; font-size: 15px; color: #616161; font-weight: bold; font-style : normal; }
.bodylge { font-family: Arial, sans-serif; color: #616161; font-size: 13px; font-weight: bold; font-style : normal; }
.bodybold { font-family : Arial, Helvetica, sans-serif; font-size : 12px; color : #616161; font-weight :  bold; font-style : normal; }
.body { font-family : Arial, Helvetica, sans-serif; font-size : 12px; color : #616161; font-style : normal; }
.bodysmall { font-family : Arial, Helvetica, sans-serif; font-size : 11px; color : #616161; font-style : normal; }
.bodyvsmall { font-family : Arial, Helvetica, sans-serif; font-size : 10px; color : #616161; font-style : normal; }
.bodyvvsmall { font-family : Arial, Helvetica, sans-serif; font-size : 9px; color : #616161; font-style : normal; }

/* footers */
.footer { font-family :  Arial, serif; font-size : 9px; color : #A9A8A8; }
.footer-red { font-family : Arial, serif; font-size : 12px; color : #ff0000; }
.data { font-family : Arial, Helvetica, sans-serif; font-size : 9px; color : #737373; }


/* Coloured Text */
SPAN.blue { color : #0033ff; }
.blue { color : #0033ff; }
SPAN.blue-1 { color : #00008b; }
.blue-1 { color : #00008b; }
SPAN.black { color : #000000; }
.black { color : #000000; }
SPAN.gray { color : #777777; }
.gray { color : #777777; }
SPAN.green { color : #339900; }
.green { color : #339900; }
SPAN.red { color : #dc143c; }
.red { color : #dc143c; }
SPAN.silver { color : #c0c0c0; }
.silver { color : #c0c0c0; }
SPAN.tan { color : #d2b48c; }
.tan { color : #d2b48c; }
SPAN.teal { color : #008b8b; }
.teal { color : #008b8b; }
SPAN.white { color : #ffffff; }
.white { color : #ffffff; }
SPAN.yellow { color : #ffff00; }
.yellow { color : #ffff00; }
SPAN.orange { color : #ffaf02; }
.orange { color : #ffaf02; }


#LayerPage {
position: absolute;
left: 40px;
top: 15px;
width: 680;
height: 200px;
z-index: 1;
font : 12px Arial, Helvetica, sans-serif;
color : #323232;
background-color: #ffffff;
padding : 0px 0px 0px 0px;
overflow : visible;
border: 0px dotted #dddddd;
}


.Page{
margin-left: 40px;
margin-right: 20px;
padding-top: 0px;
padding-left: 30px;
padding-right: 0px;
padding-bottom: 0px;
width: auto;
background: #dddddd;
color : #323232;
font : 12px Arial, Helvetica, sans-serif;
text-align: justify;
border: 1px dotted #dddddd;
overflow : visible;
z-index: 1;
}

.PageImage{
position: relative;
top: 0px;
border: 1px solid #dddddd;
float: right;
height: auto;
width: 230px; 
background: #f8f7fd;
margin: 0px 0px 10px 20px;
}

.PageDynamic{
position: relative;
margin-left: 0px;
margin-right: 0px;

padding-top: 10px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 10px;
top: 0px;
border: 1px solid #dddddd;
float: bottom;
height: auto;
width: auto; 
background: #f8f7fd;
}



#LayerPage2 {
position: absolute;
left: 10px;
top: 100px;
width: 730;
height: 300px;
z-index: 1;
font : 12px Arial, Helvetica, sans-serif;
color : #323232;
text-align: justify;
background-color: #ffffff;
padding : 0px 0px 0px 0px;
overflow : visible;
border: 0px dotted #eaeaea;
scrollbar-3dlight-color: #b0b0b0;
scrollbar-arrow-color: #000000;
scrollbar-base-color: #ffffff;
scrollbar-darkshadow-color:#d0d0d0;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#eaeaea;
scrollbar-shadow-color:#c0c0c0;
scrollbar-track-color: #ffffff;
}

.fieldtext {
vertical-align: middle; 
border: 1px ridge #eaeaea;
background-color: #ffffff; 
background-image: url(images/corners.gif);
font-family: arial,helvetica,sans-serif;
color : #323232;
font-size: 11px;
font-weight: normal;	
}

.fielddropdown {
vertical-align: middle; 
border: 1px ridge #eaeaea;
background-color: #ffffff; 
font-family: arial,helvetica,sans-serif;
color : #323232;
font-size: 11px;
font-weight: normal;		
}

.fieldtextarea {
vertical-align: middle; 
border: 1px ridge #eaeaea;
background-color: #ffffff; 
background-image: url(images/corners.gif);
font-family: arial,helvetica,sans-serif;
color : #323232;
font-size: 11px;
font-weight: normal;	
scrollbar-3dlight-color: #b0b0b0;
scrollbar-arrow-color: #000000;
scrollbar-base-color: #ffffff;
scrollbar-darkshadow-color:#d0d0d0;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#eaeaea;
scrollbar-shadow-color:#c0c0c0;
scrollbar-track-color: #ffffff;
}

.formbutton {
background-color: #ffffff; 
font-family: arial,helvetica,sans-serif;
color : #294362;
font-size: 11px;
text-align : center;
cursor : hand;
border: 1px ridge #eaeaea;
}


/* images*/

.picleft {
margin-top: 5px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 5px;
border: 1px solid #708090;
float: left;
}

.picleftnb {
margin-top: 5px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 5px;
border: 0px solid #708090;
float: left;
}

.picright {
margin-top: 5px;
margin-left: 10px;
margin-right: 0px; 
margin-bottom: 5px;
border: 1px solid #708090;
float: right;
}

.picrightnb {
margin-top: 5px;
margin-left: 10px;
margin-right: 0px; 
margin-bottom: 5px;
border: 0px solid #708090;
float: right;
}

.piccentre {
margin-top: 5px;
margin-left: 10px;
margin-right: 0px; 
margin-bottom: 5px;
border: 1px solid #294362;
float: center;
}

.piccentrenb {
margin-top: 5px;
margin-left: 10px;
margin-right: 0px; 
margin-bottom: 5px;
border: 0px solid #708090;
float: center;
}

.box {
border: 1px solid #cccccc;
background-color: White;
}
