@charset "utf-8";
/* CSS Document */

html
{
	min-height: 100%;
	margin-bottom: 1px;
}

a
{
	color: #0067B1;
}

a:hover
{
	color: #0067B1;
	text-decoration: none;
}

body
{
	background: url(bg.jpg) repeat-x;	
	/*background-color: #FFF;*/
	background-attachment: fixed;
	margin: 0px;
	font: 13px arial, helvetica, sans-serif;
}

h1

{
color: #0067B1; 
font-weight: bold;
font-size: 15px;
margin-bottom: 0px;
}

h2

{
color: #0067b1;
font-weight: bold;
font-size: 13px;
}

ul 
{ 
	line-height: 22px;
} 

ol 
{ 
	line-height: 22px;
} 

/*input {
	border: 1px solid #CCC;
	padding: 3px;

}*/


.tablerowcolor
{
	background-color: #F5F5F5;
}
 
.whitetext
{
	color: #FFFFFF
}
 
.text8pt
{
	font-size: 11px
}
 
 .footertext {
	font-size:11px;
	color:#808080;
	margin-right:35px;
	}
	
	 .blogbyline {
	font-size:11px;
	color:#808080;
	}
	
	
	 .securityalert {
	font:11px verdana,geneva,sans-serif;
	color:#808080;
	}
	
.footerlink {color: #808080}


.contentimage
{
	padding-left:20px;
	padding-right:35px;
	padding-bottom:15px;
}

.contentimagetab
{
	padding-left:20px;
	/*padding-right:35px;*/
	padding-bottom:15px;
}


.indextitle
{
	color:#333333;
}

.blogtitle
{
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
}

.blogtitle:hover
{
	text-decoration: underline;
}

.bloglink
{
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}

.bloglink:hover
{
	text-decoration: underline;
}


.audlink
{
	text-decoration: none;
}

.audlink:hover
{
	text-decoration: underline;
}



/* start super & sub script line spacing correction */
sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}
/* end super & sub script line spacing correction */

.whichproduct
{
padding: 3px;
background-color: #F0F9FF;

}

.whichproductclose

{
margin-left: 10px;
}



/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display:none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textareaRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	border: 0px solid #CC3333;
}

/* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the TEXTAREA
 * - the widget id is placed on the TEXTAREA element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the TEXTAREA has a green background applied on it. */
.textareaValidState textarea, textarea.textareaValidState {
	background-color:#B8F5B1;
}

/* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	background-color:#FF9F9F;
}

/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */
.textareaFocusState textarea, textarea.textareaFocusState {
	background-color:#FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textarea looks like.
 * It applies only when the widget has enforce max chars enabled and the user tries to type some more.
 */
.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}

/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	border: 0px solid #CC3333;
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText{
	color: red !important;
}

.jsalert {
	text-align: center;
	font-size: 11px;
	border-top: 1px solid #FFFF00;
	border-bottom: 1px solid #FFFF00;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #FFFFCC
}


/* Personal Styles */

#ptopmenu {
	padding-top: 3px; 
	/*background-image: url(images/backgrounds/top-menu-bg.gif); */
	background-repeat: repeat-x; 
	background-position: center bottom
}

#tabwrapper {
font-size: 11px;
color:#FFFFFF;
text-align: left;
}


#ptab1_1 {
width: 123px; 
float:left; 
display:inline; 
text-align: center; 
margin-right: 8px;
}

#ptab1_2 {
	background-color:#FFF; 
	padding-top: 7px; 
	padding-bottom: 7px; 
	border-left: 1px solid #CCC; 
	border-right: 1px solid #CCC; 
	border-top: 1px solid #CCC;
}

#ptab2_1 {
	width: 125px;
	float: left;
	display:inline;
	text-align: center;
	margin-right: 8px;
	background-image: url(../../images/backgrounds/top-menu-bg-off.jpg);
	background-repeat:repeat-x;
	background-position: center bottom;
}

#ptab2_2 {
padding-top: 8px;
padding-bottom: 7px; 
}

#ptab3_1 {
	width: 125px;
	float:left;
	display:inline;
	text-align: center;
	background-image: url(../../images/backgrounds/top-menu-bg-off.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}

#ptab3_2 {
	padding-top: 8px;
	padding-bottom: 7px
}

.selectedtab {
	text-decoration: none;
	color:#FF7200;
}

#ptab_sidelinks {
font-size: 11px;
padding-top: 3px;
padding-bottom: 3px;
color:#FFFFFF;
text-align:right;



}



.whitelink 
{
	color: #FFFFFF; 
	text-decoration: none;
}

.whitelink:hover
{
	color: #FFFFFF; 
	text-decoration: none;
}


/* KB */

#toogleKB {
	margin: 0;
/*	padding: 5px; */
margin-top: 15px;

}

#toogleKB li {
/*	font-weight: bold; */
}

#toogleKB li ul {
	list-style: none;
	margin: 0;
	padding: 0;
}



#toogleKB .sectionOn {
	display: block;
	display: inline;
}

#toogleKB .sectionTitle {
margin-top: 10px;
color: #0067b1;
text-decoration:underline;
cursor: pointer;


}

#toogleKB .sectionHeading {
	display: none; 
	background-color:#ecf7ff;
	padding:5px;
}

#pagecontent p { 
margin-top: 0px;
}

#pagecontent ul { 
margin-top: 0px;
}


#blogdisclaimer {
	border: 1px solid #FF0000;
	font-size:8pt;
	padding:5px;
	margin-top:25px;
}

.icon_promo {
	vertical-align: -2px;
	margin-right: 3px;
}