@charset "utf-8";

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin:0px;
	padding:0px;
}
#page{
	position:relative;
	width:1000px;
	text-align: left;
	margin: 0 auto;
}
#container {
	margin:0;
	padding:0;
	width:100%;
	position:relative;
}
#loginBlurb {
	margin-left:30px;
	width:270px;
	position:absolute;
	top:0;
	left:0;
}
#loginBlurb h1 {
	font-size:18px;
	font-weight:bold;
}
#loginBlurb p {
	font-size:14px;
	color: #666;
	line-height:18px;
	padding:11px 0 9px;
}
#loginBlurb a {
	font-size:14px;
	font-weight:bold;
}
.panel {
 	border-top:solid 6px #CC0033;
	border-bottom:solid 1px #BFBFBF;
	border-right:solid 1px #BFBFBF;
	border-left:solid 1px #BFBFBF;
}

/* Before Okta changes 
#loginPanel {
	position:relative;
	width:640px;
	padding:10px;
	top:0;
	left:338px;
	font-size:11px;
	color:#000000;
	margin-bottom:20px;
}
 */
 /* Changes for Okta login*/
#loginPanel {
	position:relative;
	width:510px;
	padding:75px;
	top:0;
	left:338px;
	font-size:11px;
	color:#000000;
	margin-bottom:20px;
}

#loginPanel label {
    font-weight: bold;
    line-height: 22px;
    position:absolute;
}
.resetPwdTextBoxDisabled input {
	margin-top:8px;
	background-color:#efefef;
	color:grey;
}
#userid, #password {
    border:solid 1px #BFBFBF;
	padding:3px;
	margin:0 0 8px 74px;
    width: 220px;
    height:14px;
}
#userid2, #newPassword, #passcode {
    border:solid 1px #BFBFBF;
	padding:3px;
	margin:0 0 8px 120px;
    width: 176px;
    height:14px;
}
#loginPanel #loginPanelLeft {
	position:relative;
	width:300px;
}
#loginPanelLeft h1 {
	color:#c03;
	font-size:16px;
	font-weight:bold;
	padding-bottom:12px
}
#confirmResetPanel {
	padding-bottom:80px;
}
.forgotPwdLoginHelp {
	font-weight: bold;
    margin-left: 100px;
    padding: 3px 0;
}
.forgotPwdText {
	margin:10px 0;
}
.resetPwdText {
	margin-bottom:10px;
}
#loginButton {
	margin-top:2px;
}
#rememberme{
	margin:0 5px 0 12px;
}
#errmsg {
	margin-top:3px;
	font-weight:bold;
	color:#c03;
}
.loginText {
	margin-left:75px;
}
.forgotPassword {
	margin-left:75px;
	padding:3px 0;
	font-weight:bold;
}
.forgotPwdErrMsg {
	margin-top:3px;
	font-weight:bold;
	color:#c03;
}
/* Before Oktat changes 
#loginPanel #loginPanelRight {
	position:absolute;
	width:300px;
	border-top: solid 3px #666;
	left:340px;
	top:42px;
	padding-bottom:15px;
} */
/* Changes for Okta login*/
#loginPanel #loginPanelRight {
	position:absolute;
	width:300px;
	border-top: solid 3px #666;
	left:250px;
	top:21px;
	padding-bottom:21px;
}
#loginPanelRight h1 {
	font-size:12px;
	border-bottom: solid 1px #666;
	line-height:25px;
	padding-left:7px;
}
#loginPanelRight a {
	font-size:11px;
	font-weight:bold;
}
#loginPanelRight .contactUsText {
	font-weight: bold;
	border-bottom:dotted 1px #666666;
	padding:5px 0 5px 7px;
}
#loginPanelRight .contactUsText span {
	font-weight: normal;
	padding-left:10px;
	position:absolute;
	left:70px;
}
#iapProducts {
	background-color:#EFEFEF;
	padding:15px 20px;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	position:relative;
}
#iapProducts p{
	padding: 0 10px;
	line-height:16px;
}
#iapProducts .viewDemo {
	text-align:right;
	border-top:dotted 1px #666666;
	position:absolute;
	bottom: 10px;
	width:280px;
	left:10px;
	padding:7px 0 2px;
	font-size:14px;
}
#iapProducts h1 {
	font-size: 16px;
	color: #000000;
	border-bottom:solid 1px #666666;
	line-height: 30px;
	padding-left: 10px;
	margin-bottom: 15px;
}
#leftProd{
	margin-bottom:15px;
	position:relative;
}
#centerProd {
	position:absolute;
	top:15px;
	left:348px;
	margin-bottom:15px;
}
#rightProd {
	position:absolute;
	top:15px;
	left:678px;
	padding-right:0;
	margin-bottom:15px;
}
#rightProd h1 span {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #cc0033;
}
.prodPanel {
	border-top:solid 3px #666666;
	background-color:#FFFFFF;
	width:300px;
	height:176px;
}
#imageProd {
	width:958px;
	height:305px;
}
#diagramImage {
	background-image: url(../images/IAP-Launch-Email-Diagram-BA_02_2013.png);
	background-repeat: no-repeat;
	background-position: center;
    width:936px;
	height:246px;
}

/*ITEMS THAT SHOULD BE RESTYLED FOR THE FORGOT PASSWORD POP-UP BOX*/
.loginborder-top-20 {
    background-color: #EEEEEE;
    border-top-color: #6B6B6B;
    border-top-style: solid;
    border-top-width: 1px;
    height: 19px;
}
.loginborder-bottom-20 {
    background-color: #EEEEEE;
    border-bottom-color: #6B6B6B;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    height: 19px;
}
.loginborder-left-20 {
    background-color: #EEEEEE;
    border-left-color: #6B6B6B;
    border-left-style: solid;
    border-left-width: 1px;
    width: 19px;
}
.loginborder-right {
    background-color: #EEEEEE;
    border-right-color: #6B6B6B;
    border-right-style: solid;
    border-right-width: 1px;
    width: 19px;
}
.loginborder-center {
    background-color: #EEEEEE;
    font-size: 10px;
}
.lgoinbutton {
     background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/login_button.gif");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    border-bottom-style: none;
    border-bottom-width: 0;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: -moz-use-text-color;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: none;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 0;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: -moz-use-text-color;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: none;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 0;
    border-top-color: -moz-use-text-color;
    border-top-style: none;
    border-top-width: 0;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    height: 22px;
    text-align: center;
    width: 59px;
}
.loginborder {
    margin-left: auto;
    margin-right: auto;
    width: 260px;
}
.logintitle {
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center;
}
.loginborder-center {
    font-size: 10px;
}
.blackbold-rightalign {
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    width:150px;
}
.login-ul {
    line-height: 20px;
    margin-top: 15px;
	text-align: left;
	margin-left: 15px;
}
.bgbluetitle {
    color: #FFFFFF;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
/*Login Help box begin*/
#loginHelp {
	text-align:left;
	padding:15px;
	font-size:11px;
}
#loginHelp .subSection h2{
	border-top: 3px solid #c03;
	border-bottom: 1px solid #666;
	font-size:11px;
	margin:10px 0;
	padding:5px 0;
}
#loginHelp .subSection th {
	color:#666;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding:5px 0;
	text-align: left;
}
#loginHelp .subSection td {
	color:#666;
	border-bottom: 1px dotted #666;
	padding:5px 0;
}
#loginHelp .subSection table {
	margin:10px 0 20px;
}
#loginHelp .subSection ol {
	margin-left:20px;
}
#loginHelp .subSection li {
	padding-bottom:5px;
}

/*Login Help box end*/