﻿/*=============================================================================
PCI.CSS style sheet for Pets Club International
Created On: 05.14.2006 @ 3:43PM Arizona Time
Created By: Ryan Logsdon

STANDARDS:
-------------------------------------------------------------------------------
1.) All lower case
2.) Each attribute on new line
3.) "{ }" brackets on their own lines
4.) Only CSS 2.0 standard styles unless noted with
        comments for special reasons
5.) All global declarations at top and only one of
        each tag
6.) All class specifics at bottom with comments for
        use
==============================================================================*/

/*-----------------------------------------------------------------------------
 GLOBAL TAG STYLES
------------------------------------------------------------------------------*/
body
{
        padding:0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12px;
        color: #8787b3;
        background-color: #dedede;
}
a:link,a:active,a:visited
{
        font-size: 12px;
        color:#7070a0;
        text-decoration:none;
}
a:hover
{
        color:#9999cc;
        text-decoration: none;
}
table
{
        border-collapse: collapse;
        border-style: solid;
        border-width: 0px;
}

h2
{
        color: #000066;
        font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: normal;
        padding: 0px;
        margin: 0px;
}

p
{

}
hr
{
        clear: both;
        margin: 0px;
        padding: 0px;
        height: 1px;
        color: #ffffff;
        border: none;
}
fieldset
{
        margin-left: 2px;
        margin-right:4px;
        margin-bottom:5px;
        padding: 1px;
        padding-bottom:4px;
}
legend
{
        font-family: Arial;
        font-size: 11px;
        font-weight: bold;
        color: #7070a0;
}
/*-----------------------------------------------------------------------------
 CLASS SPECIFIC STYLES
-----------------------------------------------------------------------------*/
.formField
{
        text-align: right;
        padding-right: 5px;
        color: #000066;
        vertical-align: top;
}
.button
{
        cursor: hand;
}
.errorBox
{
        width: 98%;
        font-weight: bold;
        color: Red;
        background-color: #F1F1F1;
        border-style: solid;
        border-width: 1px;
        border-color: Red;
        display: block;
}
.errorLabel
{
        font-weight:bold;
        color:Red;
}
.bold
{
        font-weight:bold;
}
.wizardSelected
{
        color: #000066;
        text-decoration: overline;
}
.wizardDone
{
        color: #8787b3;
}
.wizardComing
{
        color: #eeeeee;
}
.dropdown
{
        font-family:Arial;
        font-size:10px;
        color: #669933;
}
.errorLabel
{
        color:Red;
        font-size:12px;
        font-weight:bold;
}
.errorText
{
        color:#333333;
        font-size:10px;
}
.errorCtrl
{
        background-color:#99CCFF;
}
.footer
{
        color: #669933;
        text-align: center;
}

/*---Header & Footer Navigation Style--*/
a.hfNav:link,a.hfNav:active,a.hfNav:visited
{
        font-size: 11px;
        color:#7070a0;
        text-decoration:none;
}
a.hfNav:hover
{
        color:#9999cc;
        text-decoration: overline;
}

/*---Tabs Navigation Style--*/
a.tab:link,a.tab:active,a.tab:visited
{
        font-size: 14px;
        color:#FFFFFF;
        text-decoration:none;
        font-weight: bold;
}
a.tab:hover
{
        color:#000066;
}


/*---Left/Main Navigation Style--*/
a.leftNav:link,a.leftNav:active,a.leftNav:visited, a.leftNav
{
        font-size: 10pt;
        color:#000066;
        text-decoration:none;
        width: 100%;
        height: 20px;
        display: block;
        background-color: #ccccfe;
        border-collapse: collapse;
        border-style: solid;
        border-width: 0px;
        border-bottom-width: 1px;
        border-color: #ffffff;
        font-family: Arial;
        padding-top: 4px;
}
a.leftNav:hover,a.leftNav:active
{
        background-color: #ffffff;
        background-image: url(../images/pawbg.jpg);
        background-repeat: no-repeat;
        background-position: right;
}
a.leftNavSel
{
        font-size: 10pt;
        color:#000066;
        text-decoration:none;
        width: 100%;
        height: 20px;
        display: block;
        background-color: #ffffff;
        background-image: url(../images/pawbg.jpg);
        background-repeat: no-repeat;
        background-position: right;
        border-collapse: collapse;
        border-style: solid;
        border-width: 0px;
        border-bottom-width: 1px;
        border-color: #ffffff;
        font-family: Arial;
        padding-top: 4px;
}

a.leftNavSub:link,a.leftNavSub:active,a.leftNavSub:visited, a.leftNavSub
{
        font-size: 12px;
        color:#669933;
        text-decoration:none;
        width: 100%;
        height: 20px;
        display: block;
        background-color: #eeeeee;
        border-collapse: collapse;
        border-style: solid;
        border-width: 0px;
        border-bottom-width: 1px;
        border-color: #ffffff;
        font-family: Arial;
        padding-top: 4px;
}
a.leftNavSub:hover,a.leftNavSub:active, a.leftNavSubSel:link,a.leftNavSubSel:active,a.leftNavSubSel:visited, a.leftNavSubSel
{
        background-color: #ffffff;
        background-image: url(../images/gry_paw.gif);
        background-repeat: no-repeat;
        background-position: right;
}
a.leftNavSubSel:link,a.leftNavSubSel:active,a.leftNavSubSel:visited, a.leftNavSubSel
{
        font-size: 12px;
        color:#669933;
        text-decoration:none;
        width: 100%;
        height: 20px;
        display: block;
        border-collapse: collapse;
        border-style: solid;
        border-width: 0px;
        border-bottom-width: 1px;
        border-color: #ffffff;
        font-family: Arial;
        padding-top: 4px;
        background-color: #ffffff;
        background-image: url(../images/gry_paw.gif);
        background-repeat: no-repeat;
        background-position: right;
}

a.big:link,a.big:active,a.big:visited,a.big,a.big:hover,a.big:active
{
        font-size: 15px;
        color: #000066;
}
a.tiny:link,a.tiny:active,a.tiny:visited,a.tiny
{
        font-size: 11px;
        color: #669933;
}
a.tiny:hover,a.tiny:active
{
        color: #99cc66;
        text-decoration: underline;
}

.blurb
{
        color: #FFFFFF;
        font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
        font-size: 15px;
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 12px;
        padding-bottom: 15px;
        line-height: 26px;
        background-color: #99cc66;
}
.highlight
{
        font-weight: normal;
        color: #000066;
}
.points
{
        color: #000066;
        font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
        font-size: 14px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 10px;
}
a.lbnBlue:link,a.lbnBlue:active,a.lbnBlue:visited,a.lbnBlue,a.lbnBlue:hover,a.lbnBlue:active
{
        color: #FFFFFF;
        padding-left: 5px;
        padding-right: 5px;
        cursor: hand;
        background-color: #8787b3;
        border-style: solid;
        border-collapse: collapse;
        border-width: 1px;
        border-color: #000066;
        font-weight: bold;
}
a.lbnGreen:link,a.lbnGreen:active,a.lbnGreen:visited,a.lbnGreen,a.lbnGreen:hover,a.lbnGreen:active
{
        color: #FFFFFF;
        padding-left: 5px;
        padding-right: 5px;
        cursor: hand;
        background-color: #99cc66;
        border-style: solid;
        border-collapse: collapse;
        border-width: 1px;
        border-color: #669933;
        font-weight: bold;
}
.loginTXT
{
        background-color: #ffffff;
        border-style: solid;
        border-collapse: collapse;
        border-width: 1px;
        border-color: #000066;
        height: 16px;
        width: 165px;
        color: #000066;
}
.textBox
{
        background-color: #ffffff;
        border-style: solid;
        border-collapse: collapse;
        border-width: 1px;
        border-color: #669933;
        height: 16px;
        color: #000066;
}
.textArea
{
        background-color: #ffffff;
        border-style: solid;
        border-collapse: collapse;
        border-width: 1px;
        border-color: #669933;
        color: #000066;
}
.loginField
{
        font-size: 10px;
        font-weight: bold;
        color: #000066;
}
.AlignCenter
{
        text-align:center;
}
.AlignLeft
{
        text-align:left;
}
.AlignRight
{
        text-align:right;
}
.PadLeft
{
        padding-left:2px;
}
.PadRight
{
        padding-right:2px;
}
.PetExpert
{
        background-image:url(../images/Columns/DrPhido/phido_pet_expert.gif);
        background-repeat:no-repeat;
}
.CatsMeow
{
        background-image:url(../images/Columns/Tabby/tabby_cats_meow.gif);
        background-repeat:no-repeat;
}
.LoginTD
{
        font-family: Arial;
        background-image:url(../images/loginBG2.gif);
        background-repeat:no-repeat;
        padding:4px 0px 0px 17px;
}
.TabbyTextLG
{
        color:#FF6600;
        font-size: 16px;
        font-weight:bold;
}
.TabbyText
{
        color:#FF6600;
}
.PhidoTextLG
{
        color:#009900;
        font-size: 16px;
        font-weight:bold;
}
.PhidoText
{
        color:#009900;
}
.ColumnQuestionLabels
{
        color:#663399;
}
.orangeHeader
{
        margin: 0px;
        margin-top: 15px;
        color: #cc6600;
        font-size: 16px;
        font-weight: bold;
        font-family: Helvetica, Arial, sans-serif;
}
.blueHeader
{
        margin: 0px;
        margin-top: 15px;
        color: #000066;
        font-size: 14px;
        font-weight: bold;
        font-family: Helvetica, Arial, sans-serif;
}
.subPara
{
        padding-left: 20px;
        color: #666666;
        margin-top: 8px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12px;
}
.subParaBlue
{
        padding-left: 20px;
        color: #000066;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12px;
}
.BlueBold
{
        color: #000066;
}
.GreenBold
{
        font-weight: bold;
        color: #669933;
}
.orangeHeaderSml
{
        font-size: 14px;
        color:#d9994f;
}
.highlightSml
{
        font-size:12px;
        font-weight:normal;
        color:#000066;
        text-indent:15px;
        padding:1px 0px 1px 0px;
}
.lightHighlightSml
{
        font-size:12px;
        font-weight:normal;
        color:#666699;
        text-indent:45px;
        padding:1px 0px 1px 0px;
}
.SmlBlueSub
{
        color:#666699;
        font-size:11px;
        font-weight:normal;
}
.PremierMbrTD
{
        width:108px;
        vertical-align:middle;
        padding-right:17px;
        text-align:right;
        font-size: 14px;
        color:#d9994f;
        font-weight: bold;
        font-family: Helvetica, Arial, Sans-Serif;
}
.BasicMbrTD
{
        width:102px;
        vertical-align:middle;
        padding-right:17px;
        text-align:right;
        margin: 0px;
        color: #8db366;
        font-size: 14px;
        font-weight: normal;
        font-family: Helvetica, Arial, sans-serif;
}
.BenefitsText1
{
        font-family:Arial;
        font-size:10px;
        color: #669933;
		text-align:left;
}
.friends
{
        border-collapse: collapse;
        border-style: solid;
        border-width: 1px;
        border-color: #ffffff;
}
.TopLineBlue
{
        border-style:solid;
        border-collapse:collapse;
        border-width:0px;
        border-top-width:1px;
        border-color: #000066;
}
.TopLineGreen
{
        border-style:solid;
        border-collapse:collapse;
        border-width:0px;
        border-top-width:1px;
        border-color: #669933;
}

/*---Contest orange links--*/
a.SmlOrange:link,a.SmlOrange:active,a.SmlOrange:visited
{
        color:#cc6600;
        font-size:11px;
        font-weight:normal;
        text-decoration:none;
}
a.SmlOrange:hover
{
        color:#CC3300;
        text-decoration: none;
}
a.SmlOrange9:link,a.SmlOrange9:active,a.SmlOrange9:visited
{
        color:#cc6600;
        font-size:9px;
        font-weight:normal;
        text-decoration:none;
}
a.SmlOrange9:hover
{
        color:#CC3300;
        text-decoration: none;
}
a.bluebold:link,a.bluebold:active,a.bluebold:visited
{
        color:#003366;
        font-size:12px;
        font-weight:bold;
        text-decoration:none;
}
a.bluebold:hover
{
        color:#0033cc;
        text-decoration: none;
}
.subParaFlush
{
        padding-left: 20px;
        color: #666666;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12px;
}
.subParaNoPad
{
        color: #666666;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12px;
}
.subParaNoPad9
{
        color: #666666;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 9px;
}
.smlGreen
{
        color: #669933;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 9px;
}
.lightBlue
{
        font-size:12px;
        font-weight:normal;
        color:#666699;
}
.lightBlueBullet
{
        font-size:12px;
        font-weight:bold;
        color:#666699;
        padding:1px 0px 1px 0px;
}
.greenBullet
{
        font-size:12px;
        font-weight:bold;
        color:#669933
        padding:1px 0px 1px 0px;
        color: #669933;
}
.greenBullet9
{
        font-size:9px;
        font-weight:bolder;
        color:#669933
        padding:1px 0px 1px 0px;
        color: #669933;
}
.blueBullet
{
        font-size:12px;
        font-weight:bold;
        color:#669933
        padding:1px 0px 1px 0px;
        color: #000066;
}
.SmlOrangeSub
{
        color:#cc6600;
        font-size:11px;
        font-weight:normal;
}

/* pet stuff */
.petName
{
        color: #669933;
        font-weight: bold;
        font-size: 14px;
}
.petBreed
{
        color: #6666cc;
        font-weight: bold;
        font-size: 12px;
}
.petText
{
        color: #666666;
        font-size: 10px;
}
.grv
{
  margin:0;
  padding:0;
}