/* ================================
    CSS STYLES FOR HP Online Skin Design
   ================================
*/   

Body {
    background-color: #F5F5F0;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

hr {
	color: #ffffff;
	border-style: dashed;
}

.FrontPane {
    background-color: #FFFFFF;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
}

.ContentPane {
    background-color: #FFFFFF;
	padding-top: 5px;
	padding-left: 15px;
}

.MenuPane {
    background-color: #FFFFFF;
	padding-top: 5px;
	padding-left: 0px;
}

.Bottompane{
    background-color: #FFFFFF;
	padding-top: 12px;
	padding-bottom:6px;
}

.infopane {
    background-color: #FFFFFF;
	padding-top: 15px;
}

.ContentGray
{
	background-color: #f1f1f1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  11px;
	font-style: normal;
	font-weight: normal;
	padding-left: 5px;
	padding-top: 5px;
}

.RightPanelBlue {
    background-color: #001c57;
	color: #FFFFFF;
}

.RightPanelGrey {
    background-color: #C8C5C2;
}

.xsTxtSearch {
	border: 0px solid #000000;
	height: 18px;
	width: 137px;
	float:left;
	border-top-color: #999999;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-color: #999999;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #999999;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-image: url(images/Design/seachBox.gif);
	background-position: left;
	background-repeat:repeat-x;
	padding-left: 6px;
	padding-top: 3px;
}

.SearchText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: lowercase;
	text-decoration: none;
	color: #000000;
	width: 35px;
	height: 14px;
	padding-left: 6px;
	padding-right: 7px;
	padding-bottom: 2px;
}

A.SearchText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	height: 14px;
	padding-left: 6px;
	padding-right: 7px;
	padding-bottom: 2px;
}

A.SearchText:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	height: 14px;
	padding-left: 6px;
	padding-right: 7px;
	padding-bottom: 2px;
}

A.SearchText:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #cc0000;
	height: 14px;
	padding-left: 6px;
	padding-right: 7px;
	padding-bottom: 2px;
}

A.SearchText:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	height: 14px;
	padding-left: 6px;
	padding-right: 7px;
	padding-bottom: 2px;
}

.MainTable {
	border-left-color: #e3e3e3;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #e3e3e3;
	border-right-style: solid;
	border-right-width: 1px;
}

.SkinTop {
	background-color: #f9f9f9;
}

.SkinBottom {
	border-bottom-color: #e3e3e3;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

/* GENERAL */
/* style for module titles */
.Head {
	font-family:Verdana;
	font-size: 13px;
	color: #666666;
	font-weight: bold;
}

.SubHead {
	font-family:Verdana;
	font-size: 12px;
	color: #666666;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
	font-family:Verdana;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
}

/* text style used for most text rendered by modules */
.Normal {
	font-family:Verdana;
	font-size: 12px;
	color: #000000;
	text-decoration:none;
}

.NormalBold {
	font-family:Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}

.language
{
	font-family:Verdana;
	font-size: 10px;
	color: #000000;
    background-color: #FFFFFF;
}

.Print {
	font-family:Verdana;
	font-size: 11px;
	color: #666666;
    background-color: #FFFFFF;
}

.NewsArticle {
	font-family:Verdana;
	font-size: 11px;
	color: #666666;
	padding-left: 10px;
}

.newsseperator {
	height: 6px;
	font-size: 6px;
}


.LogIn {
	font-family:Verdana;
	font-size: 11px;
	color: #cccccc;
}

A.LogIn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

A.LogIn:links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #cc0000;
	text-decoration: none;
}

A.LogIn:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #cc0000;
	text-decoration: underline;
}

A.LogIn:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.HotLinks {
	border-color: #e3e3e3;
	border-style: solid;
	border-width: 1px;
}

.HotLinksText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

A.HotLinksText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

A.HotLinksText:links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

A.HotLinksText:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #cc0000;
	text-decoration: none;
}

A.HotLinksText:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}


.Footer {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}


A.Footer:link {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color:  #999999;
	text-decoration:none;
}

A.Footer:hover {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color:  #cc0000;
	text-decoration:none;
}

A.Footer:active {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color:  #cc0000;
	text-decoration:none;
}

A.Footer:visited {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color:  #999999;
	text-decoration: none;
}

.Knp {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-repeat:no-repeat;
}

A.Knp:link {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color:  #000000;
	text-decoration:none;
}

A.Knp:hover {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color:  #cc0000;
	text-decoration:none;
}

A.Knp:active {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color:  #cc0000;
	text-decoration:underline;
}

A.Knp:visited {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color:  #000000;
	text-decoration: none;
}

.Top {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #cc0000;
	background-repeat:no-repeat;
	padding-top:0px;
}

.line {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #cc0000;
	background-repeat:repeat-y;
} 
A.Top:link {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color:  #cc0000;
	text-decoration:none;
}

A.Top:hover {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color:  #cc0000;
	text-decoration:underline;
}

A.Top:active {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color:  #cc0000;
	text-decoration:underline;
}

A.Top:visited {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color:  #cc0000;
	text-decoration: none;
}

A {
	font-family: verdana;
	text-decoration: none;
	font-size: 12px;
}

A:link {
	color:  #993333;
	text-decoration:none;
}

A:hover {
	color: #cc0000;
	text-decoration: underline;
}

A:active {
	color: #cc0000;
	text-decoration: underline;
}

A:visited {
	color:  #993333;
	text-decoration:none;

} 

A.InfoLink {
	font-family: verdana;
	text-decoration: underline;
	font-size: 11px;
	text-decoration: none;
}

A.InfoLink:link {
	color: #000000;
	text-decoration: none;
}

A.InfoLink:hover {
	color: #cc0000;
	text-decoration: none;
}

A.InfoLink:active {
	color: #cc0000;
	text-decoration: none;
}

A.InfoLink:visited {
	color: #000000;
	text-decoration: none;
} 


.BlueBox {
	font-family: verdana;
	text-decoration: underline;
	font-size: 11px;
	color: #FFFFFF;
}

A.BlueBox {
	font-family: verdana;
	text-decoration: underline;
	font-size: 11px;
	color: #FFFFFF;
}

A.BlueBox:link {
	color: #ffffff;
	text-decoration: underline;
}

A.BlueBox:hover {
	color: #cc0000;
	text-decoration: underline;
}

A.BlueBox:active {
	color: #cc0000;
	text-decoration: underline;
}

A.BlueBox:visited {
	color: #ffffff;
	text-decoration: underline;
} 

.GreyBoxHeader {
	font-family: verdana;
	font-size: 11pt;
	font-weight: bold;
	color: #ffffff;
}

.GreyBox {
	font-family: verdana;
	text-decoration: underline;
	font-size: 11px;
	color: #003366;
}

A.GreyBox {
	font-family: verdana;
	text-decoration: none;
	font-size: 11px;
	color: #003366;
}

A.GreyBox:link {
	color: #003366;
	text-decoration: none;
}

A.GreyBox:hover {
	color: #cc0000;
	text-decoration: none;
}

A.GreyBox:active {
	color: #cc0000;
	text-decoration: none;
}

A.GreyBox:visited {
	color: #003366;
	text-decoration: none;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
	color: #000000;
	text-decoration: none;
}

A.CommandButton:hover {
	color: #cc0000;
	text-decoration: none;
}

A.CommandButton:active {
	color: #cc0000;
	text-decoration: none;
}

A.CommandButton:visited {
	color: #000000;
	text-decoration: none;
} 

A.CommandButton:selected {
	color: #000000;
	text-decoration: underline;
}