/* General Style */

html {
height: 100%;
}
html>body .wrapper {
height: auto;
}
body {
height: 100%;
overflow-y: yes;
overflow-x: hidden;
background-image: url(img/bg-tile.gif);
background-repeat: repeat-x;
padding:0;
margin:0;
background-color: #000000;
text-align: center;
scrollbar-3dlight-color:#191919; 
scrollbar-darkshadow-color:#191919; 
scrollbar-highlight-color:#4c4c4c; 
scrollbar-shadow-color:#4c4c4c;
scrollbar-face-color:#191919; 
scrollbar-track-color:#191919; 
}
.wrapper{
width:100%;
height:99.9%;
min-height:100%;
margin:auto;
text-align: center;
position:relative;
}
.content {
z-index: 1;
background-color: #1c1c1c;
font : 11px Verdana, Arial, Helvetica, sans-serif;
color : #818181;
padding : 20px 20px 20px 20px;
overflow : visible;
scrollbar-3dlight-color:#8a8a8a; 
scrollbar-darkshadow-color:#8a8a8a; 
scrollbar-highlight-color:#ffffff; 
scrollbar-shadow-color:#ffffff;
scrollbar-face-color:#e1e1e1; 
scrollbar-arrow-color:#5ba400;
scrollbar-track-color:#f2f2f2; 
}
.images {
margin-left:20px;
margin-bottom:10px;
float:right;
}
.footer {
background-repeat: repeat-x;
height: 36px;
width: 100%;
z-index:999;
left: 0px;
bottom: 0px;
position: absolute;
}


/* Additional Styles */

/* Special Font Variation */
.bold { font-weight : bold; }
.italic {	font-style :  italic; }
.bolditalic { font-style :  italic; font-weight : bold; }
.justify { text-align : justify; }
.link { color : #000fff; }
.data { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 9px; color : #aaaaaa; }

/* Paragraph Spacing */
P {margin-top: 6px; }
P.3 {margin-top: 3px; }
P.10 {margin-top: 10px; }
P.15 {margin-top: 15px; }
P.20 {margin-top: 20px; }
P.25 {margin-top: 25px; }
P.30 {margin-top: 30px; }
P.35 {margin-top: 35px; }
P.40 {margin-top: 40px; }
P.45 {margin-top: 45px; }
P.50 {margin-top: 50px; }

/* Special Layouts */
td { font : 11px Verdana, Arial, Helvetica, sans-serif; color : #818181; }
ol { margin-top: 6px; margin-left: 12px; margin-bottom: 6px;}
ul { margin-top: 6px; margin-left: 12px; margin-bottom: 10px;}
li { margin-top: 4px; margin-left: 15px;}
.box { border: 1px solid #cccccc; background-color: White; }
.tabox { border-top: 1px solid #333333; border-left: 1px solid #333333; border-bottom: 1px solid #f8f8ff; border-right: 1px solid #f8f8ff; }
.pic { border-right: #000000 1px solid; border-top: #000000 1px solid; 	border-left: #000000 1px solid; border-bottom: #000000 1px solid; border-thickness: 1px ; margin-right: 0px; margin-bottom: 0px; }
.pic1 { border-right: #3e809b 1px solid; border-top: #3e809b 1px solid; 	border-left: #3e809b 1px solid; border-bottom: #3e809b 1px solid; border-thickness: 1px ; margin-right: 0px; margin-bottom: 0px; }
.pic2 { border-right: #d19714 1px solid; border-top: #d19714 1px solid; 	border-left: #d19714 1px solid; border-bottom: #d19714 1px solid; border-thickness: 1px ; margin-right: 0px; margin-bottom: 0px; }
.pic3 { border-right: #aac94b 1px solid; border-top: #aac94b 1px solid; 	border-left: #aac94b 1px solid; border-bottom: #aac94b 1px solid; border-thickness: 1px ; margin-right: 0px; margin-bottom: 0px; }
.pic4 { border-right: #c94bc9 1px solid; border-top: #c94bc9 1px solid; 	border-left: #c94bc9 1px solid; border-bottom: #c94bc9 1px solid; border-thickness: 1px ; margin-right: 0px; margin-bottom: 0px; }

.subheader1 { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; color : #3e809b; font-weight :  bold; font-style : normal; }
.subheader2 { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; color : #d19714; font-weight :  bold; font-style : normal; }
.subheader3 { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; color : #aac94b; font-weight :  bold; font-style : normal; }
.subheader4 { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; color : #c94bc9; font-weight :  bold; font-style : normal; }


/* Text and Headings */
.pageheader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 14px; color : #818181; font-weight :  bold; font-style : normal; }
.header { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #818181; font-weight: bold; font-style : normal; }
.pagefooter { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 12px; color : #818181; font-weight :  bold; font-style : normal; }
.bodyvlge { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #818181; font-weight: bold; font-style : normal; }
.bodylge { font-family: Verdana, Arial, Helvetica, sans-serif; color: #818181; font-size: 13px; font-weight: bold; font-style : normal; }
.bodybold { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px; color : #818181; font-weight :  bold; font-style : normal; }
.body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 11px; color : #818181; font-style : normal; }
.bodyO { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px; color : #d19714; font-style : normal; }
.body4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 11px; color : #c94bc9; font-style : normal; }
.bodysmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 10px; color : #818181; font-style : normal; }
.bodysmallO { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 10px; color : #d19714; font-style : normal; }
.bodyvsmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 9px; color : #818181; font-style : normal; }
.bodyvvsmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 8px; color : #818181; font-style : normal; }

/* 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; }

/* Page Objects */
.fieldtext {
vertical-align: middle; 
border: 1px ridge #c94bc9;
background-color: #1c1c1c; 
font-family: Verdana, Arial, Helvetica, sans-serif;
color : #eeeeee;
font-size: 11px;
font-weight: normal;	
}
.fielddropdown {
vertical-align: middle; 
border: 1px ridge #eaeaea;
background-color: #ffffff; 
font-family: Verdana, Arial, Helvetica, sans-serif;
color : #294362;
font-size: 11px;
font-weight: normal;		
}
.fieldtextarea {
vertical-align: middle; 
border: 1px ridge #c94bc9;
background-color: #1c1c1c;
font-family: Verdana, Arial, Helvetica, sans-serif;
color : #eeeeee;
font-size: 11px;
font-weight: normal;
scrollbar-arrow-color:#c94bc9;
scrollbar-3dlight-color:#191919; 
scrollbar-darkshadow-color:#191919; 
scrollbar-highlight-color:#4c4c4c; 
scrollbar-shadow-color:#4c4c4c;
scrollbar-face-color:#191919; 
scrollbar-track-color:#1c1c1c; 
}
.formbutton {
background-color: #ffffff; 
font-family: Verdana, Arial, Helvetica, sans-serif;
color : #294362;
font-size: 11px;
text-align : center;
cursor : hand;
border: 1px ridge #eaeaea;
}