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

html {
    margin: 0px;
    padding: 0px;
    min-width: 100%;
    min-height: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    font-size: 12px;
    background: #cecece url('../images/skin/lightbg2.jpg') repeat-x center top !important;
}

:hover, :active {
    outline: none;
}

.reporttable {
	margin: 0px !important;
}

#mainwrapper {
    margin: 0px auto;
    padding: 0px;
    width: 950px;
    min-width: 950px;
}

    #header {
        margin: 0px;
        padding: 4px 0px 0px;
        height: 90px;
		background: transparent url('../images/skin/headerbg.png') no-repeat center top;
    }
		#header a img {
            float: left;
			border: none;
		}
        #ulnav {
            margin: 0px;
            padding: 18px 0px 0px;
            float: right;
            clear: right;
            list-style: none;
        }
            #ulnav li {
                margin: 0px;
                padding: 0px;
                display: block;
                float: left;
                overflow: hidden;                
            }
                #ulnav li a {
                    margin: 0px;
                    padding: 0px;
                    display: block;
                    width: 130px;
                    height: 54px;
                    overflow: hidden;
                    text-indent: -999px;
                    text-decoration: none;
                    background-color: transparent;
                    background-repeat: no-repeat;
                    background-position: center top;
                }
				#ulnav li.affiliate a {
					background-image: url('../images/skin/btnPublishers.png');
				}
				#ulnav li.advertiser a {
					background-image: url('../images/skin/btnAdvertisers.png');
				}
                #ulnav li.contact a {
                    background-image: url('../images/skin/contactus.png');
                }
                #ulnav li.account a {
                    background-image: url('../images/skin/btnAccount.png');
                }
                #ulnav li.campaigns a {
                    background-image: url('../images/skin/btnCampaigns.png');
                }
                #ulnav li.statistics a {
                    background-image: url('../images/skin/btnStats.png');
                }
                #ulnav li.news a {
                    background-image: url('../images/skin/btnNews.png');
                }
                #ulnav li.logout a {
                    background-image: url('../images/skin/btnLogout.png');
                }
                #ulnav li.tools a {
                    background-image: url('../images/skin/btnTools.png');
                }
                #ulnav li.inbox a {
                    background-image: url('../images/skin/btnInbox.png');
                }
				#ulnav li a:hover {
					background-position: center -54px;
				}

    #subheader {
        margin: -4px 0px 0px;
        padding: 0px;
        display: block;
        width: 100%;
        height: 93px;
        position: relative;
        border-style: solid solid none;
        border-width: thin;
        border-color: #ccc;
        background: transparent url('../images/skin/banner.png') no-repeat center top;
    }
    #subheader.advertiser {
        height: 260px;
        background: transparent url('../images/skin/admainimage.jpg') no-repeat center top;
    }
    #subheader.publisher {
        height: 260px;
        background: transparent url('../images/skin/pubmainimage.jpg') no-repeat center top;
    }
        #subheader p {
            display: none;
        }
        #subheader.advertiser p {
            margin: 0px;
            padding: 0px;
            display: block;
            width: 800px;
            color: #fff;
            font: 22px "Century Gothic", Tahoma, Helvetica, "Arial Black", sans-serif;
            position: absolute;
            top: 188px;
            right: 0px;
            left: 110px;
        }
        
        #subheader #pagetitle {
            margin: 0px;
            padding: 0px 0px 0px 110px;
            width: 65%;
            color: #fff;
            float: left;
            font: 30px "Century Gothic", Tahoma, Helvetica, "Arial Black", sans-serif;
            line-height: 93px;
            clear: left;
        }
        #subheader.publisher #pagetitle, #subheader.advertiser #pagetitle {
            display: none;
        }
        #subheader #loginForm {
            margin: 0px;
            padding: 5px;
            display: block;
            width: auto;
            height: auto;
            position: absolute;
            top: 0px;
            right: 0px;
            background-color: #333;
            -webkit-border-radius: 0px 0px 0px 10px;
            -moz-border-radius: 0px 0px 0px 10px;
            border-radius: 0px 0px 0px 10px;
        }
            #loginForm label {
                color: #fff;
            }
            #loginForm input[type='text'], #loginForm input[type='password'] {
                margin: 0px 5px 0px 0px;
                padding: 2px 5px;
                border: none;
                background-color: #fff;
                -webkit-box-shadow: 0px 0px 4px #000;
                -moz-box-shadow: 0px 0px 4px #000;
                box-shadow: 0px 0px 4px #000;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
            }
            #loginForm #loginSubmit {
            
            }
        #subheader #snapshot {
            margin: 6px 0px;
            padding: 0px;
            width: 20%;
            float: right;
            list-style: none;
            clear: right;
        }
        #subheader.logged.adv #snapshot {
            margin: 20px 0px;
        }
            #snapshot td {
                margin: 0px;
                padding: 0px;
                color: #fff;
                font: 11px "Century Gothic", Tahoma, Helvetica, "Arial Black", sans-serif;
                line-height: 13px;
                letter-spacing: .03em;
            }
            #snapshot .snapshotRow {
                text-align: right;
            }
            #snapshot .snapshotDollars {
                padding-left: 10px;
                text-align: left;
            }
            #snapshot #download_link a {
                color: #fff;
            }
                
    #maincontainer {
        margin: 0px;
        padding: 0px;
        width: 100%;
        vertical-align: top;
        background-color: #fff;
        border-style: none solid;
        border-width: thin;
        border-color: #ccc;
    }
        #lcontainer {
            margin: 0px;
            padding: 0px 5px 0px 15px;
            width: 150px;
            vertical-align: top;
        }
            #lcontainer #lefttitle {
                margin: 10px 0px;
                padding: 0px;
                color: #000;
                font-size: 18px;
            }
            #lcontainer .containerHeader {
                margin: 10px 0px 10px;
                padding: 0px;
                color: #000;
                font: bold 16px "Century Gothic", Tahoma, Helvetica, "Arial Black", sans-serif;
            }
            #lNav {
                margin: 0px;
                padding: 0px;
                list-style: none;
            }
                #lNav li {
                    margin: 0px;
                    padding: 0px;
                    display: block;
                    color: #999;
                    font: 12px Tahoma, Helvetica, "Arial Black", sans-serif;
                    line-height: 16px;
                }
                    #lNav li a {
                        margin: 0px;
                        padding: 0px;
                        display: inline;
                        color: #CC6600;
                        text-decoration: none;
                    }
            
        #maincontent {
            margin: 0px;
            padding: 10px 20px 10px 5px;
            min-height: 300px;
            vertical-align: top;
        }
        #maincontainer.single #maincontent {
            padding: 10px 30px;
        }
            #maincontent a img {
                border: none;
            }

    #footer {
        margin: 0px;
        padding: 0px;
        height: 160px;
        background: transparent url('../images/skin/footerbg.png') no-repeat center 40px;
    }
        #subcontent {
            margin: 0px 1px;
            padding: 0px;
            height: 58px;
            background: transparent url('../images/skin/callouts.png') no-repeat center top;
        }


/* hp_styles overwrite */

.formLabel {
    font-size: 12px;
}
.formField, .TextArea, #subject, #initials, #search {
    font-weight: normal;
    color: #000;
    background-color: #fff;
}

.TextArea {
    min-width: 100px;
    max-width: 600px;
    min-height: 20px;
    max-height: 200px;
}

#search {
    background: #ffff !important;
    color: #000;
}

.regularTextSmall {
    font-size: 12px;
}

.passrow .formLabel {
    width: 45%;
}

.passrow > td > div, .profilerow > td > div {
    text-align: left;
}
.passrow > td > div > input, .profilerow > td > div > input {
    position: relative;
    left: 32%;
}

#maincontent tr > td.verySmallText {
    line-height: 10px;
}
#maincontent tr > td > table[bgcolor="cecece"] {
    background-color: #fff;
}

#maincontent > span + hr {
    margin: 20px 0px;
}

@charset "UTF-8";
/* ## New Affiliate Application ## */
#appform {
   padding-top: 40px;
}

a.anchor, a.previousBtn, a.nextBtn, a.readthisBtn, a.w9downloadBtn {
   display: block;
   font-family: Arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
   background: transparent url('../images/skin/appbtn.png') repeat-x center center;
   color: #fff;
   margin: 2px;
   padding: 5px;
   border: 1px solid #999;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   text-decoration: none;
   white-space: nowrap;
   text-indent: 0px;
   text-align: center;
}
a.readthisBtn {
   display: inline;
   width: 50px;
   font-size: 10px;
   font-weight: normal;
}

a.anchor {
	padding-left: 8px;
	padding-right: 8px;
	width: 200px;
}
a.previousBtn {
	padding-left: 8px;
	padding-right: 8px;
	width: 50px;
}
a.nextBtn     { width: 50px; }
a.w9downloadBtn {
    margin: 0px auto;
    padding: 0px;
    display: block;
    width: 30%;
    height: 35px;
    line-height: 35px;
}

a.nextBtn:hover, a.w9downloadBtn:hover, a.submitBtn:hover, a.previousBtn:hover, a.anchor:hover, a.readthisBtn:hover {
   color: #fff;
   text-decoration: underline;
}
a.w9downloadBtn:hover  {
    background-position: center bottom;
}
.applicationheader {
    text-align: center;
    padding-bottom: 40px;
    /* border-bottom: 1px solid #CCCCCC; */
    display: block;
}
.activestep, .activestepID {
   display: block;
   font-family: "Century Gothic", Arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
   border-color: #ccc;
   border-style: solid;
   border-width: 1px;
   background: #fff url('../images/skin/appbg.png') repeat-x center center;
   color: #fff;
   margin: 1px 5px 1px 0px;
   padding: 5px;
   float: left;
}
.activestep {
   border-left: none;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   padding-right: 10px;
}
.activestepID {
   width: 12px;
   border-right: none;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   margin: 1px 0px 1px 1px;
}
.inactivestep, .inactivestepID {
   display: block;
   font-family: "Century Gothic", Arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
   border-color: #CDD2D6;
   border-style: solid;
   border-width: 1px;
   background: #fff;
   color: #3E4145;
   margin: 1px 5px 1px 0px;
   padding: 5px;
   opacity: .4;
   filter: alpha(opacity = 40);
   float: left;
}
.inactivestep {
   border-left: none;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   padding-right: 10px;
}
.inactivestepID {
   width: 12px;
   border-right: none;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   margin: 1px 0px 1px 1px;
}
.warning {
	font-size: 11px;
	font-weight:bold;
}
.notifyValid, .notifyInvalid {
   width: 18px;
   height: 18px;
   font-family: Arial, sans-serif; 
   font-size: 12px;
   font-weight: normal;
   text-align: center;
   position: relative;
   background-repeat: no-repeat;
   line-height: 1.4em;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}
.notifyInvalid {
    color: #c00;
    border: 1px solid #c00;
}
.notifyValid   {
    color: #0a0;
    border: 1px solid #0a0;
}

.imNotifyWrapper{
	position:relative;
	white-space:nowrap;
	width:80px;
	vertical-align:middle;
	margin: -10px 0px 0px 0px;
}

#improtoNotify  {margin-left:25px;} /*This pushes this so the two divs that hold the notifications don't overlapp*/

#passNotify, #unameNotify{width:60px} /*This adjust the size of the notification container so it clears the bigger message when using text mode*/

.notifyEmpty{
	position:relative;
	width:18px;
}
.requiredField {
    color: #f00;
}
#fnameinitial, #lnameinitial {
    color: #f00;
}
#completedfname, #completedlname {
    color: #000;
}

/* ## Replace hp_styles.css styles ## */
.reporttable {
	margin: 0px !important;
}