﻿body 
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: .8em;
}

H3
{
    font-family: Verdana, Arial, Sans-Serif;
}

.pageTitle
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 1.9em;
    font-weight: bold;
    color:#6B2C91;
    margin-top: -2px;
    padding: 2px;
}

a
{
    color: Purple;
    font-size: 1em;
}

a: visited
{
    color: Purple;
    font-size: 1em;
}

a: active
{
    color: Red;
    font-size: 1em;
}

.nonLinkText
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 1em;
    color: Black;
    font-weight: bold;
}

.Clear
{
    clear:both;
}

.infoSection
{
    border: solid 1px purple;
    background-color: #F6F4F9; 
    padding: 3px;
}

/* menus */

ul .leftPageMenu
{
    list-style-type: square;  
    margin-left: -25px;
}

li .leftPageMenu
{
}

.leftPageMenuLink
{
    color: White;
    text-decoration: none;
}

A.leftPageMenuLink:hover
{
    color: White;
    text-decoration: underline;
}

.RightColText
{
    color: White;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 1em;
}

A.RightColText
{
    color: White;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 1em;
    font-weight: bold;
}

.subHeaderText
{
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 1em;
    font-weight: bold;
    color: #6B2C91;
}

.contentBoxHeader
{
	background-image: url(/Images/backgrounds/contentBoxBG.gif);
	background-repeat: repeat-x; 
	border-top: solid 1px #d0cccc;
	border-bottom: solid 0.5px #d0cccc;
	border-right: solid 1px #d0cccc;
	border-left: solid 1px #d0cccc;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 5px;
	font-weight: bold;
}

.contentBox
{
	
	border-right: solid 1px #d0cccc;
	border-left: solid 1px #d0cccc;
	border-bottom: solid 1px #d0cccc;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* IMAGE STYLES */
.paddedImage
{
    padding: 5px;
}

.paddedImageBottom
{
    padding: 5px 5px 10px 5px;
}

.borderedImage
{
    border-color: #6B2C91;
    border-style: solid;
    border-width: 2px;
}

.RightColPanel
{
    background-color: #E7DEEC;
    border: solid 1px black;
    color: Black;
    padding: 5px;
}


.homepageBannerText
{
    font-size: small;
    clear: right;
    padding: 0px 2px 0px 2px;
    margin-left: 90px;
}

.homepageBannerText .header
{
    font-size:larger;
    font-weight: bold;
    text-align: center;
    padding-left: 15px;
}

.homepageBannerTextWhite
{
    font-size: x-small;
    clear: right;
    color: white;
    width: 200px;
    height: 160px;
    padding: 0px 1px 0px 2px;
}

.homepageBannerText .button
{
    text-align: right;
    padding-left: 15px;
    border: solid 1px yellow;
}

.homepageButton
{
    float:right;
    margin-right: 5px;
}


.PageHeaderText
{
    font-size: large;
    color: #6b2b91;
    text-transform: uppercase;
    font-weight: bold;
}


.RelatedProductsPanel
{
    width: 110px;
    color: Black;
    font-size: 0.9em;
}


.purpleBox
{
    float:left;
    display:inline;
    background-image: url('../images/backgrounds/purplebox.gif');
    background-repeat: no-repeat;
    margin-right:10px;
    width:240px;
    height:210px;
    padding-top:5px;
}

.redBox
{
    float:left;
    display:inline;
    background-image: url('../images/backgrounds/redbox.gif');
    background-repeat: no-repeat;
    margin-right:10px;
    width:240px;
    height:210px;
    padding-top:5px;
}

.homepageBox0
{
    float:left;
    display:inline;
    margin-right:10px;
    width:225px;
    height:210px;
    padding-top:20px;
/*    border-right: solid 1px purple;*/
}

.homepageBox1
{
    float:left;
    display:inline;
    width:240px;
    height:210px;
    padding-top:5px;
/*    border-right: solid 1px purple;*/
}

.homepageBox2
{
    float:left;
    display:inline;
    /*width:240px;
    height:210px;*/
    width:360px;
    height: 160px;
    padding-top:5px;
}


.lilacBG
{
    background-color: #e6deec;
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #6b2b91;
    color: white;
    background-color: #6b2b91;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #6b2b91;
    color: white;
    background-color: #993399;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #e6deec;
    border: 1px dashed #6b2b91;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

ul .supportLi
{
    list-style-type: square;
    padding-bottom: 10px; 
}

ul .homepageLi
{
    list-style-type: square;
    padding-bottom: 6px; 
    margin-left: -20px;
    color: purple;
}

ul .homepageLiSmall
{
    list-style-type: square;
    padding-bottom: 3px; 
    margin-left: -20px;
    color: purple;
}

.supportBookmark
{
    font-weight: bold;
}

.supportIndented
{
    margin-left: 20px;
}

.modalBackground {
    height: 100%;
    width: 100%;
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
    overflow: visible;
    z-index: 50;
}

.popUpPanel
{
    background-color:White;
    Width:450px;
    Border: solid 10px #6b2b90;
}

/* form layout */
.formLabel
{
	clear: left;
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	float:left;
	width: 40%;
	margin: 3px;
}

.formLabelLarger
{
	clear: left;
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	float:left;
	width: 40%;
	margin: 3px;
}

.formLabel a
{
	clear: left;
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	float:left;
	width: 40%;
	margin: 3px;
}

.formLabelInfo 
{
	clear: left;
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	float:left;
	display:inline;
	width: 40%;
	margin: -4px 0px 5px 3px;
	cursor: hand;
	cursor:pointer;
}

.formLabelInfo a
{
	clear: left;
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	float:left;
	width: 40%;
	margin: 0px 0px 2px 0px;
	cursor: hand;
	cursor:pointer;
}

.formLabelWide
{
	clear: left;
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	float:left;
	margin: 3px;
}

.formLabelFull
{
	clear: left;
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	float:left;
	margin: 3px;
}

.formInfo
{
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	display: inline;
}

.formInfoBold
{
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	display: inline;
	font-weight: bold;
}

.formLabelWide a
{
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	float:left;
	margin: 3px;
}

.formLabelHeader
{
	clear: both;
	font-size: small;
	font-weight: bold;
	font-family: Verdana, Arial, Sans-Serif;
	float:left;
	width: 90%;
}

.formLabelHeaderNonBold
{
	clear: both;
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	float:left;
	width: 90%;
}

.formInput
{
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	float: left;
/*	width: 45%;*/
	margin: 3px;
}

.formInfoRedBold
{
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	float: left;
	margin: 3px;
	color: Red;
	font-weight: bold;
	clear:right;
}


.formInputLargerText
{
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	float: left;
	width: 45%;
	margin: 3px;
}

.formInputLong
{
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	float: left;
	width: 40%;
	margin: 3px;
}

.formInputXLong
{
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	float: left;
	width: 560px;
	margin: 3px;
}

.formInputShort
{
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	float: left;
	width: 20%;
	margin: 3px;
}

.formInputTiny
{
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	float: left;
	width: 5%;
	margin: 3px;
}

.formInputTiny2
{
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	float: left;
	width: 15px;
	margin: 3px;
}

.formCheckBox
{
	float: left;
	margin: 0px 3px 0px 3px;
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	display: inline;
}

.formCheckBoxMain
{
	float: left;
	margin: 3px 3px 0px 3px;
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	display: inline;
}

.formCheckBoxList
{
	float: left;
   
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	clear:right;
    
}


.formDropDown
{
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	float: left;
	width: 30%;
	clear: right;
	margin: 3px;
	height: 20px;
}

.formDropDownMedium
{
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	float: left;
	width: 50%;
	clear: right;
	margin: 3px;
	height: 20px;

}

.formDropDownFull
{
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	float: left;
	clear: left;
	margin: 3px;
	height: 20px;
}
/*.formDropDownLong
{
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	float: left;
	clear: right;
	margin: 3px;
	height: 20px;
	width: 41%;
}*/

.formDropDownLong
{
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	float: left;
	clear: right;
	margin: 3px;
	height: 20px;
}

.formDropDownShort
{
	font-size: small;
	font-family: Arial, Verdana, Sans-Serif;
	float: left;
	width: 13%;
	display:inline;
	margin: 3px;
	clear:right;
	height: 20px;
}

.formDropDownShorter
{
	font-size: small;
	font-family: Arial, Verdana, Sans-Serif;
	float: left;
	width: 20%;
	display:inline;
	margin: 3px;
	clear:right;
	height: 20px;
}

.formDropDownShortLargerText
{
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	float: left;
	width: 13%;
	display:inline;
	margin: 3px;
	clear:right;
	height: 22px;
}

.formDropDownRow
{
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	display:inline;
	margin: 3px 0px 3px 3px;
	height: 20px;
}

.formRadioButton
{
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	float: left;
	margin: 3px 0px 3px 0px;
}

.formRadioButtonSpaced
{
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	float: left;
	margin: 3px 0px 3px 0px;
	line-height: 25px;
}

.formRadioButtonList
{
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	float: left;
	margin: 0px 13px 0px 10px;
	line-height: 25px;
}

.formRadioItem
{
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	margin-left: 6px;
	margin-right: 6px;
}

.formRadioItem a
{
	font-size: small;
	font-family: Arial, Verdana, Sans-Serif;
	margin-left: 6px;
	margin-right: 6px;
			
}

li .form
{
	list-style-type: square;
	font-size: small;
	font-family: Verdana, Sans-Serif;
}

.reqField
{
    color: Red;
    display:inline;
    float:left;
}

.shortTextBox
{
    width: 100px;
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
}
.mediumTextBox
{
    width: 150px;
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
}

.longTextBox
{
    width: 200px;
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
}

.tinyDropDown
{
    width: 50px;
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
}

.shortDropDown
{
    width: 100px;
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
}

.mediumDropDown
{
    width: 150px;
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
}

.longDropDown
{
    width: 200px;
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
}

.TextOnlyTextBox
{
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
}

.divisionText
{
	font-size: medium;
	font-family: Verdana, Arial, Sans-Serif;
	float:left;
}

.collapsePanel {
	
	background-color:white;
	overflow:hidden;
	border: solid 1px #E6DEEC;
}

.collapsePanelHeader{
	width:100%;
	height:22px;
	/*background-image: url(/perlico/images/general/bg-menu-main.png);
	background-repeat:repeat-x;*/
	background-color:#E6DEEC;
	color:#000;
	font-weight:bold;
	text-decoration: none;
	font-size: xx-small;
}

.groupheader
{
    background-color: #E6DEEC;
    padding: 4px;
    font-family: Verdana, Arial, Sans-Serif;
}


/* MY ACCOUNT */

.accSummaryLabel
{
    float:left;
    display:inline;
    font-weight: bold;
    width: 150px;
    font-size: small;
    margin-top: 5px;
}

.accSummaryText
{
    float:left;
    display:inline;
    font-weight: normal;
    width: 340px;
    font-size: small;
    margin-top: 5px;
}

/* ADMIN */

.xSmallTextBox
{
    width: 20px;
}

.smallTextBox
{
    width: 80px;
}

.longTextBox
{
    width: 280px;
}

.footnoteText
{
    font-style: italic;
    font-size: smaller;
}

.pageMenu
{
    font-size: smaller;
    color: Gray;
}

.pageMenu a
{
    font-size: smaller;
    color: Gray;
}

.homepageSectionHeader
{
    border: 1px solid #6b2b91;
    color: white;
    background-color: #6b2b91;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .homepageSectionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .homepageSectionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.homepageSectionHeaderSelected
{
    border: 1px solid #6b2b91;
    color: white;
    background-color: #993399;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .homepageSectionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .homepageSectionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.homepageSectionContent
{
    background-color: #e6deec;
    border: 1px dashed #6b2b91;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.changePackagePanel
{
    background-color: #e6deec;
    border: solid 1px #6b2b91; 
    padding: 5px;
    margin: 5px 0px 5px 0px;
}

.showaslink
{
    cursor:hand;
    text-decoration: underline;
}

.homepageDD
{
    margin-top: 7px;
    background-color: #e6deec;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: small;
    width: 200px;
}

.DisguisedListBox
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: small;
    width: 300px;
}


.RSSPanel
{
    border: solid 2px #6b2b91;
    background-color: Yellow;
}

.RSSText
{
    font-size: small;
}

.RSSTextSmall
{
    font-size: smaller;
}

.invisibleTextBox
{
    border: none;
    font-size: small;
    font-family: Verdana, Arial, Sans-Serif;
}