/*  GLOBAL STUFF  */
body {
	background-color: #FFFFFF;
	color: #000000;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
body {
	height: 100%;
	margin : 0;
	width: 765px;
	padding: 0 5px 0 5px;
	background: #ececec url(../images/bg.gif) top center repeat-y;
}
table
{
    border: 0px;
    margin: 0px;
}
a {
	color: brown;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: orange;
	text-decoration: underline;
}
p, h1, h2, h3, h4, h5, h6, pre {
	margin-top: 0;
}
h1, h2, h3, h4, h5, h6 {
	padding: 1px 5px;
	background-color: #F9F9F9;
	color: #FF9900;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: normal;
}
h1 {
	font-size: 32px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 18px;
	color: steelblue;
	letter-spacing:1px;
	padding-left: 15px;
	border-bottom: 1px solid #BCB39F;
}
h4 {
	font-size: 14px;
	color: steelblue;
	letter-spacing:1px;
	padding-left: 15px;
	background-color: #FFFFFF;
}
h5 {
	font:bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background:transparent;
	color:brown;
	margin:0;
	padding:0 0 2px 10px;
}
h6 {
	font-size: 12px;
	color: gray;
	padding-left: 5px;
	font-weight: normal;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}
hr {
	height: 1px;
	color: #999999;
}
img {
	border: none;
	vertical-align: middle;
  padding: 3px;
}
img.floatTL {
float: left;
margin: 0.3em 1em 0.7em 0.7em;
}

img.floatTR {
float: right;
margin: 0.7em  0.7em 0.7em 1em;
}
ul {
	list-style: square;
}
acronym, abbr {
	border-bottom: 1px dashed;
	cursor: help;
}
acronym:hover, abbr:hover {
	color: #999999;
}
input {
	color: #555;
	font: normal 0.8em Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

/*  CLASSES  */
.hrBorder{
MARGIN-LEFT: 0.5em;
MARGIN-BOTTOM: 0.6em;
BORDER-BOTTOM: 1px dotted #999;

}
.waterMarked {
	background-color: #F3F3F3;
	border: 1px solid #999;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	color: #999;
	font: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	height: 20px;
	float: left;
}
.textStyled {
	background-color: #F3F3F3;
	border: 1px solid #999;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	color: #000666;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	height: 20px;
	float: left;
}
.pStyled {
	border-bottom: 1px solid #999;
	color: #000666;
/*	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;*/
	font-size: 30px;
	font-weight: normal;
	height: 18px;
	float: left;
}
.styled {
	padding: 3px;
	background-color: #F3F3F3;
	border: 1px solid #999;
	color: #666666;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	cursor:default;
}
.styledhover{
	padding: 3px;
	background-color: #F0F0FF;
	border: 1px outset orange;
	color: #aa6a12;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	cursor: pointer;
}
.button {
	background-color: #F3F3F3;
	border: 1px solid #AAA;
	margin-left: 5px;
	padding: 2px 3px;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.clear {
	clear: both;
}
.underline {
	border-bottom: solid 1px;
}
.qoute {
	margin-left: 50px;
	margin-right: 50px;
	padding: 15px 25px;
	background-color: #FCFCFC;
	border: #CCCCCC dashed;
	border-width: 1px 0;
	font-size: 11px;
	line-height: 20px;
	display: block;
}
.left_line {
	margin-left: 50px;
	margin-right: 50px;
	padding: 10px 15px;
	border-left: #CCCCCC solid 2px;
	font-size: 11px;
	line-height: 20px;
	display: block;
}
.bottom_line {
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-bottom: #CCCCCC solid 1px;
	background: url(../images/top_shadow.png) bottom repeat-x;
}
.box {
	padding: 5px 10px;
	background-color: #ffffff;
}
.zebra {
	background: url(../images/zebra.png);
}

/*  STRUCTURE (in order of appearance)  */

#footer_float { /* This keeps the footer to the bottom of the page when there's not enough content to fill it. Check out the "Blank page" page to see how it looks. */
 	background: #FFFFFF;
	width: 765px;
	height: 100%;
	min-height: 100%;
	margin-bottom: -74px;  /*The height of the footer. */
}
#body {
  	background: url(../images/topNav-leftBg.gif) right top repeat-x;
	margin: 0 auto 74px auto;
	width:765px;
	text-align: justify;
}
#top_nav {
  	background: url(../images/topNav-left.jpg) right top no-repeat;
	font-size: 10px;
	height:25px;
	color: #33AAAA;
}
#left_top_nav
{
  width: 565px;
  padding: 3px;
  color: cyan;
  font-size: 10px;
  text-align: left;
  float: left;
  height:25px;
}
#right_top_nav
{
  text-transform: uppercase;
  padding: 5px 0 3px 0;
  letter-spacing:1px;
  text-align: right;
  float: right;
  font-weight: bold;
  font-size: 9px;
}
#right_top_nav a {
	font-size: 8px;
}
#right_top_nav a:hover {
	color: #33AAAA;
	text-decoration: none;
}
#header {
  background: #FFFFFF url(../images/header.png) top center no-repeat;
	border: none;
	color: #FFFFFF;
	clear: both;
	height: 90px;
	margin: 0 0 0 0;
}
#header .with_slogan { /* Apply this to the content of the header if you want to have a slogan below the name, as it is now. */
margin:0;
  background: url(../images/hdr.gif) left top no-repeat;
	color: #FBD539;
	font: bold 24px times new roman;
	text-transform: capitalize;
	letter-spacing: 2px;
	float: left;
	width: 80%;
	padding-left: 70px;
	height: 100%;
}
#header .without_slogan { /* Apply this to the content of the header if you don't want to have a slogan below the name. */
	float: left;
	color: #FBD539;
	font: bold 24px verdana;
	letter-spacing:-1px;
	width: 80%;
	padding-left: 100px;
}
#header .slogan {
	height: 20px;
	font: bold 21px script;
	letter-spacing:3px;
}
#header .datetime {
	float: left;
	font: bold 10px verdana;
	text-align: right;
	color: navy;
	width: 20%;
}
#header .normalhdr { /* Apply this to the content of the header if you want to have a slogan below the name, as it is now. */
margin:0;
  background: url(../images/hdr.gif) left top no-repeat;
	color: #FBD539;
	font: bold 24px times new roman;
	text-transform: capitalize;
	letter-spacing: 2px;
	float: left;
	width: 100%;
	height: 100%;
}
#header .homehdr { /* Apply this to the content of the header if you want to have a slogan below the name, as it is now. */
margin:0;
  background: url(../images/homehdr.gif) left top no-repeat;
	color: #FBD539;
	font: bold 24px times new roman;
	text-transform: capitalize;
	letter-spacing: 2px;
	float: left;
	width: 100%;
	height: 100%;
}
#menu {
	background: #FFFFFF url(../images/menu.png) top center no-repeat;
	height:40px;
	text-transform: capitalize;
	font:bold 10px Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	width: 765px;
}
#menu .current{
	margin: 0 0 5 0;
	padding-top: 5px;
	width: 25%;
	float:left;
	padding-left:10px;
	font:bold 12px Arial, Tahoma, Helvetica, sans-serif;
	line-height: 11px;
}
#menu .others{
	margin: 4 0 0 0;
	float:right;
}
/*
#menu ul {
	padding: 0;
	list-style-type: none;
	float: right;
  	padding-left:1px;
}
#menu li {
	border-left: 1px dashed white;
	display: inline;
	text-align: center;
	vertical-align:middle;
}
#menu a {
  margin-top:-2px;
	padding: 0px 6px 4px 6px;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
}
#menu a:hover {
	color: yellow;
}
#menu .pressed {
  	margin-top:1px;
	padding: 0px 6px 0px 6px;
	color: navy;
	float: left;
}

#menu .left {
	border-left: none;
}
#menu .middle {
	border-left: 1px dashed white;
}
#menu .right {
	border-left: 1px dashed white;
	border-right: none;
}
*/
.content { /* This wraps the content. */
	margin: 0px 0px 0 8px;
	line-height: 18px;
	clear: both;
}
#menu .right {
/*	border-left: 1px dashed white;
	border-right: none;
}*/
.content { /* This wraps the content. */
	margin: 0px 0px 0 8px;
	line-height: 18px;
	clear: both;
}
/* One column. Check out the "Layouts" page. */
.c1col {
	width: 765px;
	float: left;
}
/* Two columns. Check out the "Layouts" page. */
.c2col_left_off {
	width: 22%;
	padding-right: 10px;
	float: left;
	text-align:left;
	color:inherit;
	margin-left: -10px;
	display:none;
}
.c2col_left {
	width: 22%;
	padding-right: 10px;
	float: left;
	text-align:left;
	color:inherit;
	margin-left: -10px;
	border-right: 1px dashed #333;
}
.c2col_left ul {
	display:block;
	width:100px;
	background:transparent;
	color:inherit;
	margin:0 0 10px 20px;
	padding:0;
}
.c2col_left li { 
	font:normal 11px/15px Verdana, Arial, Tahoma, Helvetica, sans-serif;
	height: 18px;
	list-style: none;
	border: none;
}
.c2col_left li a {
	color: #777;
	font-size: 1.0em;
	text-decoration: none;
	border-bottom: 1px dotted #68a;
}
.c2col_left li a:hover {
	color: #205080;
	border-bottom: 1px solid #68a;
	background:yellow;
	text-decoration:none;
}
.c2col_left h5 {
	color:brown;
	display:block;
}
.c2col_left h5 a{
	color:brown;
	text-decoration:none;
	cursor: default;
}
.c2col_left h5 a:hover{
	color:brown;
	text-decoration:none;
	cursor: default;
}
/*.c2col_left h5:hover {
	color: #E73;
	background: url(../images/up_section.jpg) right no-repeat;
	cursor: hand;
}*/
.c2col_main {
	width: 75%;
	float: left;
	margin-left: 0px;
	padding-left: 20px;
}
.c2col_main_all {
	border-left: none;
/*	width: 100%;*/
	float: left;
	margin-left: 0px;
}
.c2col_right {
	width: 20%;
	padding-left: 20px;
	float: left;
}
.c2col_eq_left {
	width: 37.5%;
	padding-right: 20px;
	float: left;
}
.c2col_eq_right {
	width: 37.5%;
	float: left;
}
/* Three columns. Check out the "Layouts" page. */
.c3col_side {
	width: 150px;
	float: left;
}
.c3col_middle {
	width: 430px;
	padding: 0 20px;
	float: left;
}
#footer {
	width: 765px;
	height: 74px;
	margin: 0 auto;
	padding: 12px 0 0px 0;
	background: #F9F9F9 url(../images/bottom.jpg) center top no-repeat;
	font-size: 10px;
	text-align: center;
	clear: both;
}

/*  HACKS  */

html {
	height: 100%;
}

#footer_hack {
	clear: both;
}
h2{
	margin: 0;
	font-size: 0.9em;
	color: #FFFFFF;
	vertical-align:top;
	padding: 5px;
}


/* 3 coloured boxes */
.box {
    width: 99%;
	/*background:url(../images/anm.png) left top repeat;*/
}
#boxes {
	clear: both;
	margin: 0px;
	padding: 5px 0 5px 0;
	font-weight: 500;
}

#boxes a {
	text-decoration: none;
	font-weight: bold;
}

#boxes a:hover {
	text-decoration: underline;
}
#importantbox, #programmebox, #resultbox, #formbox, #guidebox {
	overflow: hidden;
	float: left;
	margin-left: 0.15em;
}
#importantbox p, #programmebox p, #resultbox p, #formbox p, #guidebox p{
	margin: 0px;
	padding: 2px 10px 2px 10px;
	font-size: 0.9em;
	line-height:14px;
}

/*
#importantbox p a:hover{
	color: #ffa500;
}
#importantbox h2, #importantbox h2 a, #importantbox h2 a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
#programmebox p a:hover{
	color: #87cefa;
}
#programmebox h2, #programmebox h2 a, #programmebox h2 a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
#resultbox p a:hover{
	color: #b22222;
}
#resultbox h2, #resultbox h2 a, #resultbox h2 a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
#formbox p a:hover{
	color: #228b22;
}
#formbox h2, #formbox h2 a, #formbox h2 a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
#guidebox p a:hover{
	color: #8b008b;
}
#guidebox h2, #guidebox h2 a, #guidebox h2 a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

#programmebox h2{
	background-color: #87cefa;
	background: #87cefa url(../images/lightskyblue_rt.jpg) right top no-repeat;
}

#formbox h2{
	background-color: #228b22;
	background: #228b22 url(../images/forestgreen_rt.jpg) right top no-repeat;
}

#resultbox h2{
	background-color: #b22222;
	background: #b22222 url(../images/firebrick_rt.jpg) right top no-repeat;
}

#programmebox {
	float: left;
	width: 30%;
	margin-left: 0.25em;
	margin-right: 1em;
}
#programmebody {
	height: 330px;
	border: solid 1px #87cefa;
	border-bottom:none;
}
#programmebottom {
	border: solid 1px #87cefa;
	border-top:none;
	text-align:right;
}

#formbox {
	float: left;
	width: 30%;
	margin-left: 1.5em;
	margin-right: 1.5em;
}
#formbody {
	height: 330px;
	border: solid 1px #228b22;
	border-bottom:none;
}
#formbottom {
	border: solid 1px #228b22;
	border-top:none;
	text-align:right;
}

#resultbox {
	float: left;
	width: 30%;
	margin-left: 1em;
	margin-right: 0.5em;
}
#resultbody {
	height: 330px;
	border: solid 1px #b22222;
	border-bottom:none;
	background: #FFFFFF url(../images/transparent_Logo.gif) left bottom repeat;
}
#resultbottom {
	border: solid 1px #b22222;
	border-top:none;
	text-align:right;
}

#importantbox h2{
	background-color: #ffa500;
	background: #ffa500 url(../images/orange_rt.jpg) right top no-repeat;
}
#importantbox {
	float: left;
	width: 30%;
	margin: 8px;
	margin-left: 0px;
}
#importantbody {
	height: 135px;
	border: solid 1px #ffa500;
	border-bottom:none;
}
#importantbottom {
	border: solid 1px #ffa500;
	border-top:none;
	text-align:right;
}

#guidebox h2{
	background-color: #8b008b;
	background: #8b008b url(../images/darkmagenta_rt.jpg) right top no-repeat;
}
#guidebox span a{
	background: #8b008b url(../images/websiteHelp.gif) left top no-repeat;
}
#guidebox {
	float: left;
	width: 30%;
	margin: 8px;
	margin-right: 0px;
	padding-right: 0px;
}
#guidebody {
	height: 135px;
	border: solid 1px #8b008b;
	border-bottom:none;
}
#guidebottom {
	border: solid 1px #8b008b;
	border-top:none;
	text-align:right;
}

#slogan {
	margin-top: -28px;
	margin-left: 5px;
  height:35px;
	text-transform: capitalize;
	font:bold italic 16px Times New Roman, Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
}

*/

.bgLightBlue
{
    BACKGROUND-COLOR: #ecf8ff
}
.menuBar
{
    BACKGROUND-COLOR: #418fba;
    COLOR: #ecf8ff;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 11px;
    FONT-WEIGHT: 800;
    TEXT-ALIGN: right;
    TEXT-INDENT: 5px
}
.pageFtr
{
    COLOR: #01527e;
    FONT-FAMILY: Century Gothic;
    FONT-SIZE: 11px
}
.lineFtr1
{
    BACKGROUND-COLOR: #29759b
}
.lineFtr2
{
    BACKGROUND-COLOR: #88b8d0
}
.lineFtr3
{
    BACKGROUND-COLOR: #d2e1e7
}
.pageTitle
{
    COLOR: maroon;
    FONT-FAMILY: Century Gothic;
    FONT-SIZE: 20px;
    FONT-WEIGHT: bold;
}
.ipnTitle
{
    COLOR: #9d909a;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 9px;
    FONT-WEIGHT: bold
}
.pageContent
{
    COLOR: #8c8c8c;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 12px
}
.pageSubTitle1
{
    COLOR: #8c8c8c;
    FONT-FAMILY: 'Times New Roman';
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold
}
.pageSubTitle2
{
    COLOR: #8c8f91;
    FONT-FAMILY: 'Times New Roman';
    FONT-SIZE: 16px;
    FONT-WEIGHT: bold
}
.tblHeader1
{
    COLOR: #04669c;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
}
.tblHeader2
{
    COLOR: #d3ac0e;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
}
.tblRowEven1
{
    BACKGROUND: white;
    COLOR: #404040;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10px;
}
.tblRowOdd1
{
    BACKGROUND-COLOR: #b3daef;
    COLOR: #404040;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10px;
}
.tblHeaderLine1
{
    BACKGROUND-COLOR: #418fba
}
.tblHeaderLine2
{
    BACKGROUND-COLOR: #f2ad34
}
.tblRowEven2
{
    BACKGROUND-COLOR: white;
    COLOR: #404040;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10px
}
.tblRowOdd2
{
    BACKGROUND-COLOR: #f4ddb9;
    COLOR: #404040;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10px
}
.errTitle
{
    COLOR: red;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bold
}
.sucTitle
{
    COLOR: navy;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold
}
.msgDesc
{
    COLOR: #737373;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 12px;
    FONT-STYLE: italic;
}
.formLabel
{
    COLOR: #737373;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: left;
}
.formInput
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10px
}
/*INPUT
{
    BORDER-BOTTOM: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    COLOR: black;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10px
}
*/
A.list
{
    COLOR: #606060;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.list:link
{
    COLOR: #606060;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.list:hover
{
    COLOR: red
}
.bodyColourTable
{
    BACKGROUND-COLOR: #f8f8f8
}
.bodyTable
{
    BACKGROUND-COLOR: white
}
.formBG
{
    BACKGROUND-COLOR: #fde26e
}
.highlight
{
    BACKGROUND-COLOR: #fff1b5;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 11px
}
.highlightBold
{
    BACKGROUND-COLOR: #fff1b5;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold
}
.subTitle
{
    BACKGROUND-COLOR: #fde26e;
    COLOR: #505050;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold
}
.bgNewTop
{
    BACKGROUND-COLOR: #357c98
}
.bgMiddleBlue
{
    BACKGROUND-COLOR: #78aecc
}
.greyBG
{
    BACKGROUND-COLOR: #f8f8f8
}



#formTL, #formML, #formLO, #formLR, #formTR, #formMR, #formRO{
    COLOR: #32a;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10px;
    FLOAT: LEFT;
    TEXT-TRANSFORM: capitalize;
    TEXT-ALIGN: left;
}
#formTL{
    PADDING: 5px 2px 1px 15px;
    WIDTH: 20%;
    float:left;
}
#formML{
    FONT-SIZE: 11px;
    PADDING: 3px 10px 3px 0;
    WIDTH: 8px;
}
#formLO{
    COLOR: #373737;
    PADDING: 2px 0px 2px 0;
    WIDTH: 28%;
    FONT-WEIGHT: normal;
}
#formLR{
    COLOR: #373737;
    PADDING: 2px 8px 2px 0;
    WIDTH: 77%;
    FONT-WEIGHT: normal;
}
#formTR{
    PADDING: 5px 0 1px 10px;
    WIDTH: 20%;
}
#formMR{
    FONT-SIZE: 11px;
    PADDING: 3px 10px 3px 0;
    WIDTH: 8px;
}
#formRO{
    COLOR: #373737;
    PADDING: 2px 8px 2px 0;
    FONT-WEIGHT: normal;
    WIDTH: 28%;
}


#iFormTL, #iFormML, #iFormLO, #iFormLR, #iFormTR, #iFormMR, #iFormRO{
    COLOR: #333;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10px;
    FLOAT: LEFT;
    TEXT-TRANSFORM: capitalize;
    TEXT-ALIGN: left;
  line-height:normal
}
#iFormTL{
    PADDING: 2px 5px 2px 5px;
    WIDTH: 23%;
}
#iFormML{
    FONT-SIZE: 11px;
    PADDING: 2px 0 2px 0;
    WIDTH: 8px;
}
#iFormLO{
    COLOR: #373737;
    PADDING: 2px 3px 2px 5px;
    WIDTH: 25%;
    FONT-WEIGHT: normal;
}
#iFormLR{
    COLOR: #373737;
    PADDING: 2px 3px 2px 5px;
    WIDTH: 73%;
    FONT-WEIGHT: normal;
}
#iFormTR{
    PADDING: 2px 3px 2px 5px;
    WIDTH: 24%;
}
#iFormMR{
    FONT-SIZE: 11px;
    PADDING: 2px 0 2px 0;
    WIDTH: 8px;
}
#iFormRO{
    COLOR: #373737;
    PADDING: 2px 3px 2px 5px;
    FONT-WEIGHT: normal;
    WIDTH: 25%;
}


#iFormBox{
    FONT-WEIGHT: bold;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 11px;
  width:96%;
  border:1px solid orange;
  margin-right:0px;
  background-color:#fde26e;
  line-height:24px;
}

#iFormLTop{
  float:left;
  margin-top:0;
  margin-left:2;
  text-transform:capitalize;
  width:90%;
  text-align:left;
}
#iFormRTop{
  float:right;
  margin-top:4px;
  margin-right:1px;
  width:2%;
}
#iFormCTop{
  float:left;
  margin-top:0;
  margin-left:0;
  text-transform:capitalize;
  background-color:white;
  width:100%;
}




/*listgridview*/
#listHeader, #listContentOdd, #listContentEven {
	float:left;
	font:10px verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	height:35px;
	margin:0;
    margin:2px 10px 2px 10px;
	text-align:left;
	text-transform: capitalize;
	width:100%;
}
#listContentOdd, #listContentEven {
	color: teal;
	font-weight:normal;
	font-size:10px;
	height:20px;
    margin:2px 10px 2px 10px;
}
#listContentOdd {
	background-color: #fff1b5;
}
#listContentEven {
	background-color: rgb(255,255,255);
}
#listContentOdd a, #listContentEven a {
	color: teal;
	text-decoration: none;
}
#listContentOdd a:hover, #listContentEven a:hover {
	text-decoration: none;
}
#listHeader .1, #listContentOdd .1, #listContentEven .1{
    width: 15px;
}
#listHeader .2, #listContentOdd , #listContentEven .2{
    /*min-width:25%;*/
    width: 205px;
}
#listHeader .3, #listContentOdd .3, #listContentEven .3{
    /*min-width:20%;*/
    width: 118px;
}
#listHeader .4, #listContentOdd .4, #listContentEven .4, #listHeader .5, #listContentOdd .5, #listContentEven .5, #listHeader .6, #listContentOdd .6, #listContentEven .6, #listHeader .7, #listContentOdd .7, #listContentEven .7{
    width: 75px;
    text-align:center;
}
#listHeader .8, #listContentOdd .8, #listContentEven .8{
    width: 60px;
    text-align:center;
}
#listContentOdd .2, #listContentEven .2{
	font-weight:bold;
}
/*listgridview*/

/*
#listHeader {
	height:30px;
	text-transform: capitalize;
	font:bold 10px verdana, Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	width: 100%;
	margin:0;
	float:left;
}
#listHeader .1{
	padding:5;
    width: 5%;
    float:left;
	text-align: left;
	vertical-align: center;
}
#listHeader .2{
	padding:5;
    width: 25%;
    float:left;
	text-align: left;
	vertical-align: center;
}
#listHeader .3{
	padding:5;
    width: 20%;
    float:left;
	text-align: center;
	vertical-align: center;
}
#listHeader .4{
	padding:5;
    width: 13%;
    float:left;
	text-align: center;
	vertical-align: center;
}
#listHeader .5{
	padding:5;
    width: 10%;
    float:left;
	text-align: center;
	vertical-align: center;
}
#listHeader .6{
	padding:5;
    width: 10%;
    float:left;
	text-align: center;
	vertical-align: center;
}
#listHeader .7{
	padding:5;
    width: 13%;
    float:left;
	text-align: center;
	vertical-align: center;
}
#listHeader .8{
	padding:5;
    width: 10%;
    float:left;
	text-align: center;
	vertical-align: center;
}
#listHeader ul {
	margin:5;
	padding: 0;
	list-style-type: none;
}
#listHeader li {
	display: inline;
}
#listHeader a {
	color: #FFFFFF;
	text-decoration: none;
	float: left;
}
#listHeader a:hover {
	color: yellow;
}


#listContentOdd {
	height:15px;
	text-transform: capitalize;
	font:normal 10px verdana, Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	width: 100%;
	color: teal;
	margin:0;
	float:left;
}
#listContentOdd .1{
	padding:5 0 5 5;
    width: 5%;
    float:left;
	text-align: left;
	vertical-align: center;
}
#listContentOdd .2{
	padding:5;
	font-weight:bold;
    width: 25%;
    float:left;
	text-align: left;
	vertical-align: center;
}
#listContentOdd .3{
	padding:5;
    width: 20%;
    float:left;
	text-align: center;
	vertical-align: center;
}
#listContentOdd .4{
	padding:5;
    width: 13%;
    float:left;
	text-align: center;
	vertical-align: center;
}
#listContentOdd .5{
	padding:5;
    width: 10%;
    float:left;
	text-align: center;
	vertical-align: center;
}
#listContentOdd .6{
	padding:5;
    width: 10%;
    float:left;
	text-align: center;
	vertical-align: center;
}
#listContentOdd .7{
	padding:5;
    width: 13%;
    float:left;
	text-align: center;
	vertical-align: center;
}
#listContentOdd .8{
	padding:5;
    width: 13%;
    float:left;
	text-align: center;
	vertical-align: center;
}
#listContentOdd ul {
	margin:5;
	padding: 0;
	list-style-type: none;
}
#listContentOdd li {
	display: inline;
}
#listContentOdd a {
	color: teal;
	text-decoration: none;
	float: left;
}
#listContentOdd a:hover {
	text-decoration: underline;
}

#listContentEven {
	height:15px;
	text-transform: capitalize;
	font:normal 10px verdana, Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	width: 100%;
	color: teal;
	margin:0;
	float:left;
	background-color: #FFF;
}
#listContentEven .1{
	padding:5 0 5 5;
    width: 5%;
    float:left;
	text-align: left;
	vertical-align: center;
}
#listContentEven .2{
	padding:5;
	font-weight:bold;
    width: 25%;
    float:left;
	text-align: left;
	vertical-align: center;
}
#listContentEven .3{
	padding:5;
    width: 20%;
    float:left;
	text-align: center;
	vertical-align: center;
}
#listContentEven .4{
	padding:5;
    width: 13%;
    float:left;
	text-align: center;
	vertical-align: center;
}
#listContentEven .5{
	padding:5;
    width: 10%;
    float:left;
	text-align: center;
	vertical-align: center;
}
#listContentEven .6{
	padding:5;
    width: 10%;
    float:left;
	text-align: center;
	vertical-align: center;
}
#listContentEven .7{
	padding:5;
    width: 13%;
    float:left;
	text-align: center;
	vertical-align: center;
}
#listContentEven .8{
	padding:5;
    width: 10%;
    float:left;
	text-align: center;
	vertical-align: center;
}
#listContentEven ul {
	margin:5;
	padding: 0;
	list-style-type: none;
}
#listContentEven li {
	display: inline;
}
#listContentEven a {
  color: teal;
	text-decoration: none;
	float: left;
}
#listContentEven a:hover {
	text-decoration: underline;
}
*/


#detailContentOdd {
	height:15px;
	font:normal 10px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	width: 100%;
	color: teal;
	/*border:1px dotted lime;*/
	margin:0;
	float:left;
}
#detailContentOdd .1{
	text-transform: uppercase;
  	font-weight: bold;
	margin-left: 15px;
	padding:8px 0px 8px 5px;
    width: 25%;
    float:left;
	text-align: left;
}
#detailContentOdd .2{
	padding:8px 0px 8px 5px;
	font-weight:bold;
    width: 3%;
    float:left;
	text-align: center;
}
#detailContentOdd .3{
	margin-right: 20px;
	padding:8px 0px 8px 5px;
	vertical-align:top;
    width: 65%;
    float:left;
	text-align: left;
}
#detailContentOdd ul {
	margin:0px 5px 0px 5px;
	padding: 0;
	list-style-type: none;
}
#detailContentOdd li {
	/*border:1px dotted lime;*/
	display: inline;
}

#detailContentEven {
	height:15px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	width: 100%;
	color: teal;
	/*border:1px dotted lime;*/
	margin:0;
	float:left;
	background-color: #FFF;
}
#detailContentEven .1{
	text-transform: uppercase;
  	font-weight: bold;
	margin-left: 15px;
	padding:8px 0px 8px 5px;
    width: 25%;
    float:left;
	text-align: left;
}
#detailContentEven .2{
	padding:8px 0px 8px 5px;
	font-weight:bold;
    width: 3%;
    float:left;
	text-align: center;
}
#detailContentEven .3{
	margin-right: 20px;
	padding:8px 0px 8px 5px;
    width: 65%;
    float:left;
	text-align: left;
}
#detailContentEven ul {
	margin:0px 5px 0px 5px;
	padding: 0;
	list-style-type: none;
}
#detailContentEven li {
	/*border:1px dotted lime;*/
	display: inline;
}


#details {
  color: teal;
  font-size:10px;
  margin-left:-3px;
  margin-right:0px;
  padding:0;
	width: 100%;
	float:left;
}
#details ul {
	list-style-type: square;
	width: 100%;
	margin-bottom:0px;
}
#details li {
	list-style-type: square;
	display: list-item;
}

#iFormTList {margin:0; background-color:#fff1b5; width:100%;}
#iFormCList {margin: 0 2 0 2;width:100%;}
#iForm3_C1 {width:15%; float:left; margin: 5 1 0 1;}
#iForm3_C2 {width:39%; float:left; margin: 5 1 0 1;}
#iForm3_C3 {width:44%; float:left; margin: 5 1 0 1;}


.appHLabel{
	COLOR: #555;
	FONT-SIZE: 10px; 
	FONT-WEIGHT: bold;
	FONT-FAMILY: verdana, Times New Roman;
	LETTER-SPACING: 2px;
	TEXT-TRANSFORM: uppercase;
	MARGIN: -2px 15 0 15;
	PADDING-TOP: 0.8em;
	PADDING-BOTTOM: 1em;
	TEXT-ALIGN: left;
}
.appLabel{
	COLOR: #32a;
	FONT-SIZE: 10px;
	FONT-FAMILY: tahoma, arial, verdana;
	FONT-WEIGHT: bold;
	LETTER-SPACING: 1px;
	LINE-HEIGHT: 18px;
	MARGIN: 0 10 0 10; 
	PADDING-TOP: 0;
	PADDING-BOTTOM: 0.4em;
	TEXT-ALIGN: left;
}

/*- tabMenu --------------------------- */

#tabMenu {
	margin:0;
	float:right;
	width:423px;
	font-size:93%;
	line-height:normal;
	height:30px;
}
#tabMenu ul {
	margin:0;
	padding:0 0 0 0;
	list-style:none;
}
#tabMenu li {
	display:inline;
	margin:0;
	padding:0;
	height:30px;
	width:40px;
}
#tabMenu a {
	float:left;
	margin:0;
	padding:0 0 0 0;
	text-decoration:none;
	height:30px;
}
#tabMenu a span {
	float:left;
	display:block;
	background:url("../images/tabBg.png") repeat-x left top;
	padding:5px 10px 4px 6px;
	color:silver;
	height:30px;
	cursor:hand;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabMenu a span {float:none;}
/* End IE5-Mac hack */
#tabMenu a:hover span {color:#FFF;}
#tabMenu a:hover {background-position:0% -32px;}
#tabMenu a:hover span {background-position:100% -32px;}
#tabMenu #current a {/*background-position:0% -32px;*/}
#tabMenu #current a span {color:yellow;/*background-position:100% -32px;*/}



#titleBox{
	float:left;
	width:75%;
	padding:10px 0 30px 5px;
}
#titleLogo{
	float:right;
}