/* --- global --- */

   * { font-family: "Trebuchet MS", Verdana, Arial; }
   BODY  { background-color: #e5e5e5; font-size: 81.25%; margin:0; padding:0; border:none; }
   input, select, th, td, textarea { font-size: 1em; }

/* --- Header / Images --- */
.pageBackground {background-image: url(/images/companyBg.gif); background-repeat: repeat-x;}
.footerBackground {background-image: url(/images/footerBg.gif);}

.ErrorMessage { background-color: #DD1111; }
@media print
{
	.header
	{
		display:none;
		}
}
@media screen
{
	.header
	{
		display:block;
		}
}
/* --- Header / Tabs --- */
.HdrLnk
{
  padding: 1px 2px 0px 1px; width:100px; height:32px;
  background-color: #D4E1EF;  
  border-bottom: solid 2px #111111;
  font-size: 1.5em; text-align: center;
  border-bottom-style: solid;
  float: right;  vertical-align: middle;
}  
.HdrLnkSel
{
  padding: 1px 2px 0px 1px; width:110px; height:32px;
  background-color: #E4F1FF; border: solid 2px black;
  font-size: 1.62em; text-align: center;
  border-bottom-style: none;
  float: right;   vertical-align: middle;
  
}

.HdrBkgrd
{
	background-image: url(/Images/Base/header_bg.gif); 
	height: 80px;
}

/* --- Header / Label/DropDown --- */
.HdrLbl
{
  font-size: 1.4em; text-align: left;
  float: left;  vertical-align: middle;
}  


/* --- Menus --- */
.Menu a {font-weight: bold; font-size: .9em; line-height: 1.4em; color:#999; }
div.Menu {font-weight: bold; color:#999; float: left; margin: 4px 0px 0px 36px; }

/* --- Common Text --- */
.suttleText {color: #666; font-size: 1.1em; line-height: 1.4em; font-weight: bold; }

/* --- content area --- */

   .content { line-height: 1.2em; color: #333; }
   .content a { text-decoration: underline; color: #0000ff; }
   .content a:hover { text-decoration: none; border-bottom: dashed 1px #666; color: #666; }
   .content a:link { text-decoration: underline; color: #0000ff; }
   .content a:link:hover { text-decoration: none; border-bottom: dashed 1px #666; color: #666; }
   .content a:visited { text-decoration: underline; color: #006600; }
   .content a:visited:hover { text-decoration: none; border-bottom: dashed 1px #666; color: #666; }
   .content a:active { text-decoration: underline; color: #660000; }
   .content a:active:hover { text-decoration: none; border-bottom: dashed 1px #666; color: #666; }

/* --- links --- */

   a img { border: 0 }
   a { text-decoration: none; border: none; }

   .noBorder {border: none; text-decoration: none; }
   .noBorder:hover {border: none; text-decoration: none; }

   /* layout functions */

   .c { margin-left: auto ;  margin-right: auto ; }
   .fl { float: left; }
   .fr { float: right; }

   .vat { vertical-align: top; }
   .vam { vertical-align: middle; }
   .vab { vertical-align: bottom; }
   
   .block { display: block; }

   .hdn { display: none; }

/* --- text --- */

   h1 {  color: #0066cc; text-decoration: none; font-size: 2.3em; line-height: 1em; font-weight: bold; padding: 0px; margin: 0px;}
   h2 {  color: #000;    text-decoration: none; font-size: 1.5em; line-height: 1em; padding: 0px; margin: 0px; }
   h3 {  color: #333;    text-decoration: none; font-size: 1.2em; line-height: 1em; font-weight: bold;  padding: 0px; margin: 0px; }

   .smallest {  font-size: .75em; line-height: 1.25em; }
   .smaller {  font-size: .8em; line-height: 1.3em; }
   .small { font-size: .9em; line-height: 1.4em;  }
   .large { font-size: 1.1em; line-height: 1.4em;  }
   .larger { font-size: 1.2em; line-height: 1.5em;  }
   .largest { font-size: 1.3em; line-height: 1.6em;  }
   .giant { font-size: 1.5em; line-height: 1.8em;  }
   .big { font-size: 1.8em; line-height: 2.1em;  }

   .fs9 { font-size: 9px; }
   .fs10 { font-size: 10px; line-height: 10px; }
   .fs11 { font-size: 11px; line-height: 11px; }
   .fs12 { font-size: 12px; line-height: 12px; }
   .fs13 { font-size: 13px; line-height: 13px; }
   .fs14 { font-size: 14px; line-height: 14px; }
   .fs15 { font-size: 15px; line-height: 15px; }
   .fs16 { font-size: 16px; line-height: 16px; }
   .fs18 { font-size: 18px; line-height: 18px; }
   .fs20 { font-size: 20px; line-height: 20px; }
   .fs24 { font-size: 24px; line-height: 24px; }
   .fs28 { font-size: 28px; line-height: 28px; }

   .bold { font-weight: bold; }
   .italic { font-style: italic; }

   .tac { text-align: center; }
   .tar { text-align: right; }
   .tal { text-align: left; }

   .block { display: block; }

/* --- colors --- */

   .wht { color: #fff; }
   .vltgry { color: #eaeaea; }
   .ltgry { color: #ccc; }
   .midgry { color: #999; }
   .gry { color: #666; }
   .drkgry { color: #333; }
   .blk { color: #000; }
   .b { color: #003366; }
   .ltb { color: #0066cc; }
   .vltb { color: #D5EAFF; }
   .g { color: #116600; }
   .ltg { color: #009900; }
   .vltg { color: #60C519 }
   .r { color: #661100; }
   .ltr { color: #cc3300; }
   .ylw { color: #ffff99; }
   .ltylw { color: #ffffcc; }
   .o { color: #FF9900; }
   .lto { color: #FFDC4E; }

/* --- padding --- */

   .p2 { padding: 2px; }
   .p4 { padding: 4px; }
   .p6 { padding: 6px; }
   .p8 { padding: 8px; }
   .p10 { padding: 10px; }
   .p12 { padding: 12px; }
   .p14 { padding: 12px; }
   .p16 { padding: 16px; }
   .p20 { padding: 20px; }

/* --- borders --- */ 

   .bd_wht { border: solid 1px #fff; }
   .bd_drkgry { border: solid 1px #333; }
   .bd_gry { border: solid 1px #666; }
   .bd_midgry { border: solid 1px #999; }
   .bd_ltgry { border: solid 1px #ccc; }
   .bd_vltgry { border: solid 1px #e5e5e5; }
   .bd_lb { border: solid 1px #006699; }
   .bd_b { border: solid 1px #003366; }
   .bd_g { border: solid 1px #116600; }
   .bd_ltg { border: solid 1px #009900; }
   .bd_vltg { border: solid 1px #60C519 }
   .bd_r { border: solid 1px #661100; }
   .bd_lr { border: solid 1px #cc3300; }
   .bd_ylw { border: solid 1px #ffff99; }
   .bd_ltylw { border: solid 1px #ffffcc; }   
   .bd_o { border: solid 1px #FF9900; }
   .bd_lto { border: solid 1px #FFDC4E; }

/* --- widths --- */

   .w50  { width:  50px; }
   .w60  { width:  60px; }
   .w70  { width:  70px; }
   .w85  { width:  85px; }
   .w100 { width: 100px; }
   .w150 { width: 150px; }
   .w200 { width: 200px; }
   .w250 { width: 250px; }
   .w300 { width: 300px; }
   .w350 { width: 350px; }
   .w400 { width: 400px; }
   .w450 { width: 450px; }
   .w700 { width: 700px; }
   .w960 { width: 960px; }

/* --- bgs --- */

   .bg_wht { background-color: #fff; }
   .bg_vltgry { background-color: #eaeaea; }
   .bg_ltgry { background-color: #ccc; }
   .bg_midgry { background-color: #999; }
   .bg_gry { background-color: #666; }
   .bg_drkgry { background-color: #333; }
   .bg_blk { background-color: #000; }
   .bg_b { background-color: #003366; }
   .bg_ltb { background-color: #0066cc; }
   .bg_vltb { background-color: #D9F2FF; }
   .bg_g { background-color: #116600; }
   .bg_ltg { background-color: #009900; }
   .bg_vltg { background-color: #60C519 }
   .bg_r { background-color: #661100; }
   .bg_ltr { background-color: #cc3300; }
   .bg_ylw { background-color: #ffff99; }
   .bg_ltylw { background-color: #ffffcc; }
   .bg_o { background-color: #FF9900; }
   .bg_lto { background-color: #FFDC4E; }

/* --- forms --- */

   .txt { border: solid 1px #B3EAFF; background : #EAF9FF; font-weight: bold; color: #666; padding: 4px; }
   .txt:hover { background-color: #ffffdc; border-color: #666; color: #666; }

   .ddl { border: solid 1px #B3EAFF; background: #F3F7FB; font-weight: bold; color: #666; padding: 3px; }
   .ddl:hover { background-color: #fff;  }

   .req { color: #993300; background: #FFFFBF; border-color: #ffcc33; }
   .err { color: #cc0000; background: #FFF0F0; border-color: #cc0000; }
   .fcs { color: #993300; background: #fff; border-color: #c9c9c9; }

   .errorMsg { color: #CC0000; font-weight: bold }

   .btn { display: block; cursor: pointer; border: solid 1px #333; margin-top: 2px;  }
   .btn span { font-size: 14px; font-weight: bold; text-align: center; border-top: solid 1px #bbb; border-left: solid 1px #bbb; border-bottom: solid 1px #555; border-right: solid 1px #555; color: #fff; display: block; height: 21px; padding: 3px 9px 0px 9px; }
   .btn:hover {  background-image: url(/images/spacer.gif); background-color: #999; }
   .btn:hover span { color: #fff; text-decoration: none; }

   .b_r { background-image: url(/images/btnBack_r.gif); }
   .b_o { background-image: url(/images/btnBack_o.gif); }
   .b_g { background-image: url(/images/btnBack_g.gif); }

   .btn_big { display: block; cursor: pointer; border: solid 1px #333; margin-top: 2px; text-decoration: none; }
   .btn_big span { font-size: 26px; font-weight: bold; text-align: center; border: solid 1px #bbb; border-bottom: solid 1px #555; border-right: solid 1px #555; color: #fff; display: block; height: 36px; padding: 3px 9px 0px 9px; text-decoration: none; }
   .btn_big:hover {  background-image: none; background-color: #999; border: solid 1px #000; }
   .btn_big:hover span { color: #fff; }

   .b_big_r { background-image: url(/images/btnBack_big_r.gif); }
   .b_big_g { background-image: url(/images/btnBack_big_g.gif); }


/* --- rounded corners --- */

   .bl_lightBlueOnWhite { background: url(images/roundedCorners/lightBlueOnWhite/bl.gif) 0 100% no-repeat; }
   .br_lightBlueOnWhite { background: url(images/roundedCorners/lightBlueOnWhite/br.gif) 100% 100% no-repeat; }
   .tl_lightBlueOnWhite { background: url(images/roundedCorners/lightBlueOnWhite/tl.gif) 0 0 no-repeat; }
   .tr_lightBlueOnWhite { background: url(images/roundedCorners/lightBlueOnWhite/tr.gif) 100% 0 no-repeat; } 

   .bl_whiteOnLightBlue { background: url(images/roundedCorners/whiteOnLightBlue/bl.gif) 0 100% no-repeat; }
   .br_whiteOnLightBlue { background: url(images/roundedCorners/whiteOnLightBlue/br.gif) 100% 100% no-repeat; }
   .tl_whiteOnLightBlue { background: url(images/roundedCorners/whiteOnLightBlue/tl.gif) 0 0 no-repeat; }
   .tr_whiteOnLightBlue { background: url(images/roundedCorners/whiteOnLightBlue/tr.gif) 100% 0 no-repeat; } 

   .bl_grayOnWhite { background: url(images/roundedCorners/grayOnWhite/bl.gif) 0 100% no-repeat; }
   .br_grayOnWhite { background: url(images/roundedCorners/grayOnWhite/br.gif) 100% 100% no-repeat; }
   .tl_grayOnWhite { background: url(images/roundedCorners/grayOnWhite/tl.gif) 0 0 no-repeat; }
   .tr_grayOnWhite { background: url(images/roundedCorners/grayOnWhite/tr.gif) 100% 0 no-repeat; } 

   .bl_whiteOnGray { background: url(images/roundedCorners/whiteOnGray/bl.gif) 0 100% no-repeat; }
   .br_whiteOnGray { background: url(images/roundedCorners/whiteOnGray/br.gif) 100% 100% no-repeat; }
   .tl_whiteOnGray { background: url(images/roundedCorners/whiteOnGray/tl.gif) 0 0 no-repeat; }
   .tr_whiteOnGray { background: url(images/roundedCorners/whiteOnGray/tr.gif) 100% 0 no-repeat; }

   .bl_yellowOnWhite { background: url(images/roundedCorners/yellowOnWhite/bl.gif) 0 100% no-repeat; }
   .br_yellowOnWhite { background: url(images/roundedCorners/yellowOnWhite/br.gif) 100% 100% no-repeat; }
   .tl_yellowOnWhite { background: url(images/roundedCorners/yellowOnWhite/tl.gif) 0 0 no-repeat; }
   .tr_yellowOnWhite { background: url(images/roundedCorners/yellowOnWhite/tr.gif) 100% 0 no-repeat; }

   .bl_midGrayOnWhite { background: url(images/roundedCorners/midGrayOnWhite/bl.gif) 0 100% no-repeat; }
   .br_midGrayOnWhite { background: url(images/roundedCorners/midGrayOnWhite/br.gif) 100% 100% no-repeat; }
   .tl_midGrayOnWhite { background: url(images/roundedCorners/midGrayOnWhite/tl.gif) 0 0 no-repeat; }
   .tr_midGrayOnWhite { background: url(images/roundedCorners/midGrayOnWhite/tr.gif) 100% 0 no-repeat; }

   .bl_whiteOnMidGray { background: url(images/roundedCorners/whiteOnMidGray/bl.gif) 0 100% no-repeat; }
   .br_whiteOnMidGray { background: url(images/roundedCorners/whiteOnMidGray/br.gif) 100% 100% no-repeat; }
   .tl_whiteOnMidGray { background: url(images/roundedCorners/whiteOnMidGray/tl.gif) 0 0 no-repeat; }
   .tr_whiteOnMidGray { background: url(images/roundedCorners/whiteOnMidGray/tr.gif) 100% 0 no-repeat; }
   
/* -- Cursors --*/
.curhand { cursor: pointer; }
   
/* -- Skill DropDown -- */
select.SkillDDL { width:200px; }
.SkillDDL option{ width:400px; }

/* ---- AJAX CONTROLS -----*/
.SliderRail { display:block; }

input.SliderTxt { position:absolute; left:-250px; width:1px; height:1px;}

/* SOCCER STYLES */

.menuB {	border: none; border-right: solid 1px #003366; }
.menuB a { border: none; text-decoration: none; color: #fff; padding: 0px 14px; font-weight: bold;	font-size: 13px; }
.menuB a:visited { border: none; text-decoration: none; color: #fff }
.menuB a:visited:hover { color: #ffff99; text-decoration: underline; }
.menuB a:hover { color: #ffff99; text-decoration: underline; }

.menuB_selected {	background-color: #fff;	border: solid 1px #333; border-bottom: none; border-right: none;}
.menuB_selected a { border: none; text-decoration: none; color: #666; padding: 0px 12px; font-weight: bold; font-size: 13px; }
.menuB_selected a:hover { border: none; text-decoration: none; color: #999; font-weight: bold; }
.menuB_selected a:visited { border: none; text-decoration: none; color: #666; font-weight: bold; }
.menuB_selected a:visited:hover { border: none; text-decoration: none; color: #999; font-weight: bold; }

.for { font-style: italic; color: #CBE686 }

.product { padding: 8px; background-color: #fff; text-align: center; font-size: 16px; }
.product a { color: #0066cc; font-weight: bold; text-decoration: none; border: none; display: block; }

.product:hover { padding: 7px; background-color: #ffffcc; border: solid 2px #ffcc33; text-align: center; font-size: 16px; }
.product:hover a { color: #cc0000; font-weight: bold; text-decoration: none; border: none; display: block; }

/* --- Custom List Control Formating --- */
.listSel { background-color: #44DD44; }



/* ---- NEW V2.0 ---- */
.draft { background-image: url('/Images/Base/Draft.gif');}

.Fish01
{
  width:270px;
  height:70px;
  border:0px;
  margin-left:16px;
}

.Fish02
{
margin-top: 28px;
}

.Fish03
{
height: 30px;	
}

.Fish04
{
margin: 0px 0px 10px 0px;
}

.Fish05
{
display:none;
}

.Fish06
{
margin: 4px 0px;
}

.Fish07
{
margin: 16px 0px;	
}

.Fish08
{
color: #0000ff;
}

.Fish09
{
width: 60px; padding: 0px;	
}

.Fish10
{
display: block;
}

.Fish11
{
background-image: url(/images/footerBg.gif);
}

.Fish12
{
padding-top: 20px;
}

.Fish13
{
background-image: url(/images/companyBg.gif); background-repeat: repeat-x;
}
	
.Fish14
{
margin-top: 30px; 
height: 40px;	
}
	
.Fish15
{
margin: 4px 0px 0px 36px;	
}


/* Evaluation List */

.Fish16
{
height: 94px; background-image: url(/images/headerBack.gif);
}

.Fish17
{
height: 58px;
}

.Fish18
{
margin: 10px 6px 0px 0px;
}

.Fish19
{
margin: 12px 0px 0px 2px;
}

.Fish20
{
	border-bottom: solid 1px #999; padding: 5px 0px 5px 0px; background-color: #f0f0f0;
}

.Fish21
{
	padding: 10px 0px 10px 0px;
}

.Fish22
{
width: 440px; margin: 10px 0px 0px 20px;
}

.Fish23
{
	border-collapse:collapse;
}

.Fish24
{
	margin: 10px 0px 0px 0px;
}

.Fish25
{
height:150px;width:220px;
}

.Fish26
{
 background-image: url(); background-repeat: no-repeat; background-position: center center;
}

.Fish27
{
	float: right;  margin-right: 8px;
}

.Fish28
{
	margin: 18px 0px 10px 0px;
}

.Fish29
{
	height: 26px;
}

.Fish30
{
	color: #cc0000;
}

.Fish31
{
	background-color: #f0f0f0;
}

