/* Copyright Cimlogic Ltd CSS Document */

/* DO NOT MESS with the format cos there'll
 * be a big can of woop ass. (Single Tab 
 * spacing!!)
 */

/*
 *
 * Body Tag
 *
 */
body
{
	height:100%;
	color: #000000;
	font: 12px Arial,Verdana,sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
	background-color: #e6e6e6;
}


/*
 *
 *Page Common Misc
 *
 */

form{ margin: 0; padding: 0 0 0 0; }
div{ margin: 0; }
p{ margin: 0; }


/*
 *
 * Links
 *
 */
 
/*
 * Default (Cimlogic Blue)
 */
a:link{ color: #005dd1; text-decoration: none; }
a:visited{ color: #005dd1; text-decoration: none; }
a:hover{ color: #005dd1; text-decoration: underline; }
a:active{ color: #005dd1; text-decoration: underline; }

/*
 * Blue 
 */
a.aBlue:link{ color: #0000FF; text-decoration: none; }
a.aBlue:visited{ color: #0000FF; text-decoration: none; }
a.aBlue:hover{ color: #0000FF; text-decoration: underline; }
a.aBlue:active{ color: #0000FF; text-decoration: none; }

/* 
 * White 
 */
a.aWhite:link{ color: #ffffff; text-decoration: none; }
a.aWhite:visited{ color: #ffffff; text-decoration: none; }
a.aWhite:hover{ color: #ffffff; text-decoration: underline; }
a.aWhite:active{ color: #ffffff; text-decoration: underline; }


/*
 *
 * Forms Controls.
 *
 */
 
 /* 
 * Textbox 
 */
.tbx_sml{ border: 2px solid #005dd1; color: #383838; padding: 3px; width: 50px; }
.tbx_med{ border: 2px solid #005dd1; color: #383838; padding: 3px; width: 100px; }
.tbx_lrg{ border: 2px solid #005dd1; color: #383838; padding: 3px; width: 150px; }

/* 
 * Button 
 */
.btn_sml{ color: #383838; padding: 1px; border-width: 2px; width: 50px; height: 23px; }
.btn_med{ color: #383838; padding: 1px; border-width: 2px; width: 100px; height: 23px; }
.btn_lrg{ color: #383838; padding: 1px; border-width: 2px; width: 125px; height: 23px; }
.btn_xlrg{ color: #383838; padding: 1px; border-width: 2px; width: 200px; height: 23px; }

/* 
 * Drop Down List 
 */
.ddl_lrg{ color: #383838; width: 125px; }
.ddl_med{ color: #383838; width: 100px; }
.ddl_sml{ color: #383838; width: 50px; }


/*
 *
 * Text / Headers / List
 *
 */
 
 /* 
 * Text Alignment (dont use align attribute on pages)
 */
.alignCenter{ text-align:center; }
.alignLeft{ text-align:left; }
.alignRight{ text-align:right; }

 /* 
 * Text Bold
 */
.txtBld{ font-weight: bold; }
 
/* 
 * Header Defaults
 */
h1{ font-size: 26px;  color: #000066; }
h2{ font-size: 18px; color: #000099; }
h3{ font-size: 14px; color: #0000CC; margin: 10px 0px 0px 0px; }
h4{ font-size: 12px; color: #0000FF; margin: 10px 0px 0px 0px; }

/* 
 * List Defaults
 */
/*ul{ padding: 0; }
li{ list-style-type:square;  }
li.liSquare{ list-style-image: url(../images/List_Box.gif); padding-bottom: 15px;  }*/


/* 
 * Text & Colours
 */
.txtH1{ font-size: 26px; color: #000066; }
.txtH2{ font-size: 22px; color: #000099; }
.txtH3{ font-size: 18px; color: #0000CC; }
.txtH4{ font-size: 12px; color: #0000FF; font-weight: bold;}

.txtLi{ color: #0099FF; font-size:18px; }

.txtGry{ color: #C8C8C8; }
.txtGryBld{ color: #C8C8C8; font-weight: bold; }

.txtDarkGry{ color: #787878; }
.txtDarkGryBld{ color: #787878; font-weight: bold; }

.txtBlkGry{ color: #464646; }
.txtBlkGryBld{ color: #464646; font-weight: bold; }

.txtRed{ color: #d32525; }
.txtRedBld{ color: #d32525; font-weight: bold; }

.txtBlu{ color: #1D56EF; }
.txtBluBld{ color: #1D56EF; font-weight: bold; }

.txtYel{ color: #EAEA00; }
.txtYelBld{	color: #EAEA00; font-weight: bold; }

.txtGrn{ color: #00CC33; }
.txtGrnBld{	color: #00CC33;	font-weight: bold; }

.txtWht{ color: #ffffff; }
.txtWhtBld{	color: #ffffff;	font-weight:bold; }

.txtBlk{ color:#000000; }
.txtBlkBld{	color:#000000;	font-weight:bold; }

/*
 * Used when nested style and require default body font
 */
.txtBody{ color: #000000; font: 12px Arial,Verdana,sans-serif; line-height: 20px; }

/*
 * SIZE (only use these styles if H1-H4 cant be used)
 */
.txtSize12{	font-size: 12px; }
.txtSize16{	font-size: 16px; }
.txtSize24{	font-size: 24px; }
.txtSize32{	font-size: 32px; }
 
/*
 *
 * Padding
 *
 */
.padTop5  { padding-top: 5px;  }
.padTop15 { padding-top: 15px; }
.padTop25 { padding-top: 25px; }
.padTop35 { padding-top: 35px; }

.padBottom5  { padding-bottom: 5px;  }
.padBottom15 { padding-bottom: 15px; }
.padBottom25 { padding-bottom: 25px; }
.padBottom35 { padding-bottom: 35px; }

.padLeft5  { padding-left: 5px;	 }
.padLeft15 { padding-left: 15px; }
.padLeft25 { padding-left: 25px; }
.padLeft35 { padding-left: 35px; }

.padRight5	{ padding-right: 5px;  }
.padRight15 { padding-right: 15px; }
.padRight25 { padding-right: 25px; }
.padRight35 { padding-right: 35px; }

.pad5  { padding: 5px;  }
.pad15 { padding: 15px; }
.pad25 { padding: 25px; }
.pad35 { padding: 35px; }

.padLeftRight { padding-left: 30px; padding-right: 25px; }

/*
 *
 *----------------[Cimlogic Site Specific Styles]----------------
 *
 */

/* 
 * Future Calendar control, sets hover position of popup calendar
 */
.calendar_popup{ position: relative; left:266px; top:-99px; z-index:33; }	

/* 
 * div right border DASHED Line
 */
div.div_rht{ border-right: 1px dashed #aaaaaa; margin-right:10px; padding-right:10px; height:100%; }

/* 
 * div left border DASHED Line
 */
div.div_lft{ border-left: 1px dashed #aaaaaa; padding-left:10px; margin-left:10px; height:100%; }

/* 
 * div bottom border DASHED Line
 */
div.div_btm{ border-bottom: 1px dashed #aaaaaa; margin-bottom:10px; width:100%; }

/* 
 * div footer solid black line
 */
div.div_ftr{ border-top: 1px solid #666666; height:40px; margin-top:5px; width:100%; }

/* 
 * div box solid black line, for images
 */
div.div_box{ border: 1px solid #000000; text-align:center; }

/* 
 * Horizontal Rule (HR), dotted
 */
hr.dotted{ border-bottom: 1px dashed #aaaaaa; color:#FFFFFF; margin: 0px; padding: 0px; }


/* 
 * Header Backgroud image
 */
.cell_bg_1 {
	background-image: url(../images/hdr_rot_1.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 115px;
}

.cell_bg_2 {
	background-image: url(../images/hdr_rot_2.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 115px;
}

.cell_bg_3 {
	background-image: url(../images/hdr_rot_3.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 115px;
}

/* 
 * Tracksys Form Items
 */
.formItem
{
    position:relative;
    float:left;
    width:104px;
}