/*=====================================
 Elements 
=====================================*/
body {
	border-width: 1px;
	background-color: #000000;
	color: #222222;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	font: 11px Tahoma,Arial,sans-serif;
}

h1, h2, h3, h4, h5, h6, .Nice{
	color: #003399;
	font-family: Times New Roman, Georgia, Garamond, Roman;
}
hr {
	color: #003399;
	height: auto;
	border-width: 1px;
}
p {
	text-align: left;
	text-indent: 10pt;
}

a {
	text-decoration: underline;
	color: #003399;
}
a:visited {color: #993366;}
a:hover {
	text-decoration: none;
	color: #0000FF;
}
form {margin: 0px; padding: 0px;}
input, select {
	font: normal 8pt/9pt Tahoma,Arial,sans-serif;
	white-space: nowrap;
	color: #222222;
}

/* =============================================
 Classes 
============================================== */

/* === Dimentions ==================================== */

/* === For Form Elements (mostly, but not limited) === */
.W65 {width: 65px;}
.W100 {width: 100px;}
.W150 {width: 150px;}
.W200 {width: 200px;}

/* === General Dimentions === */
.W100per {width: 100%;}
.W80per {width: 80%;}
.W50per {width: 50%;}
.W30per {width:30%;}
.WH2x2 {width: 2px; height: 2px;}
.WNav {width:170px;}
.WNavInner {width:168px;}
.WPage {width:900px;}


/* === Fonts === */
.Ugly {font-family: Tahoma, Verdana, Sans-Serif;}
.Nice {font-family: Times New Roman, Georgia, Garamond, Roman;} /* For Headers ONLY */

.fsXSmall {font-size: 7.5pt;} 
.fsSmall {font-size: 8pt;}
.fsNormal {font-size: 9pt;} 
.fsLarge {font-size: 12pt;} 
.fsXLarge {font-size: 14pt;} 
.fsXXLarge {font-size: 16pt;}
.Bold {font-weight: bold;}
.Normal {font-weight: normal;}


/* === Alignments === */
.Left {text-align: left;}
.Right {text-align: right;}
.Center {text-align: center;}
.Justify {text-align: justify;}
.floatLeft {
	/*display: inline;*/
	float: left;
}
.floatRight {
	/*display: inline;*/
	float: right;
}

.NoWrap {white-space: nowrap;}
.NoUnderline {text-decoration: none;}


/* === Colors === */
.fColor1 {color: #003399;}	/* Darkish blue */
.fColor2 {color: #333366;}	/* Dark blue */
.fColor3 {color: #FF9933; } /* Gold */
.fcBlack {color: #000000;}
.fcWhite {color: #FFFFFF;} 
.fcRed   {color: #CC0033;}	/* Red */
.fcError {color: #CC0033;}	/* Red */

.bgColor1 {background-color: #003399;}
.bgColor2 {background-color: #333366;}

.bgLite	{background-color: #BCC0DC;} /*Blueish grey or wisa versa */
.bgLitewarning {background-color: #FFFFCC;} /* Light WARNING */
.bgLitegrey {background-color: #E1E1EA;} /* Light grey */
.bgLitergrey {background-color: #F0F0F5;} /* So-o-o light, you cannot practically see it ;) */
.bgWhite {background-color: #FFFFFF;}
.bgBlack {background-color: #000000;}

.topBanner {background-image: url(/Images/General/PVNormalBanner.jpg);}
.tipsBanner
{
	height: 10px;
	background-image: url(/Images/BGs/circles.gif);
}

/* === Borders === */
.border1Color1 {border: solid 1px #003399;} /* Darkish blue */
.border1Color2 {border: solid 1px #333366;} /* Dark blue */
.border1Lite {border: solid 1px #BCC0DC;}	/*Blueish grey or wisa versa */
.border2Lite {border: solid 2px #BCC0DC;}
.border3Lite {border: solid 3px #BCC0DC;}
.noborder {border:0px;}


/* === Paddings === */
.pad1 {padding: 1px;}
.pad2 {padding: 2px;}
.pad3 {padding: 3px;}
.pad5 {padding: 5px;}
.pad10 {padding: 10px;}
.padHor3 {padding: 0px 3px;}
.padHor5 {padding: 0px 5px;}
.padHor10 {padding: 0px 10px;}
.padVer5 {padding: 5px 0px;}
.padVer10 {padding: 10px 0px;}
.padTop7 {padding-top: 7px;}
.padTop20 {padding-top: 20px;}
.padLeft20 {padding-left:20px;}
.nopadding {padding:0px;}
.nomargin {margin:0px;}
.nodisplay {display:none;}

/* === Navigation === */
.menuLevel1 {
	color: #003399;
	background-color:#FFFFFF;
	text-align:left;
	z-index: 1;


}
.menuItemLevel1 {
	font: bold 12px/14px Tahoma;
	color: #003399;
	background-color:#FFFFFF;
	border-bottom: dashed 1px #003399;
	display: block;
	 z-index: 1;

}
.menuLevel1Hover {
	color: #FFFFFF; 
	background-color: #BCC0DC;
	border-bottom: solid 1px #CC3300;
	 z-index: 1;


}
.menuLevel1Selected {
	color: #FFFFFF;
	background-color:#003399;	
	border-bottom: solid 1px #CC3300;
	 z-index: 1;


}
.menuLevel2 {
	color: #FFFFFF; 
	background-color: #003399;
	text-align:left; 
	z-index: 1;

}
.menuItemLevel2 {
	font: bold 12px/14px Tahoma;
	color: #FFFFFF;
	background-color:#003399;
	border: solid 1px #003399;
	height: 19px;
	display: block; 
	z-index: 1;


}
.menuLevel2Hover {
	color: #FFFFFF; 
	background-color:#BCC0DC; 
	z-index: 1;


}

a.menuItemLevel1 {color: #003399; z-index: 1;


}
a.menuItemLevel1:hover {color: #003399; z-index: 1;
}
a.menuItemLevel1:visited {color: #003399; z-index: 1;
} 

a.menuLevel1Selected {color: #FFFFFF; z-index: 1;

}
a.menuLevel1Selected:hover {color: #FFFFFF; z-index: 1;

}
a.menuLevel1Selected:visited {color: #FFFFFF; z-index: 1;

} 

a.menuItemLevel2 {color: #FFFFFF; z-index: 1;

}
a.menuItemLevel2:hover {color: #003399; z-index: 1;

}
a.menuItemLevel2:visited {color: #FFFFFF; z-index: 1;

} 


/* === Table === */
.fixed {table-layout: fixed;}

/* === Grid === */
.grid {
	border: solid 1px #003399;
	border-bottom: solid 2px #003399;
}
.gridHeader {
	background-image: url(/Images/BGs/grad-slate-blue.gif);
	height: 23px;
	font: bold 8.5pt Tahoma;
	color: #333366;
	padding: 2px;
	text-align: left;
}

.gridRow {
	font-size: 8pt;
	border-bottom: solid 1px #BCC0DC;
	text-align: left;
	padding: 2px;
	color: #333366; /*4B4B65*/
}

/*Modal Popup*/
.modalBackground {
	background-color: #FFFFFF;
	filter: alpha(opacity=0); 
	opacity: 0;
}

.modalPopup {
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #BCC0DC;
	padding: 3px;
	width: 250px;
}

/* ===== Page Headers ===== */
/* replacement for multiple classes:
	"Nice fColor1 fsXXLarge Bold" */
.Header {
	color: #003399;
	font-family: Times New Roman, Georgia, Garamond, Roman;
	font-size: 16pt;
	font-weight: bold;
}
/* replacement for multiple classes:
	"bgLitegrey border1Lite pad3 fColor2" */
.subHeader {
	background-color: #E1E1EA;
	border: solid 1px #BCC0DC;
	padding: 3px;
	color: #333366;
	font-weight: bold;
	font-size: 9pt;
}

/*====================================
 ELEMENT IDs 
 [NOTE: Try to avoid using these: 
	apperantly they slow down rendering]
=====================================*/

/*====================================
 @ BLOCKS 
=====================================*/