@import "utility.css";

body {
	text-align: left; 
	padding: 0px; 
	font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; 
	color: #404048;
	margin: 10px;
	background-color: #e5e6e8;
}

/* @group WRAPPER */

#KioskWrapper {
	display: table-cell; vertical-align: middle;
}

#top_wrapper {
	width: 1013px;
	height: 9px;
	margin: 0px auto;
	margin-top: 20px;
	background: url(../images/common/top.png) no-repeat;
}

#wrapper {
	width: 977px;
	margin: 0px auto;
	margin-top: -5px;
	background: url(../images/common/middle.png) repeat-y;
	padding-left: 18px;
	padding-right: 18px;
}

#bot_wrapper {
	width: 1013px;
	margin: 0px auto;
	background: url(../images/common/bottom.png) no-repeat;
	height: 13px;
}
	
/* @end */

/* @group TOP */

#top {
	width: 100%;
	height: 45px;
	margin: 0px auto;
	margin-top: 5px;
	padding-top: 19px; 
	font: 26px "Lucida Grande", Helvetica, Arial, sans-serif;
	padding-bottom: 5px;
	overflow: hidden;
}

#logo {
	background: url(../images/common/logo.png) no-repeat;
	position: relative;
	top: -10px;
	width: 83px;
	height: 56px;
}

#top .store {
	color: #404048;
}

#top .app {
	padding-left: 12px;
	color: #404048;
}

/* @end */

/* @group MAIN */

#main {
	background-color: #deeef9;
	border: 1px solid #b2b2b2;
	width: 100%;
	height: 300px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#main-sidebar {
	background-color: #deeef9;
	border: 1px solid #b2b2b2;
	width: 100%;
	height: 300px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#main-ac-sidebar {
	background-color: #fff;
	border: 1px solid #b2b2b2;
	width: 100%;
	height: 300px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#main-ac-sidebar h2,p{
	margin-left: 20px;
	margin-top: 20px;
}


#content {
	float: right;
	height: 350px;
	width: 645px;
	background-color: #fafafa;
	padding: 20px 20px 10px;
	border-left: 1px solid #b2b2b2;
}
#content-signin {
	float: right;
	height: 500px;
	width: 645px;
	background-color: #fafafa;
	padding: 20px 20px 10px;
	border-left: 1px solid #b2b2b2;
}

#content .DSError{
	color: red;
	font: 12px "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: left;
	width: ;
}

#content-full {
	height: 300px;
	width: 937px;
	padding: 20px 20px 10px;
	background-color: #fafafa;
}

#divider {
	width: 100%;
	height: 31px;
	margin: 0px auto;
	background: url(../images/common/divider.gif) repeat-x  center;
}

#navbuttons {
	width: 100%;
	height: 42px;
	margin: 0px auto;
	padding-bottom: 5px;
}
#navbuttons .back {
	background: url(../images/common/arrow_back.png) no-repeat left;
	min-width: 100px;
	height: 31px;
	cursor: pointer;
	float: left;
	position: relative;
	font: 16px/31px "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: left;
	vertical-align: middle;
	color: #404048;
	text-decoration: none;
	text-indent: 40px;
}
#navbuttons .back:hover {
	background: url(../images/common/arrow_back_hover.png) no-repeat left;
	color: #232328;
}
#navbuttons .exit {
	background: url(../images/common/cancel.png) no-repeat right;
	width: 105px;
	height: 31px;
	cursor: pointer;
	float: left;
	position: relative;
	font: 16px/31px "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: left;
	vertical-align: middle;
	color: #404048;
	text-decoration: none;
	text-indent: 40px;
	direction: rtl;
	margin-right: 2em;
}
#navbuttons .exit:hover {
	background: url(../images/common/cancel_hover.png) no-repeat right;
	color: #232328;
}
#navbuttons .next {
	background: url(../images/common/arrow_next.png) no-repeat right;
	width: 100px;
	height: 31px;
	cursor: pointer;
	float: left;
	position: relative;
	font: 16px/31px "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: left;
	vertical-align: middle;
	color: #404048;
	text-decoration: none;
	text-indent: 40px;
	direction: rtl;
}
#navbuttons .next:hover {
	background: url(../images/common/arrow_next_hover.png) no-repeat right;
	color: #232328;
}
#navbuttons #disablednextbutton {
	background: url(../images/common/arrow_next_off.png) no-repeat right;
	width: 100px;
	height: 31px;
	cursor: pointer;
	float: left;
	position: relative;
	font: 16px/31px "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: left;
	vertical-align: middle;
	color: #cacaca;
	text-decoration: none;
	text-indent: 40px;
	direction: rtl;
}
#navbuttons .confirm {
	background: url(../images/common/arrow_next.png) no-repeat right;
	min-width: 100px;
	height: 31px;
	cursor: pointer;
	float: left;
	position: relative;
	font: 16px/31px "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: left;
	vertical-align: middle;
	color: #404048;
	text-decoration: none;
	text-indent: 40px;
	direction: rtl;
}

#navbuttons .inprogress {
	background: url(../images/common/wait.gif) no-repeat right;
	min-width: 100px;
	height: 31px;
	cursor: pointer;
	float: left;
	position: relative;
	font: 16px/31px "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: left;
	vertical-align: middle;
	color: #404048;
	text-decoration: none;
	text-indent: 40px;
	direction: rtl;
}

#navbuttons .confirm:hover {
	background: url(../images/common/arrow_next_hover.png) no-repeat right;
	color: #232328;
}
#navbuttons .left {
	float: left;
}

#navbuttons .right {
	float: right;
}

#navbuttons .right a {
	padding-left: 10px;
}

#buttons {
	width: 100%;
	height: 42px;
	margin: 0px auto;
}

#buttons .left {
	float: left;
}

#buttons .right {
	float: right;
}
/* @end */

/* @group BOTTOM */

#bottom {
	width: 100%;
	margin: 0px auto;
	text-align: center;
	height: 45px;
}

#bottom .buttons {
	width: 833px;
	margin: 0px auto;
	text-align: center;
}

#bottom .left {
	float: left;
}

#bottom .right {
	float: right;
}

#bottom .viewedit {
	width: 300px;
	height: 31px;
	cursor: pointer;
	float: left;
	position: relative;
	font: 16px/31px "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: left;
	vertical-align: middle;
	color: #404048;
	background: url(../images/common/check.png) no-repeat;
	text-decoration: none;
	text-indent: 40px;
}
#bottom .viewedit:hover {
	background: url(../images/common/check_hover.png) no-repeat;
	color: #232328;
	/*text-decoration: underline;*/
}
#bottom .pickup {
	min-width: 180px;
	height: 31px;
	cursor: pointer;
	float: left;
	position: relative;
	font: 16px/31px "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: left;
	vertical-align: middle;
	color: #404048;
	background: url(../images/common/pickup.png) no-repeat right;
	text-decoration: none;
	direction: rtl;
	text-indent: 40px;
}
#bottom .pickup:hover {
	background: url(../images/common/pickup_hover.png) no-repeat right;
	color: #232328;
	/*text-decoration: underline;*/
}

#bottom p {
	padding: 0;
	color: #404048;
	text-align: center;
}

/* @end */

/* @group SIDEBAR */

#sidebar {
	width: 280px;
	min-height: 300px;
	background: #deeef9;
	height: 100%;
	float: left;
}

#sidebar .title {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 70px 0 0;
	font: 32px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #404048;
}

#sidebar .titleSmall {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 70px 0 0;
	font: 26px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #404048;
}

#sidebar p {
	margin-left: 30px;
	margin-right: 30px;
	color: #404048;
	margin-top: 0;
	font: 15px Verdana, Arial, Helvetica, sans-serif;
}

#sidebar a {
	color: #404048;
}
	
/* @end */

/* @group GRAYFORM */

.grayform {
	padding: 20px;
	color: #404048;
	font: 17px "Lucida Grande", Helvetica, Arial, sans-serif;
	border-top: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	border-left: 1px solid #b2b2b2;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background: white;
}

/* @end */

/* @group TILES */
#tiles {
	margin: 0px;
	margin-bottom: 22px;
}

#tiles .userWelcomeBold {
	font: 21px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #404048;
}

#tiles .userWelcome {
	color: #404048;
	font: 17px "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: left;
	margin: 0px auto;
	margin-bottom: 30px;
}
#tiles .blue {
	font: 17px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #a3cdf4;
}
#tiles a {
	text-decoration: none;
}
#tiles1 {
	width: 160px;
	margin: 0px;
	margin-bottom: 22px;
}

#tiles2 {
	width: 338px;
	margin: 0px;
	margin-bottom: 22px;
}

#tiles3 {
	width: 100%;
	margin: 0px auto;
	margin-bottom: 22px;
}

#tiles5 {
	width: 837px;
	margin: 0px auto;
	margin-bottom: 22px;
}

#tiles .wide3 {
	width: 504px;
	margin: 0px auto;
	margin-bottom: 22px;
}

#tiles .row {
	margin: 0px auto;
}

#tiles .centered {
	margin: 0px auto;
	text-align: center;
	width: 160px;
}
#tiles h2 {
	color: #404048;
	font: 21px "Lucida Grande", Helvetica, Arial, sans-serif;
	margin-top: 0px;
	margin-bottom: 6px;
}
#tiles .title {
	color: #404048;
	font: 16px "Lucida Grande", Helvetica, Arial, sans-serif;
	margin-top: 4px;
	margin-bottom: 6px;
	margin-left: auto;
	margin-right: auto;
}
#tiles .button {
	width: 150px;
	height: 139px;
	margin-right: 17px;
	height: auto;
	cursor: pointer;
	float: left;
	position: relative;
	display: block;
}
#tiles .bigbutton {
	width:189px;
	height: 159px;
	margin-right: 17px;
	height: auto;
	cursor: pointer;
	float: left;
	position: relative;
	display: block;
}
.hilite { 
	display: none; 
	z-index: 200; 
	left: 0px;
}
.bighilite { 
	display: none; 
	z-index: 200; 
	left: 0px;
}
#tiles .button:hover .hilite {
	width: 150px;
	height: 139px;
	display: block;
	top: 0px;
	background-image: url(../images/buttons/tall_hover.png);
	background-repeat: no-repeat;
	z-index: 200;
	position: absolute;
}
#tiles .bigbutton:hover .bighilite {
	width:189px;
	height: 159px;
	display: block;
	top: 0px;
	background-image: url(../images/buttons/biggest-hilite.png);
	background-repeat: no-repeat;
	z-index: 200;
	position: absolute;
}
#tiles #consumerapps {
	margin-right: 100px;
}
#tiles .popup {
	width: 200px;
	display: block;
	float: left;
	font-size: 2em;
}





/* @end */


/* @group SIGNIN */

#signin {
	width: 591px;
	margin: 0px auto;
	margin-top: 40px;
}

#signin .grayform {
	border: 0;
	background: none;
}

#signin .middle {
	margin-top: 100px;
}

#signin p {
	margin-top: 0px;
	margin-bottom: 12px;
	padding: 0;
}

#signin a {
	margin-right: 14px;
}

#signin .text {
	font: 20px/28px "Myriad Set", "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #404048;
	padding: 4px;
}

#signin .nopad {
	padding-top: 12px;
	padding-bottom: 0px;
	padding-left: 4px;
}

#signin .optional {
	color: #404048;
}

#signin .required {
	color: red;
	font-weight: bold;
}

#errorFirstName {
	color: red;
	font-weight: bold;
	font-size:10px
}

#errorLastName {
	color: red;
	font-weight: bold;
	font-size:10px
}

#errorPassword {
	color: red;
	font-weight: bold;
	font-size:10px
}

#errorPSPassword {
	color: red;
	font-weight: bold;
	font-size:10px
}

#errorOldPwd {
	color: red;
	font-weight: bold;
	font-size:10px
}

#errorDataTransfer {
	color: red;
	font-weight: bold;
	font-size:10px
}

#errorFirstNamePronounce {
	color: red;
	font-weight: bold;
	font-size:10px
}

#errorLastNamePronounce {
	color: red;
	font-weight: bold;
	font-size:10px
}

#errorEmail {
	color: red;
	font-weight: bold;
	font-size:10px
}

#errorSecQuestion {
	color: red;
	font-weight: bold;
	font-size:10px
}

#errorMobileMePwd {
	color: red;
	font-weight: bold;
	font-size:10px;
	text-align: center
}

#errorDOBMissing {
	color: red;
	font-weight: bold;
	font-size:10px;
	text-align: center
}

#errorBusinessName {
	color: red;
	font-weight: bold;
	font-size:10px
}


#errorProcare {
	color: red;
	font-weight: bold;
	font-size:10px	
}

#errorContactNumber {
	color: red;
	font-weight: bold;
	font-size:10px	
}

#erroriPhoneNumber {
	color: red;
	font-weight: bold;
	font-size:10px	
}
#enablednextbutton {
	display:none;
	vertical-align:top;
}

#psEnabledNextButton {
	display:block;
	vertical-align:top;
}

#inProgressSpan {
	display:none;
	vertical-align:top;
}

#disablednextbutton {
	display:block;
	vertical-align:top;
}

#psDisabledNextButton {
	display:none;
	vertical-align:top;
}

/* @end */


/* @group PICKER */

#picker {
        font: 16px "Lucida Grande", Helvetica, Arial, sans-serif;
        margin: 0px auto;
        padding-top: 0;
        padding-left: 20px;
        padding-right: 0;
        padding-bottom: 20px;
}
#picker .stores {
        width: 230px;
        float: left;
        display: block;
}
#picker .stores a {
        color: #529de1;
        text-decoration: none;
}
#picker .link {
        text-decoration: none;
        font: 11px "Lucida Grande", Helvetica, Arial, sans-serif;
        padding: 10px;
}
#picker .stores .grayform {
        padding: 0;
}
#picker .stores ul {
        list-style: none;
        margin: 0;
        padding: 0;
}
#picker .stores ul li {
        padding-left: 0;
        text-decoration: none;
        font: normal 12px "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
        color: black;
        width: 100%;
        height: 40px;
        display: block;
        text-overflow: ellipsis;
        overflow:hidden;
        border-bottom: 1px solid #b2b2b2;
        text-indent: 4px;
        padding-top: 4px;
}
#picker .stores ul li:hover {
	 background-color: #ececec;
}
#picker .stores ul li.first {
        -webkit-border-top-left-radius: 8px;
        -webkit-border-top-right-radius: 8px;
        padding-top: 3px;
}
#picker .stores ul li.last {
        border-bottom: none;
        -webkit-border-bottom-left-radius: 8px;
        -webkit-border-bottom-right-radius: 8px;
}
#picker .stores ul li.selected {
        background-color: #deeef9;
}
#picker .availability {
        display: block;
        font-size: 10px;
        text-indent: 4px;
        padding-top: 6px;
        color: #76797c;
}
#picker .stores ul li a:active {
        color: white;
        background: rgb(166,180,203);
        text-overflow: ellipsis;
        overflow:hidden;
}
#picker .times-full {
       
}
#picker .times-partial {
      	width: 695px;
      	float: right;
      	padding-left: 0px;
      	padding-right: 0px;
}

#picker p {
        margin-top: 0px;
        margin-bottom: 8px;
        padding: 0;
        color: #404048;
}

#picker .today {
        color: #404048;
}

#picker .grayform {
        padding-left: 10px;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 10px;
        margin-bottom: 20px;
}
#picker .grayform p {
        font-size: 14px;
}
#picker .grayform p a {
        color: #529de1;
        text-decoration: none;
}
#picker .dateback {
        float: left;
        margin-top: 9px;
        padding-right: 10px;
}

#picker .datenext {
        float: right;
        margin-top: 9px;
}

#picker .back {
        float: left;
        margin-top: 4px;
        padding-right: 10px;
}

#picker .next {
        float: right;
        margin-top: 4px;
}

#picker .date {
        font: 12px "Lucida Grande", Helvetica, Arial, sans-serif;
}

#picker .button {
        font: 16px "Lucida Grande", Helvetica, Arial, sans-serif;
        width: 187px;
        height: 30px;
        color: #404048;
        text-decoration: none;
        text-align: center;
        padding-top: 11px;
        margin-right: 6px;
        margin-left: 6px;
        cursor: pointer;
        position: relative;
        display: block;
        float: left;
        background: url(../images/buttons/button.png) no-repeat;
}

#picker .hilite { display: none; z-index: 200; }

#picker .button:hover .hilite {
        width: 187px;
        height: 40px;
        top: 0px;
        display: block;
        background-image: url(../images/buttons/button-hilite.png);
        z-index: 120;
        position: absolute;
}

#picker .button-pressed {
        font: 16px "Lucida Grande", Helvetica, Arial, sans-serif;
        width: 187px;
        height: 30px;
        color: #404048;
        text-decoration: none;
        text-align: center;
        padding-top: 11px;
        margin-right: 6px;
        margin-left: 6px;
        cursor: pointer;
        position: relative;
        display: block;
        float: left;
        background: url(../images/buttons/button-pressed.png) no-repeat;
}

#picker .button120 {
        font: 16px "Lucida Grande", Helvetica, Arial, sans-serif;
        width: 120px;
        height: 30px;
        color: #404048;
        text-decoration: none;
        text-align: center;
        padding-top: 11px;
        margin-right: 6px;
        margin-left: 6px;
        cursor: pointer;
        position: relative;
        display: block;
        float: left;
        background: url(../images/buttons/button120.png) no-repeat;
}

#picker .button120:hover .hilite {
        width: 120px;
        height: 40px;
        top: 0px;
        display: block;
        background-image: url(../images/buttons/button120-hilite.png);
        z-index: 120;
        position: absolute;
}

#picker .button120-pressed {
        font: 16px "Lucida Grande", Helvetica, Arial, sans-serif;
        width: 120px;
        height: 30px;
        color: #404048;
        text-decoration: none;
        text-align: center;
        padding-top: 11px;
        margin-right: 6px;
        margin-left: 6px;
        cursor: pointer;
        position: relative;
        display: block;
        float: left;
        background: url(../images/buttons/button120-pressed.png) no-repeat;
}
#picker .button150 {
        font: 16px "Lucida Grande", Helvetica, Arial, sans-serif;
        width: 150px;
        height: 30px;
        color: #404048;
        text-decoration: none;
        text-align: center;
        padding-top: 11px;
        margin-right: 8px;
        margin-left: 8px;
        cursor: pointer;
        position: relative;
        display: block;
        float: left;
        background: url(../images/buttons/button150.png) no-repeat;
}

#picker .button150:hover .hilite {
        width: 150px;
        height: 40px;
        top: 0px;
        display: block;
        background-image: url(../images/buttons/button150-hilite.png);
        z-index: 120;
        position: absolute;
}

#picker .button150-pressed {
        font: 16px "Lucida Grande", Helvetica, Arial, sans-serif;
        width: 150px;
        height: 30px;
        color: #404048;
        text-decoration: none;
        text-align: center;
        padding-top: 11px;
        margin-right: 8px;
        margin-left: 8px;
        cursor: pointer;
        position: relative;
        display: block;
        float: left;
        background: url(../images/buttons/button150-pressed.png) no-repeat;
}

/* @end */

.timespans {
	width: 742px;
	height: 42px;
	overflow: hidden;
	display: block;
}

.timespans li {
	display: inline;
	list-style: none;
	margin: 0;
}

.timespans li a { 
	text-decoration: none;
	display: block;
}

.hidetime {
	display: none;
}

.showtime {
	display: block;
}

/* @end */

/* @group CONFIRM */

#confirm {
	font: 22px "Lucida Grande", Helvetica, Arial, sans-serif;
	margin: 0px auto;
	padding: 20px;
}

#confirm p {
	margin-top: 0px;
	margin-bottom: 22px;
	padding: 0;
	color: black;
	text-align: center;
}

#confirm .blue {
	color: #404048;
	margin-bottom: 8px;
}

#confirm .grayform {
	margin-top: 30px;
	margin-bottom: 15px;
}

#confirm .grayform p {
	font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #404048;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 0px;
}

#confirm .grayform h2 {
	font: 22px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #404048;
	text-align: left;
	margin-bottom: 14px;
	margin-top: 0px;
}

#confirm .instructions {
	color: #404048;
	font: 13px "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: left;
	margin: 0 0 0 5px;
	padding: 0;
}

#confirm .psconfmessage {
	color: #404048;
	font: 17px "Lucida Grande", Helvetica, Arial, sans-serif;
	margin-top: 0px;
	margin-bottom: 22px;
	padding: 0;
	text-align: center;
}

/* @end */

/* @group REPAIR */

#repair {
	font: 26px "Lucida Grande", Helvetica, Arial, sans-serif;
	margin: 0px auto;
	padding: 50px;
}

#repair .grayform {
	margin-bottom: 150px;
}

#repair .grayform h2 {
	font: 26px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #404048;
	margin-top: 5px;
	text-align: center;
}

#repair .grayform p {
	font: 26px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #404048;
	margin-top: 20px;
	margin-bottom: 0px;
	text-align: center;
}
	
/* @end */

/* @group TOPICS */

#topics {
	font: 16px "Lucida Grande", Helvetica, Arial, sans-serif;
	width: 872px;
	padding: 0;
	margin: 0px auto;
}

#topics p {
	margin-top: 0px;
	margin-bottom: 6px;
	padding: 0;
	color: #404048;
}

#topics h1 {
	font: 22px "Lucida Grande", Helvetica, Arial, sans-serif;
	margin-top: 0px;
	margin-bottom: 16px;
	padding: 0;
	color: #404048;
}

#topics .today {
	color: #404048;
}

#topics .grayform {
	padding-left: 0px;
	padding-top: 8px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-bottom: 20px;
}

#topics .consumer {
	float: left;
	width: 48%;
}

#topics .pro {
	float: right;
	width: 48%;
}

#topics a {
	margin-right: 8px;
	margin-left: 8px;
	margin-bottom: 10px;
}

#topics .spacer {
	float: left;
	width: 62px;
	display: block;
	position: relative;
	background: url(../images/common/spacer.gif) repeat-x;
	padding: 1px;
}

#topics .button {
	font: 16px "Lucida Grande", Helvetica, Arial, sans-serif;
	width: 187px;
	height: 30px;
	color: #404048;
	text-decoration: none;
	text-align: center;
	padding-top: 11px;
	margin-right: 10px;
	margin-left: 10px;
	cursor: pointer;
	position: relative;
	display: block;
	float: left;
	background: url(../images/buttons/button.png) no-repeat;
}

#topics .button-pressed {
	font: 16px "Lucida Grande", Helvetica, Arial, sans-serif;
	width: 187px;
	height: 30px;
	color: #404048;
	text-decoration: none;
	text-align: center;
	padding-top: 11px;
	margin-right: 10px;
	margin-left: 10px;
	cursor: pointer;
	position: relative;
	display: block;
	float: left;
	background: url(../images/buttons/button-pressed.png) no-repeat;
}

#topics .hilite { display: none; z-index: 200; }

#topics .button:hover .hilite {
	width: 187px;
	height: 40px;
	top: 0px;
	display: block;
	background-image: url(../images/buttons/button-hilite.png);
	z-index: 120;
	position: absolute;
}

/* @end */

/* @group MESSAGE */

#message {
	font: 16px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; 
	margin: 0px;
	padding: 20px;
}

#message p {
	font-size: 16px;
	color: #404048;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 22px;
	padding-left: 85px;
	padding-right: 85px;
}

#message .grayform {
	margin-bottom: 15px;
}

#message .grayform p {
	font-size: 20px;
	color: #404048;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 0px;
	padding: 0px;
}

#message .grayform p a {
	text-decoration:none;
	color: #529de1;
}

#message .grayform p a:hover {
	text-decoration:underline;
	color: #529de1;
}

#message .grayform ul {
	margin-top: 0px;
	list-style: none;
}


#message .grayform li {
	margin-bottom: 10px;
}

#message .radio {
	margin-right: 10px;
}

#message .grayform .blue {
	color: #404048;
	margin-bottom: 8px;
}

#message .instructions {
	font-size: 13px;
	text-align: center;
	color: #404048;
	margin: 0 0 0 5px;
	padding: 0;
}

#message .button {
	font: 16px "Lucida Grande", Helvetica, Arial, sans-serif;
	width: 187px;
	height: 30px;
	color: #404048;
	text-decoration: none;
	text-align: center;
	padding-top: 11px;
	cursor: pointer;
	position: relative;
	display: block;
	background: url(../images/buttons/button.png) no-repeat;
	margin: 0px left;
	margin-top: 15px;
}
#message .button:hover .hilite {
	width: 187px;
	height: 40px;
	top: 0px;
	display: block;
	background-image: url(../images/buttons/button-hilite.png);
	z-index: 120;
	position: absolute;
}

#message .big-button {
	font: 16px "Lucida Grande", Helvetica, Arial, sans-serif;
	width: 225px;
	height: 31px;
	color: #404048;
	text-decoration: none;
	text-align: center;
	padding-top: 11px;
	cursor: pointer;
	position: relative;
	display: block;
	background: url(../images/buttons/huge-button.png) no-repeat;
	margin: 0px auto;
	margin-top: 15px;
}

#message .hilite { display: none; z-index: 200; }

#message .big-button:hover .hilite {
	width: 225px;
	height: 42px;
	color: black;
	top: 0px;
	display: block;
	background-image: url(../images/buttons/huge-button-hilite.png);
	background-repeat: no-repeat;
	z-index: 120;
	position: absolute;
}

#message .blue-button:hover .hilite {
	width: 97px;
	height: 41px;
	color: black;
	top: 0px;
	display: block;
	background-image: url(../images/buttons/big-hilite.png);
	background-repeat: no-repeat;
	z-index: 120;
	position: absolute;
}

/* @end */

/* @group COMMENTS */

#comments {
	font: 22px "Lucida Grande", Helvetica, Arial, sans-serif;
	margin: 0px auto;
	padding: 20px;
}

#comments p {
	margin-top: 0px;
	margin-bottom: 22px;
	padding: 0;
}

#comments .blue {
	color: #76797C;
	margin-bottom: 8px;
}


#comments .grayform {
	margin-bottom: 15px;
	text-align: center;
}

#comments .grayform p {
	font-size: 20px;
	color: #404048;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-left: 30px;
	padding-right: 30px;
}

#comments .textarea {
	width: 98%;
	font: 20px/28px "Myriad Set", "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #404048;
	padding: 4px;
	margin-bottom: 20px;
}

#comments .fineprint {
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	color: #404048;
	margin: 0 0 0 5px;
	padding: 0;
}



#commentstext {
	width: 98%;
	height: 46px;
	font: 16px/22px "Myriad Set", "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #404048;
	margin-bottom: 12px;
}
/* @end */



/* @group BUTTONS */

.button188 {
	font: 16px "Lucida Grande", Helvetica, Arial, sans-serif;
	width: 187px;
	height: 30px;
	color: #404048;
	text-decoration: none;
	text-align: center;
	padding-top: 11px;
	margin-right: 10px;
	margin-left: 10px;
	cursor: pointer;
	position: relative;
	display: block;
	float: left;
	background: url(../images/buttons/button.png) no-repeat;
}

.button188-pressed {
	font: 16px "Lucida Grande", Helvetica, Arial, sans-serif;
	width: 187px;
	height: 30px;
	color: #404048;
	text-decoration: none;
	text-align: center;
	padding-top: 11px;
	margin-right: 10px;
	margin-left: 10px;
	cursor: pointer;
	position: relative;
	display: block;
	float: left;
	background: url(../images/buttons/button-pressed.png) no-repeat;
}

.button188:hover .hilite {
	width: 187px;
	height: 40px;
	top: 0px;
	display: block;
	background-image: url(../images/buttons/button-hilite.png);
	z-index: 120;
	position: absolute;
}

/* @end */

/* @group HOME */

#home {
	float: right;
	height: 300px;
	width: 645px;
	background-color: #fafafa;
	padding: 80px 20px 10px;
	border-left: 1px solid #b2b2b2;
}

#home .buttons {
	width: 426px;
	padding-top: 40px;
	margin: 0px auto;
}

#home .info {
	color: #404048;
	font: 17px "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: center;
	width: 552px;
	margin: 0px auto;
}
	
/* @end */

/* @group PROCARE */

#procare {
	width: 719px;
	min-height: 200px;
	padding-top: 30px;
	margin: 0px auto;
}

#procare .row {
	margin: 0px auto;
}

#procare .row2 {
	margin-left: 178px;
}


#procare .bigbutton {
	padding-right: 17px;
	height: auto;
	cursor: pointer;
	float: left;
	position: relative;
	display: block;
	margin-bottom: 22px;
	width: 189px;
	height: 159px;
	margin-right: 31px;
}

.bighilite { 
	display: none; 
	z-index: 200;
}

#procare .bigbutton:hover .bighilite {
	height: 159px;
	display: block;
	top: 0px;
	background-image: url(../images/buttons/biggest-hilite.png);
	background-repeat: no-repeat;
	z-index: 200;
	position: absolute;
}

/* @end */



/* @group WORKSHOPS */

#workshops {
}
#workshops .track {
	width: 250px;
	padding: 0;
	float: left;
	margin: 1em 2em;
}
#workshops .track .tracktop {
	background: transparent url(../images/common/workshop_top.png) no-repeat scroll 0%;
	height: 5px;
}
#workshops .track .trackbottom {
	background: transparent url(../images/common/workshop_bottom.png) no-repeat scroll 0%;
	height: 5px;
}
#workshops .track .trackbody {
	margin: 0;
	padding-top: .5em;
	background: transparent url(../images/common/workshop_bg.png) repeat-y scroll 0%;
	width: 100%;
}
#workshops .track .title {
	font-size:13px;
	font-weight:bold;
	text-align: left;
	line-height:14px;
	vertical-align: middle;
	color: white;
	margin: 0;
	padding:0pt 0pt 5px 12px;
	background:#2D5E9F url(../images/common/workshop_top_bg.png) repeat-x scroll 0%;
	text-shadow:#224272 1px 1px 1px;
	text-align: left;
}

#workshops .track .select {
	padding-right: .5em;
	padding-left: .5em;
	margin: 0;
	text-align: center;
}

#workshops .track .description {
	padding-right: .75em;
	padding-bottom: .75em;
	padding-left: .75em;
	font: 12px "Myriad Set", "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #404048;
	min-height: 6em;
	display: block;
}

#workshops .track .book {
	text-align: right;
	padding-right: 1em;
	margin: 0;
	padding-bottom: .5em;
}

/* @end */

.info {
	color: #404048;
	font: 17px "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: left;
	margin: 0px auto;
	margin-bottom: 30px;
}

.info a {
	text-decoration:none;
	color:#529de1;
}

/* @group NONIEHACKS */

html>body #home .buttons {
	width: 416px;
	display: block;
	padding-bottom: 40px;
}

html>body #sidebar p {
	font: 15px/20px"Lucida Grande", Helvetica, Arial, sans-serif;
}

html>body #content {
	float: right;
	min-height: 350px;
	height: auto;
	width: 645px;
	background-color: #fafafa;
	padding: 20px 20px 10px;
}
html>body #content-signin {
	float: right;
	min-height: 350px;
	height: auto;
	width: 645px;
	background-color: #fafafa;
	padding: 20px 20px 10px;
}

html>body #content-full {
	min-height: 320px;
	height: auto;
	width: 937px;
	padding: 20px 20px 10px;
	background-color: #fafafa;
}

html>body #sidebar {
	width: 280px;
	min-height: 300px;
	background: #deeef9;
	height: 100%;
	float: left;
}

html>body #main {
	background: #fafafa;
	border: 1px solid #b2b2b2;
	width: 100%;
	min-height: 300px;
	height: auto;
}

html>body #main-sidebar {
	background: #deeef9;
	border: 1px solid #b2b2b2;
	width: 100%;
	min-height: 300px;
	height: auto;
}

html>body #home {
	float: right;
	min-height: 300px;
	height: auto;
	width: 645px;
	background-color: #fafafa;
}

html>body #topics .grayform {
	padding-left: 0px;
	padding-top: 8px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-bottom: 20px;
}

html>body #topics a {
	margin-right: 12px;
	margin-left: 12px;
	margin-bottom: 10px;
}

html>body #topics .button {
	font: 16px "Lucida Grande", Helvetica, Arial, sans-serif;
	width: 187px;
	height: 30px;
	color: #404048;
	text-decoration: none;
	text-align: center;
	padding-top: 11px;
	margin-right: 10px;
	margin-left: 10px;
	cursor: pointer;
	position: relative;
	display: block;
	float: left;
	background: url(../images/buttons/button.png) no-repeat;
}

html>body #topics .button-pressed {
	font: 16px "Lucida Grande", Helvetica, Arial, sans-serif;
	width: 187px;
	height: 30px;
	color: #404048;
	text-decoration: none;
	text-align: center;
	padding-top: 11px;
	margin-right: 10px;
	margin-left: 10px;
	cursor: pointer;
	position: relative;
	display: block;
	float: left;
	background: url(../images/buttons/button-pressed.png) no-repeat;
}

html>body #topics .spacer {
	width: 40px;
	padding: 1px;
}
/* @end */

/* @group TRAINING PICKER */

#training {
	width: 900px;
	padding-top: 10px;
	margin: 0px auto;
	font: 11px "Lucida Grande", Helvetica, Arial, sans-serif;
}

#training .track {
	width: 260px;
	float: left;
	margin-right: 40px;
	margin-bottom: 2em;
}

#training .track .logo {
	width: 40px;
	float: left;
	text-align: center;
	padding-right: 6px;
}

#training .track .info {
	width: 214px;
	float: right;
	text-align: left;
	min-height: 125px;
	margin-bottom: 0;
	font-size: 11px;
}

#training .track .info .title {
	font-weight: bold;
	font-size: 13px;
}

#training .track .info .description {
	margin-top: .5em;
	min-height: 6em;
}

#training .track .info .selector {
	width: 200px;
}


/* @end */

/* @group CancelConfirm */

* html body.masked select {
	visibility:hidden;
}
.mask {
    z-index:99;
    display:none;
    position:absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=20);
    background-color:#CCC;
}
#confirmationDialog {
	background: url(../images/common/confirm_background.png) no-repeat;
	font: 20px/28px "Myriad Set", "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #404048;
	width: 600px;
	height: 200px;
	z-index: 100;
	visibility: hidden;
	float: left;
}
#confirmationDialog .message {
	width: 400px;
	margin-top: 1.5em;
	margin-right: 1em;
	float: right;
}
#confirmationDialog .button {
	position:absolute;
	font: 16px "Lucida Grande", Helvetica, Arial, sans-serif;
	width: 187px;
	height: 30px;
	color: #404048;
	text-decoration: none;
	text-align: center;
	padding-top: 11px;
	cursor: pointer;
	display: block;
	background: url(../images/buttons/button.png) no-repeat;
	margin: 0px left;
	margin-top: 15px;
	bottom: 2em;
	right: 2em;
}
#confirmationDialog .button:hover .hilite {
	width: 187px;
	height: 40px;
	top: 0px;
	display: block;
	background-image: url(../images/buttons/button-hilite.png);
	z-index: 120;
	position: absolute;
}

#confirmationDialog .left {
	position: relative;
	float: left;	
	left: 2em;
	bottom: 2em;
	top: -0.5em;
}
#confirmationDialog .right {
	position: relative;
	right: 2em;
	bottom: 2em;
	float: right;
	top: -0.5em;
}

#confirmationDialog .memTextBox {
	color: #404048;
	resize: none;
	margin-left: 240px;
	margin-top: -20px;
	font-family:  "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 24px;
}

#confirmationDialog  .error{
	font-family:  "Lucida Grande", Helvetica, Arial, sans-serif;	
	font-size: 10px;
	height :12px;
	text-align: center;
	color: red;
	position: relative;
}	
	
#confirmationDialog  .message{
	font-family:  "Lucida Grande", Helvetica, Arial, sans-serif;	
	font-size: 12px;
	text-align: center;
	color: black;
	position: relative;
}	

/* @end */

/* @group Personal Setup */
#personal-setup {
	width: 900px;
	margin: 0px auto;
	font: 11px "Lucida Grande", Helvetica, Arial, sans-serif;
}

#personal-setup h2 {
	font: bold 1.5em/2em "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #fff;
	/*color: #404048;*/
	background-color: #b2b2b2; /*#deeef9;*/
	padding: 0;
	margin: 0;
	text-indent: .5em;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#personal-setup .ps-error {
	font: bold 13px "Lucida Grande", Helvetica, Arial, sans-serif;
	padding-left: 3em;
}

#personal-setup .ps-data {
	font: bold 13px "Lucida Grande", Helvetica, Arial, sans-serif;
	padding: 1em;
}


#personal-setup .ps-row {
	width: 100%;
	float: left;
}

#personal-setup .grayform {
	color: #000;
	font: 11px "Lucida Grande", Helvetica, Arial, sans-serif;
	padding: 0;
	margin-bottom: 2em;
}
#personal-setup .grayform p {
	font-size: 14px;
}
#personal-setup .grayform p a {
	color: #529de1;
	text-decoration: none;
}

#personal-setup .ps-element {
	margin-top: 0px;
	margin-bottom: 0px; 
	padding-bottom: 1.2em;
	color: #404048;
	float: left;
	width: 30%;
	padding-left: 3%;
	padding-right: 0%
}

#personal-setup .ps-dobelement {
	margin-top: 0px;
	margin-bottom: 0px; 
	padding-bottom: 1.2em;
	color: #404048;
	float: left;
	width: 270px;
	padding-left: 3%;
	padding-right: 0%
}

#personal-setup .datatransfer-element {
	font: bold 13px "Lucida Grande", Helvetica, Arial, sans-serif;
	padding-bottom: 1.7em;
	color: #404048;
	float: left;
	width: 15%;
	padding-left: 1%;
	padding-right: 8%;
}

#personal-setup .datatransfer-header {
	font: bold 13px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #404048;
	float: left;
	padding-left: 45%;
	padding-right: 0%;
}

#personal-setup .datatransfer-header2 {
	font: bold 13px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #404048;
	float: left;
	padding-left: 35%;
	padding-right: 0%;
}

#personal-setup .required {
	color: red;
	font-weight: bold;
}

#personal-setup input[type=password] {
	font: bold 13px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #404048;
	float: left;
	width: 198px;
	height: 14px;
	padding-left: 0px;
	margin: 0px;
}

/* @end */

/* @group Overlay */
.overlay { 
	width:840px; 
	height:auto; 
	display: none;
	background: white;
	border-top: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	border-left: 1px solid #b2b2b2;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	position: absolute;
	z-index: 1000;
	-webkit-box-shadow:0 0 22px #414141;
	box-shadow:0 0 22px #414141;
}

.overlay h1 {
	font: 26px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #404048;
	margin: 0;
	padding: 0 0 16px;
}
.overlay .content {
	padding: 20px;
}
.overlay img {
	padding-left: 20px;
}

.overlay a.close { position:relative; z-index:999; display:block; width:28px; height:28px; top:-12px; margin:0 -28px -28px -15px; text-indent:-9999px; background:url(http://images.apple.com/global/elements/widget_close.png) no-repeat; cursor:pointer; outline:none; behavior:url(http://images.apple.com/global/scripts/lib/iepngfix.htc); }

#quickdropoverlay {
	width: 208px;
	font-size:14px;
	top: 250px;
	left: 200px;
}

/* @end */

/* @group QuickDrop */
#quickdrop {
	height: auto;
	margin: 0px auto;
	margin-top: 0px;
}


#quickdrop .grayform {
	border: 0;
	width: 634px;
	margin-top: -20px;
	background: none;
	padding-top: 8px;
	padding-right: 20px;
}

#quickdrop p {
	margin-top: 0px;
	margin-bottom: 6px;
	padding: 0;
}

#quickdrop a {
	margin-right: 4px;
}

#quickdrop .text {
	font: 14px/18px "Myriad Set", "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #404048;
	padding: 4px;
}

#quickdrop .leftpad {
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#quickdrop .nopad {
	padding-left: 4px;
}

#quickdrop .required {
	color: red;
	font-weight: bold;
}
#quickdrop input[type=password] {
    width: 275px;
    height: 20px;
    font-size: 15px;
    float: left;
    margin-top: 0px;
}

#quickdrop .divider {
	width: 96%;
	height: 31px;
	margin-left: 0px;
	background: url(../images/common/divider.gif) repeat-x  center;
}
#createQuickDrop {
	font: 12px/14px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #76797C;
}

#blueText {
	color: #deeef9;
	font: 2px/4px "Lucida Grande", Helvetica, Arial, sans-serif;
	text-decoration: line-through;
}


#agreements {
	width: 125%;
	float: left;
	height: auto;
	overflow: auto;
}

/* @end */

/* @group DS Login */
#DSLogin {
}

#DSLogin label {
	display: block;
	margin-top: 1.5em;
}

#DSLogin input[type=text],input[type=password] {
	margin-top: 4px;
	margin-bottom: 6px; 
	width: 525px;
	font: 20px/28px "Myriad Set", "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #404048;
	padding: 4px;
}

#DSLogin input[type=image] {
	float: right;
	position: absolute;
	margin-top: 124px;
	margin-left: 480px;
}

#DSToolTip {
	font: 12px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: rgb(0, 136, 204);
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#DSForgot {
	font: 12px "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
#DSForgot a {
	color: rgb(0, 136, 204);
	text-decoration: none;
}

#TT{
	position: absolute;
	font: 10px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: black;
	border: 1px solid #080808;
	padding: 4px;
	width: 650px;
	background: #fff;
}

.DSErrors {
	color: red;	
	font: 12px/14px "Lucida Grande", Helvetica, Arial, sans-serif;
	display: table-header-group;
}


/* @end */

/* @group Apple Connect */
#ac-sidebar { width: 280px;min-height: 300px;background: #deeef9;height: 100%;float: left;}
.ac-personal-info .error{color: red;font: 12px "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;margin-left: 0px;display:block;}
#ac-sidebar a {color: #404048;}
#ac-sidebar p {margin-left: 30px;margin-right: 10px;color: #404048;margin-top: 5px;font: 14px/20px "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;}
#ac-sidebar .title {margin-left: 30px;margin-right: 30px;color: #404048;margin-top: 20px;font: 20px "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;}
#ac-signin {width: 620px;margin: 0px;margin-top: 0px;}
#ac-signin .required {color: red;font-weight: bold;}
#ac-signin .grayform {border: 0;background: none;width: 100%;padding-top: 0;padding-bottom: 0;}
.ac-personal-info {margin-bottom: 8px; width: 110%;margin-top: 0px;padding: 0;}
.ac-personal-info span{font: 12px "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;margin-left: 5px;color: #9b9b9b;}
.ac-personal-info input{font-size: 13px;line-height: 18px;margin-bottom: 1em;width: 240px;}
.ac-personal-info li {width: 100%;list-style: none; display:inline;}
.ac-personal-info li input#area_code {width: 40px;}
.ac-personal-info li input#phone_number {width: 198px;margin-left: 5px;}
.ac-personal-info li input#extension_number {width: 60px;margin-left: 5px;}
.ac-personal-info li input#password {padding: 0px;margin-top: 0px;margin-bottom: 1em;height:20px;font: 12px "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;}
.ac-personal-info li input#retype_pass {padding: 0px;margin-top: 0px;margin-bottom: 1em;height:20px;font: 12px "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;}
.ac-personal-info label {font: 14px "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;display: block;width: 90%;margin-top: 1em;}
.ac-column-first {width: 50%; float:left;}
.ac-column-first label{font: 14px "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;color: #787878;}
.ac-column-last label{font: 14px "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;color: #787878;}
.ac-column-last {width: 50%;float:right;}
.ac-personal-info li p {color: #252525;font-size: 12px;}
.ac-personal-info li.ac-birth {width: 100%;list-style: none;}
.ac-personal-info li.ac-birth p {margin-left: 0px;}
.ac-personal-info li.ac-stay-in-touch {width: 88%;list-style: none; height:70px; display:block;margin-top: 10px;}
.ac-personal-info li.ac-stay-in-touch input#sit {width:  auto;float: left;}
.ac-personal-info li.ac-stay-in-touch h4{margin-left: 1.75em;font-size: 12px;}
.ac-personal-info li.ac-stay-in-touch p{margin-left: 1.75em;font-size: 12px;margin-top: -10px;}
.grayform dl dt {float: left;font-weight: bold;margin-bottom: 18px;}
.grayform dl dd {margin-bottom: 18px;margin-left: 18em;}
.grayform dd.ac-note {font-size: 12px;color: #666;margin-left: 0px;margin-top: -10px; display:inline;}
.ac-personal-info #secondMembership {visibility: hidden;}
.ac-personal-info .arrow {position: absolute; top: 14em;left:56%}
.ac-personal-info-update {margin-bottom: 8px; width: 100%;margin-top: 0px;padding: 0;}
.ac-personal-info-update li {width: 110%;list-style: none;display: block;margin-bottom: 10px;height:70px;}
.ac-personal-info-update label {font: 16px "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;display: block;margin-bottom: 5px;}
.ac-personal-info-update input {font: 20px "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;height:30px;margin-top: 2px;width:215px;}
.ac-personal-info-update li input#area_code {width: 10%;}
.ac-personal-info-update li input#phone_number {width: 73%;margin-left: 13px;}
.ac-personal-info-update li input#extension_number {width: 36%;margin-left: 13px;}
.ac-personal-info-update li input#email_id {width: 86%;}
/* @end */
form[name="appleConnectExpiredPasswordForm"] {
	width: 100%;
	margin-top: -70px;
}

form[name="appleConnectExpiredPasswordForm"] table{
	width: 100%;
	margin-top: 0px;
}

form[name="harvestForm"] {
}

form[name="harvestForm"] > img{
	width: 0px;
}


form[name="harvestForm"] table {
	width: 100%;
	margin-top: 0px;
}

form[name="harvestForm"] font {
	font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

form[name="harvestForm"] input[type="text"] {
	width: 100%;
	height: 25px;
	font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
}

form[name="harvestForm"] input[type="image"] {
	margin-top: -18px;
	margin-bottom: 1px;
}

form[name="harvestForm"] select {
	margin-top: 10px;
	margin-bottom: 10px;
}

.infotip {background: url(../images/common/info2.png) no-repeat;width: 13px;height: 13px;display: inline-block;}
.infotip:hover {background-position: 0 -13px;}

/* NEW BREADCRUMBS */
#globalfooter { color: #999; font-size: 10px; margin: 18px auto; padding-bottom: 36px; text-align: left !important; }
#globalfooter { width: 1008px; }
#breadcrumbs { font-size: 11px; color: #444; background: url(../images/common/breadcrumb_bg.png) no-repeat;  behavior: url(iepngfix.htc); overflow: hidden; height: 36px; line-height: 34px; font-weight: bold; text-shadow: 2px 2px 1px #fff; }
#breadcrumbs a { color: #444; text-decoration: none; float: left; padding: 0 10px; position: relative; margin-left: -10px; _cursor: hand; }
#breadcrumbs a:hover { color: #333; text-decoration: none !important; }
#breadcrumbs a.home { margin: 0; width: 15px; height: 0; padding-top: 36px; overflow: hidden; }
#breadcrumbs span { float: left; width: 9px; margin: 0 10px 0 0; position: relative; height: 0; padding-top: 34px; margin-top: 1px; overflow: hidden; background: url(../images/common/breadcrumb_sep.png) no-repeat; behavior: url(iepngfix.htc); }

/* Safari Hack for Popups on PT page -- NEED TO BE LAST -- ALL CSS ABOVE THIS*/
#tiles .popup {
	width: 200px;
	display: block;
	float: left;
	font-size: 15px;#
}

.tip_overlay {background: url(../images/common/tip_top.png) no-repeat top left; margin-top: -1em; padding: 5px 0 0; position: absolute; left: 100px; width: 280px;font-family: "Lucida Grande", Lucida, Verdana, sans-serif;}
.tip_overlay p {background: url(../images/common/tip_bg.png) repeat-y top left; clear: left; font-size: 11px; line-height: 16px; margin: 0; padding: 0.5em 10px; width: 260px; color: #fff;}
.tip_overlay .bottom { background: url(../images/common/tip_bot.png) no-repeat bottom left; height: 14px; margin: 0 0 -24px; }