/*
File:  stylesheet.css     for keytrain profiles
==========================================================================================
When   		Who   	What
------------------------------------------------------------------------------------------
2001-10-30
==========================================================================================

Notes:
*/

/***********************************
	Borrowing from Yahoo
***********************************/


body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table{font-size:inherit;font:100%;}
select,input,textarea{font:99% arial,helvetica,clean,sans-serif;}
pre,code{font:115% monospace;*font-size:100%;}
body *{line-height:1.22em;}
img,fieldset{border: 0;}
ul,ol{list-style: none;}

body,form,embed,script,img{margin: 0;padding: 0;}

body{
	text-align: left;
	color: #333;
	direction: ltr;
}



/*	Basic styles. */
/*
body,p,td{
	Color : Black;
	Font-Family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	Font-Size : small;
	Font-Weight : normal;
}
*/

h2 {
	Color : #003366;
	Font-Family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	Font-Size : medium;
	Font-Weight : bold;
}

.bodyopen{
	Color : #6699FF;
}
.bodypending{
	Color : #99CCFF;
}
.bodyclosed{
	Color : Silver;
}

.balloon {
	border-width: medium;
	border-style: inset;
	border-color: blue; 
    position: absolute;
	background-color: #FFFFCC;
	padding: 2;
    layer-background-color: #FFFFCC;
	visibility: hidden;
	width: 150
}
	
.required{
	color: #FF9933;
}

.color2{
	color: #660033;
}

/*	Large text */
.largetext {
	font-size:medium;
}

.smalltext {
	font-size: 10px;
	Font-Weight : normal;
}

.menuhead {
	font-size: large;
	color: #3399FF;
}

INPUT{
	font-size:12px; 
}

SELECT{
	font-size:10px; 
}

TEXTAREA{
	font-size:12px;
	font-family: Courier New;
}

.error {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : x-small;
}

/*	Normal hyperlinks */
A {
Color: #003366; 
/*text-decoration : none;*/
}
A:Hover {
Color:#3399FF;
/*text-decoration: none;*/
}	

.popuplinks{
	background: #FFFFCC;
	border: thin solid Black;
	color: Black;
	font-size: large;
	font-weight: bold;	
}

.menuitem{
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	line-height : 150%;
}


/****************************************************************
    styles specific for the support page
****************************************************************/
.suphead {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : medium;
	font-weight : bold;
	color : #003366;
}

.supdetail {
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : x-small;
}

.suptitle {
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : small;
	font-weight : bold;	
	color : #003366;
}

/****************************************************************
    styles specific for the skill table in the job detail dataform
****************************************************************/

TD.skillheader {
	Font-Family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	Font-Weight : bold;
	Font-Size : x-small;
	}


TD.skilllabel {
	Font-Family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	Font-Weight : bold;
	Font-Size : x-small;
	}


TD.skillfield {
	Font-Family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	Font-Weight : normal;
	Font-Size : x-small;
	Color : #003366;
	}

	
/****************************************************************
    Login stuff. I hope most of these are self-explanatory!
****************************************************************/
INPUT.logintextbox {
	font-size: 11px; 
	/*width: 120px;*/
	
}

INPUT.loginbutton {
	font-size: 11px; 
	width: 60px;
}

.loginprompt {
	Font-Family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	Font-Weight : bold;
	Font-Size : medium;
}

.loginprompt2 {
	font-size: medium;
	font-weight: bold;
}

.loginerrprompt {
	font-size: medium;
	font-weight: bold;
	color : #CC3333;
	border : 1 solid #CC3333;
	padding: 4px;
}

.loginlabel {
	Font-Family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	Font-Weight : bold;
	Font-Size : x-small;
}

.logincookie {
	font-size: x-small;
}

.logininput {
	Font-Family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	Font-Weight : bold;
	Font-Size : x-small;
}

/****************************************************************
                 slim template stuff
****************************************************************/
.sldbg {
	font-size: x-small;
	background-color: #CCFF99;
}

/****************************************************************
                 not-sure-about stuff
****************************************************************/

.light{
	Color : #FFFFCC;
	}
	
.copyright{
	Color : Black;
	Font-Family : Arial,Helvetica,San-Serif;
	Font-Size : 10px;
	Font-Weight : normal;
	}
	
.footer{
	Color : Black;
	Font-Family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	Font-Size : xx-small;
	Font-Weight : normal;
	}
	
p.highlight{
	Background-Color : #FFFF00;
	Color : #000000;
	Font-Weight : bold;
	}
	
p.smallhighlight{
	Background-Color : #FFFF00;
	Color : #000000;
	font-size : x-small;
	font-weight : normal;
}
	
tr.blank{
	font-size:4px;
}

.progress{
	font-size:small;
	font-weight : bold;
	font-family : Arial;
}

.bigprompt{
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
}

/*********************************************	
	"Branch page" template stuff. 
**********************************************/
TABLE.branchbuttons{
	Text-Align : center;
	}
	
TR.branchblank{
	Font-Size : 2px;
	}
	
TD.branchbuttons{
	Background-Color : #008c77;
	Border : 2px solid Black;
	Border-Spacing : 2px;
	Padding : 2px;
	Text-Align : center;
	}

td.branchtitle{
	Color : Black;
	Font-Family :Arial;
	Font-Size : medium;
	Font-Style : normal;
	Font-Weight : bold;
	Text-Align : left;
	}
	
P.branchbuttontext{
	Color : #FFFFFF;
	Font-Family : Arial, Helvetica, San-Serif;
	Font-Size : 18px;
	Font-Stretch : normal;
	Font-Style : normal;
	Font-Variant : normal;
	Font-Weight : bold;
	Text-Align : center;
	Text-Decoration : none;
	}
	
HR.branch{
	Border : 0 none;
	Height : 10;
	}

HR.fine{
	height: 1px;
	color: #003366;
	word-spacing: 0px;
	}	

A.branchbuttontext{
	Color : #FFFFFF;
	Font-Family : Arial, Helvetica, San-Serif;
	Font-Size : 14px;
	Font-Stretch : normal;
	Font-Style : normal;
	Font-Variant : normal;
	Font-Weight : bold;
	Text-Align : center;
	Text-Decoration : none;
	}
	
A.branchbuttontext:visited{
	Color : #FFFFFF;
	Font-Family : Arial, Helvetica, San-Serif;
	Font-Size : 14px;
	Font-Style : normal;
	Font-Weight : bold;
	Text-Align : center;
	Text-Decoration : none;
	}
	
A.branchbuttontext:Hover{
	Color : #FFFF00;
	Font-Family : Arial, Helvetica, San-Serif;
	Font-Size : 14px;
	Font-Style : normal;
	Font-Weight : bold;
	Text-Align : center;
	Text-Decoration : none;
	}

/*********************************************	
	LAYOUT STUFF
**********************************************/
/*	Stuff for the main "canvas" central to the content of a page. */
TD.canvas1 {
/*	border: 2px solid Black;*/
}

TABLE.canvas1{
	border: 2px solid Black;
}

TD.menu{
	Border-Spacing : 4px;
	}

.formlabel{
	Font-Family : Arial, Helvetica, sans-serif;
	Font-Weight : bold;
	font-size : x-small;
}

	
/*********************************************	
	ERROR STUFF
**********************************************/
div.errprompt{
	Color : #800000;
	Font-Family : Arial, Helvetica, San-Serif;
	Font-Size : 18px;
	Font-Style : Italic;
	Font-Variant : normal;
	Font-Weight : bold;
	Text-Align : center;
	}

.error{
	Color : #800000;
	Font-Family : Arial, Helvetica, San-Serif;
	Font-Size : 12pt;
	Font-Variant : normal;
	Font-Weight : bold;
	Text-Align : left;
	}

/*********************************************	
	ADMIN PAGE STUFF
**********************************************/
Tbody.admin{
	Background-Color : #FF9933;
	Color : #000000;
	Font-Family : Arial, Helvetica, Sans-Serif;
	Font-Size : small;
	Text-Align : left;
	}

.admincaption{
/*	Font-Variant : small-caps;*/
	Color : #CC0099;
	Font-Family : Arial, Helvetica, San-Serif;
	Font-Size : 12pt;
	Font-Style : italic;
	Font-Weight : bold;
}

.admintitle{
/*	Font-Stretch : condensed;*/
	Color : black;
	Font-Family : Arial Narrow, Arial, Helvetica, San-Serif;
	Font-Size : 18px;
	Font-Style : normal;
	Font-Weight : bold;
	Text-Align : left;
	}

Thead.admin{
	Background-Color : Black;
	Color : black;
	Font-Family : Arial, Helvetica, Sans-Serif;
	Font-Size : small;
	Text-Align : center;
	}

tr.admin{
	background-color : #00CCFF;
}

th.admin{
	background-color : #660099;
	color : White;
}

td.admin{
	vertical-align : baseline;
}

table.admin{
	width: 500px;
	border: 1px;
	background-color: #660099;
}

A.admin {Color: #330099; text-decoration : none; font-weight: bold;}
A.admin:Visited {Color:#330099;text-decoration: none; font-weight: bold;}
A.admin:Active {Color: #330099;text-decoration: none; font-weight: bold;}
A.admin:Hover {Color:#CC0000;text-decoration: none; font-weight: bold;}	

/*********************************************	
	ADMIN TABLE STUFF
**********************************************/

.atcaption{
/*	Font-Variant : small-caps;*/
	Color : black;
	Font-Family : Arial, Helvetica, San-Serif;
	Font-Size : 14pt;
	Font-Weight : bold;
}

.atcaption2{
/*	Font-Variant : small-caps;*/
	Color : black;
	Font-Family : Arial, Helvetica, San-Serif;
	Font-Size : 14pt;
	Font-Weight : bold;
}

.aterror{
/*	Font-Variant : small-caps;*/
	Color : Black;
	Font-Family : Arial, Helvetica, San-Serif;
	Font-Size : 11pt;
	background-color: #F0E68C;
}

.atlabel{
	Font-Family : Arial, Helvetica, San-Serif;
	Font-Size : 10pt;
	Font-Weight : bold;
}

.attitle{
/*	Font-Stretch : condensed;*/
	Color : Black;
	Font-Family : Arial Narrow, Arial, Helvetica, San-Serif;
	Font-Size : 18px;
	Font-Style : normal;
	Font-Weight : bold;
	Text-Align : left;
	}

.atbutton{
	border : medium Black;
	}

table.atlayout{
	background-color : White;
	border : thick solid Black;
	}

TR.atdata{
	Background-Color : #C0C0C0;
	Color : #000000;
	Font-Family : Arial, Helvetica, Sans-Serif;
	Font-Size : small;
	Text-Align : left;
	}

TR.atinsert{
	Background-Color : #C0C0C0;
	Color : #000000;
	Font-Family : Arial, Helvetica, Sans-Serif;
	Font-Size : small;
	Text-Align : left;
	}

TR.athead{
	Background-Color : silver;
	Color :#000000;
	Font-Family : Arial, Helvetica, Sans-Serif;
	Font-Size : small;
	Text-Align : center;
	}
	
TH.athead{
	Background-Color : #660099;
	Color :#FFFFFF;
	Font-Family : Arial, Helvetica, Sans-Serif;
	Font-Size : small;
	Text-Align : center;
	}

TR.atfoot{
	Background-Color : Silver;
	Color : #FFFFFF;
	Font-Family : Arial, Helvetica, Sans-Serif;
	Font-Size : small;
	Text-Align : center;
	}

	
	
/*********************************************	
	SEARCHFORM  STUFF
**********************************************/
table.search{
	background-color : #FFFFFF;
	border : none;
}


td.searchstep {
	Font-Family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	Font-Size : x-small;
	Font-Weight : bold;
	color : #003366;
	background-color: #FFFFFF;
	
}

td.search{
	Font-Family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	Font-Size : x-small;
	Font-Weight : normal;
	background-color: #CCFFFF;
	color: #003366;
	}

td.searchsub{
	Font-Family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	Font-Size : x-small;
	Font-Weight : normal;
	background-color: #FFFFFF;
	
	}
	
	

/*********************************************	
	DATAFORM  STUFF
**********************************************/
table.dftable{
	background-color : transparent;
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
}

td.dtlabel{
	font-family : sans-serif;
	font-size : 24px;
	color : White;
}

td.dfheader{
	Font-Family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	Font-Size : small;
	Font-Weight : bold;
	}


td.dflabel{
	Font-Family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	Font-Weight : bold;
	Font-Size : x-small;
	}


TD.dffield{
	Font-Family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	Font-Weight : normal;
	Font-Size : x-small;
	Color : #003366;
	}

TR.dfform {
}

/*********************************************	
	DISPTABLE  STUFF
**********************************************/
table.dt{
	Font-Family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #003366;
	}

table.dthi{
	}
	
table.dttop{
	background : Black;
	border : thin solid Black;
}



A.dt {Color: #3399FF; text-decoration: underline;}
A.dt:Visited {Color: #3399FF;text-decoration: underline;}
A.dt:Active {Color: #000000;text-decoration: underline;}
A.dt:Hover {Color:#000000;text-decoration: underline;}	

A.dtp{Color : white;text-decoration : underline;}
A.dtp:Visited{Color : white;text-decoration : underline;}
A.dtp:Active{Color : white;text-decoration : none; }
A.dtp:Hover{Color : yellow;text-decoration : none;   }

A.dth{Color : white;text-decoration : none;}
A.dth:Visited{Color :white;text-decoration : none;}
A.dth:Active{Color : yellow;text-decoration : none; }
A.dth:Hover{Color : yellow;text-decoration : none;   }

.dtlabel{
/*	Font-Variant : small-caps;*/
	Color : #FF9933;
	Font-Size : 12pt;
	Font-Style : normal;
	Font-Weight : bold;
	Text-Align : left;
	font-family : "Arial Black", "Arial";
}

/* form inputs */
/* standard text input */
.dtinput {
	font-size:12px;
}

/*	standard button */
.dtbutton {
	font-size:12px;
}

/* standard select */
.dtselect {
	font-size:12px;
}

/*	text input on filter row */
.dtfinput {
	font-size:12px;
}

/* select on filter row */
.dtfselect {
	font-size:12px;
}

/* button on filter row */
.dtfbutton {
	font-size:12px;
}

tr.dt{
/*	background-color : #99CCFF;*/
	background-color : #CCFFFF;
	vertical-align : bottom;
}



tr.dtodd{
	/*background-color : #FFA500;*/
	background-color : #CCFFFF;
}

tr.dteven{
	/*background-color : #FFE4B5;*/
	background-color : #CCF0FF;
}
TR.dtselected{
	background-color: #F0E68C;
}
TR.dtselected:Hover{
	background-color: Fuchsia;
}

tr.dtp{

}

tr.dtf{
	background-color : #003366;
	padding : 0 0 0 0;
}

td.dtp{
	Font-Family : Arial, Helvetica, Sans-Serif;
	Background-Color : #003366;
	Color : White;
	font-size : x-small;
	padding-bottom : 2px;
	padding-left : 5px;
	padding-top : 2px;
}

td.dth{
	Font-Family : Arial;
	Background-Color : #003366;
	Color : white;
	border : 1px none black;
	font-size : 11px;
	font-weight:bold;
	vertical-align : bottom;
}

td.dthhilite{
	Font-Family : Arial;
	Background-Color : #FFFFCC;
	Color : black;
	border : 1px solid black;
	font-size : 11px;
	font-weight: normal;
	vertical-align : middle;
	padding-left : 10px;
	padding-right : 10px;
}

table.postit{
	Font-Family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	Font-Weight : normal;
	Font-Size : x-small;
	Background-Color : #FFFFCC;
	border : 1px solid black;
	vertical-align : bottom;
	padding : 5px 5px 5px 5px;
	border-top : 1px solid Silver;
	border-left : 1px solid Silver;
	border-right : 1px solid Black;
	border-bottom : 1px solid Black;
}

td.postit{
	Font-Family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	Font-Weight : bold;
	Font-Size : x-small;
	Color : #003366;
/*	Background-Color : #FFFFCC;*/
	border : 1px solid black;
	vertical-align : bottom;
	padding : 5px 5px 5px 5px;
	border-top : 1px solid Silver;
	border-left : 1px solid Silver;
	border-right : 1px solid Black;
	border-bottom : 1px solid Black;
}

td.dthi{
	Font-Family : Arial;
	Background-Color : black;
	Color :white;
/*	font-size : x-small;*/
	font-size : 11px;
	text-align : center;
	font-weight:bold;
	vertical-align : bottom;
}


th.dt{
	Font-Family : Arial;
	Background-Color : #333366;
	Color : #6666FF;
	font-size : x-small;
	background : #FFFFCC;
}


td.dt{
	Font-Family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : x-small;
	font-weight : normal;
	color : #003366;
}

/*********************************************	
	ISQL  STUFF
**********************************************/
table.isql{
/*	Padding : 0;*/
	Background-Color : #DDDDDD;
	Border : 1px solid #333333;
	Border-Spacing : 0;
	Color : #000000;
	}


caption.isql{
/*	Font-Variant : small-caps;*/
	Color : #660000;
	Font-Family : Arial, Helvetica, San-Serif;
	Font-Size : 12pt;
	Font-Style : italic;
	Font-Weight : bold;
	Text-Align : center;
	}


tr.isql{
/*	Padding: 0;*/
	Font-Family : Arial, Helvetica, Sans-Serif;
	Font-Size : small;
	}


th.isql{
	Background-Color : #617BC0;
	Border : 1px solid #333333;
	Color : #FFFF00;
	Font-Size : small;
	Text-Align : center;
	}


td.isql{
	Border : 1px solid #333333;
	Text-Align : left;
	}

	
.contactform td{
	font-size: 11px;
}
.contactform td.sectionhead{
	font-weight: bold;
	background: Aqua;
}

td.dtmessage{
	color: #CC0000;
	font-weight: bold;
}

.message{
	font-weight: bold;
	color: green;
}
.warning{
	font-weight: bold;
	color: red;
}
.note{
	font-size: 10px;
	color: Gray;
}


FIELDSET {
margin-top:0.75em;
background-color: #F0E68C;
padding: 7px;
}
LEGEND {
font-weight:bold;
margin:-1px 0 1px 0;
}

.req{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CC0000;
}

.announcement{
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	font-family: Verdana, Tahoma;
}
 a.announcement{
	text-decoration: underline;
	color: #003366;
}
 a.announcement:hover{
	text-decoration: underline;
	color: #003366;
}

/*#content{ padding: 0px 5px 15px 5px; }*/

a.plain{
	text-decoration: none;
}
a.plain:hover{
	text-decoration: none;
}

ul.bullets {
	list-style-type: disc;
	padding: 5px;
	margin-left: 20px;
	text-align: left;
}
ul.bullets li{
	list-style-type: disc;
	padding-bottom: 3px;
}
ol.bullets {
	list-style-type: decimal;
	padding: 5px;
	margin-left: 20px;
	text-align: left;
}
ol.bullets li{
	list-style-type: decimal;
	padding-bottom: 2px;
}