.non-center {
    text-align:left;
	/*margin: auto;	 for FF */
}

.hidden {visibility:hidden}
.none {display:none;visibility:visible}

.bold {font-weight:bold}
.italic {font-style:italic}
.emptyBody {width:100%;background-color:#FDFDFD}

.help {color:Gray;font-size:0.9em}
.deviceHelp {
    padding-right:15px;
    font-size:0.9em
}

.warning {color:Maroon;font-size:1.2em}
.smallWarning {color:Maroon;font-size:0.9em}
.pleaseWait {float:right; white-space:nowrap}

.noWrap {white-space:nowrap}
.noDeco {text-decoration:none}

/* attachment */
.upload {
    background:url(Images/upload10.gif) no-repeat;
    padding-left:20px;
    text-decoration:none;
}
.remove {
    background:url(Images/delete.gif) no-repeat;
    padding-left:18px;
    text-decoration:none;
}
.musicFile {
    background:url(Images/speaker.jpg) no-repeat right;
    padding-right:20px;
}
.missingFile {color:Red}

.h3 {font-size:1.2em;font-weight:bold;color:Teal}
.h4 {font-size:1.1em;font-weight:bold;color:Teal}

.colorBlack {color:Black}
.colorCoffee {color:#704A29}
.colorDim {color:#696969}
.colorDone {color:Green}
.colorOrange {color:#B7531A}
.colorMaroon {color:Maroon}
.colorTeal {color:Teal}
.colorRed {color:Red}
.colorGreen {color:Green}

.requireField{color:Maroon}
.highlight {background-color:#ffffcc}
.dim {background-color:#F3F3F3}

.bigButton {font-size:1.3em;font-weight:bold}
.mediumButton {font-size:1.2em;font-weight:bold}
.biggerButton {font-size:1.1em;font-weight:bold}

.smallInput {font-size:1.1em}
.smallerInput {font-size:1em}

.bigCap {font-size:1.1em}
.smallCap {font-size:0.9em}

.submitButton {float:right;margin-right:5px}
.backLink {float:right;margin-right:5px;margin-top:2px}

.report {font-size:13px}
.report a {color:#696969;margin-top:8px;display:block}
.report a:hover {color:Purple}

.showHelpLink {font-size:0.9em;text-decoration:none}

.payPalLink {
    background:url(images/PayPal.bmp) no-repeat;
    padding:2px 0 30px 45px;
    font-size:1.1em;
    font-weight:bold;
}

.clearBoth {clear:both}
.floatLeft {float:left}
.floatRight {float:right}
.wholeWidth {width:100%}

.messageSpace {margin-left:40px}
.bigColPad {padding-left:20px}
.bigColSpace {margin-left:20px}
.mediumColSpace {margin-left:10px}
.smallColSpace {margin-left:5px}

.mask {background:url(Images/background_formsection.gif);}

.emptyGrid {color:Maroon;height:2em}
.emptyDataPanel {margin:20px 0px 0px 20px;font-size:1.1em}

.callOutStyle, .callOutStyle1 {
    color:White; 
    font-size:1.1em;
    font-weight:bold;
    padding:3px 10px 3px 10px;
    white-space:nowrap;
}
.callOutStyle {background-color:#DD7C3B}
.callOutStyle1 {background-color:#696969}

.section {
    float:left;
    display:block;
    border:solid 1px gray;
    padding-bottom:15px;
}
.sectionList {padding:15px 10px 15px 10px}
.tdBlock {
    display:block;
    border:solid 1px Gray;
    padding:10px 15px 15px 15px;
}
.box {
    display:block;
    border:solid 1px #B7531A;
    padding:10px 15px 15px 15px;
}

/* tab control */
.tabItem, .tabCalendar {
    border:solid 1px #9999AA;
    border-bottom:none;
    text-align:center;
    height:22px;
    background-color:#696969;
    font-size:13px;
}
.tabItem {width:75px}
.tabCalendar {width:55px}
.tabItem a, .tabCalendar a {color:white}
.tabSelected {background-color:#B7531A}
.tabHover {background-color: #F2600C}

/* calendar */
.calTitle {background-color:#f3f3f6;color:#009999;font-size:1.1em;font-weight:bold}

/************************************************************************
* shared
************************************************************************/
.tableHeader {width:100%;border-bottom:solid 2px #d2d5de}

.commandBank {clear:both;width:100%;padding-top:10px}
.commandBankLeft {float:left;margin-left:15px}
.commandBankRight {float:right;margin-right:5px}

.dataArea {width:100%;clear:both;padding:10px 0px 40px 15px}
.signupDataArea {clear:both;padding:10px 0px 40px 50px}
.deviceDataArea {clear:both;padding:10px 0px 20px 15px}
.licenseDataArea {clear:both;padding:20px 0px 70px 40px}
.accountDataArea {clear:both;padding:20px 0px 20px 15px}

.detailsTitle {
    margin-left:5px;
    margin-right:5px
}

.donePanel {
	clear:both;
	padding:20px 20px 20px 50px;
	font-size:1.2em;
	line-height:19px;
	width:600px
}

.messageLabel {margin-left:20px;white-space:nowrap}

#phonePreviewArea {
	POSITION:absolute; 
	top:100px;
	left:500px;
	width:430px;
	z-index:10;
	line-height:150%;
	background:white;
	border:solid 2px #704A29;
	padding:10px 20px 30px 30px;
}

.popupBox {
	POSITION: absolute; 
	width:280px;
	font-size:1em;
	z-index:10;
	background:white;
	border:solid 2px #704A29;
	padding:15px 15px 15px 20px;
	line-height:170%
}

/************************************************************************
* master page
************************************************************************/
@media Screen {#master{width:1004px}}
@media Print {#master{width:505pt;font-size:7.5pt}}

#master {
    padding-left:0px;
    padding-bottom:30px;
    background-color:#FFFFFF;
}

#siteHeader {
    width:100%;
    height:110px;
    background-color:White;
}
#logo {float:left;margin-top:15px}
.tagLine {float:right}

#menuBar {
    width:100%;
    clear:both;
    height:55px;
    background-color:#696969;
}
#menuBar a {
    color:white;
    text-decoration:none;
}

#menuBarLeft {
    float:left;
    padding-left:70px;
    padding-top:18px;
    /* to support FF3, change "padding-top:18px;" to the following 2 lines*/
    padding-top:5px;
    vertical-align:middle;
}
#menuBarCenter {
    float:left;
    padding-left:50px;
    padding-top:23px;
}
#menuBarRight {
    float:right;
    padding-right:8px;
    text-align:right;
}

.menuItem {
	padding:3px;
    font-size:11px;
	font-family:Arial Black;
}
.menuSelected {background-color:#B7531A}
.menuPopupItem {
	padding:3px;
	background-color:#696969;
    font-size:12px;
	font-family:Verdana;
	border:solid 1px #696969;
}
.menuHover {background-color:#F77E06}
.menuPopupHover {background-color:#F77E06}

#menuBarCenter, #menuBarRight {
    font-size:10px;
    font-weight:bold;
	font-family:Verdana;
}
#menuBarCenter a:hover, #menuBarRight a:hover {color:#ff7f00}

/* menuBarRight section */
.signup {margin-left:70px}
.signin {padding-top:16px;display:block}
.signout {padding-top:12px;display:block}
.siteDisplayName {padding-top:8px;display:block;color:white}

.breadcrumb{
    width:100%;
	clear:both;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    font-size:11px;
    height:15px;
    color:#B7531A;
}

#contentPlaceHolder {
    width:100%;
	clear:both;
}

.footerArea {
    width:100%;
	clear:both;
}
#footer {
    width:100%;
	height:50px; 
	background-color:#a0a371; 
	color:white; 
	text-align:center;
	font-size:10px; 
}
#footer2ndLine {margin-top:8px}

/************************************************************************
* default page
************************************************************************/
.defColumns {width:100%;padding-bottom:80px}
.defColumns a{font-weight:bold}

#defLeftCol {
    padding-top:65px;
    padding-left:60px;
    padding-right:0px;
    width:220px;
}
#defLoginArea {width:220px}

#defSignUp {
    font-size:14px;
    white-space:nowrap;
}
#defSignUp a {text-decoration:none;}
#twoPixieLine {padding-top:2px;padding-bottom:3px}
#defSignIn {
    font-weight:bold; 
    color:#AB3E0A;
    padding-bottom:2px;
    font-size:14px;
}
#defRetrieve {font-size:0.9em}

#defCenterCol {
    width:314px;
    background:url(images/3bars.jpg) no-repeat 0 20px;
    font-size:12px;
	font-weight:bold; 
	/*line-height:1.5em*/
}
#defCenterArea {
    padding-top:120px;
    padding-left:36px;
    width:100%;
}
#defLearnMore {
	font-size:0.9em;
	margin-left:190px;
}

#defRightCol {
    padding-left:0px;
	padding-top:70px;
    width:260px;
}
#defRightCol p {margin-top:5px;padding-bottom:15px}
#defRightColText {
    font-size:12px;
    height:285px;
	background:url(images/bg_right.jpg) no-repeat right bottom;
}

#defLeftCol1 {
    padding-top:55px;
    padding-left:60px;
    width:240px;
    font-size:12px;
}
#defQuickReminderTitle {
    font-weight:bold;
    color:#AB3E0A;
    height:61px;
    padding-left:75px;
    padding-bottom:2px;
    background:url(images/mickeyclock.jpg) no-repeat;
    white-space:nowrap;
}
#defSubmit {padding-right:30px}
#defDevice {width:190px}

#defCenterCol1 {
    padding-top:40px;
    padding-left:20px;
    font-size:14px;
}
#defCenterCol1 a {text-decoration:none}

#defQuickLinks td {padding-left:10px}
#defManyWays {
    width:320px;
	height:200px;
    margin:30px 0 40px 15px;
    padding:20px 10px 20px 10px;
    background:url(images/runningman.jpg);
}
#defManyWaysTitle 
{
    margin-bottom:10px;
    margin-left:10px;
    font-size:15px;
    font-weight:bold;
    color:#696969;
}
#defManyWays a {font-size:1.1em;color:#ff7f00}

#defRightCol1 {
    padding-top:40px;
    padding-right:80px;
    width:180px;
    font-size:12px;
}

#defPhoneUsage {
    border:solid 1px Teal;
    padding:5px 3px 3px 7px;
}
#defPhoneUsage div {margin-top:8px;margin-bottom:5px;line-height:1.4em}
.defHeader {
    padding-top:25px;
    color:#696969;
    font-weight:bold;
    font-size:1.1em;
}

#upcomingEventArea a, #pastEventArea a {font-size:0.9em}

.defEventLine1 {white-space:nowrap;padding-top:12px;}
.defEventLine2 {clear:both;padding-top:3px}
.defEventColSpace {padding-right:5px}
.defReminderLine1 {white-space:nowrap;padding-top:12px}
.defReminderLine2 {clear:both;padding-top:3px}

.defContact {padding-top:12px}
.defPhoneGrid {padding-top:3px}
#defDelicious {
    background:url(images/delicious.gif) no-repeat;
    display:block;
    height:20px;
    margin-top:12px;
    padding-left:32px;
}
#defDiggIt {
    background:url(images/DiggIt.gif) no-repeat;
    display:block;
    height:20px;
    margin-top:8px;
    padding-left:42px;
}
/************************************************************************
* DeviceInfo
************************************************************************/
#diOL {clear:both;padding-top:0;margin-top:0}
#diOL li {padding-top:10px}

.diData {margin-left:50px; margin-bottom:80px}
.diEasyFieldSet {width:600px;margin-top:10px;background-color:#FDFDFD;border-color:Teal}
.diAdvFieldSet {width:800px;margin-top:25px}
.diAnnotation {
	width:730px;
	border:solid 1px #a7a9be;
    margin-top:30px;
    margin-left:5px;
    padding:10px 10px 5px 10px;
    line-height:180%
}

.diEditButton {margin:5px 10px 10px 0;float:right}
.diDeviceTable {clear:both;padding-left:15px}
.diDeviceGrid {clear:both;padding-left:20px}

/************************************************************************
* Signup_Device
************************************************************************/
.adDevices {margin:10px 0 10px 25px}
.deviceAnnotation {
	width:280px;
	padding:10px 20px 8px 0px;
	background-color:#FAFAFA;
	line-height:20px;
	border:dashed 1px #696969;
}
/************************************************************************
* EditDevice
************************************************************************/
.editDeviceFieldSet {margin-top:10px;margin-left:15px;width:880px}

.editDeviceSmsHelp {
	top:180px;
	left:500px;
}
/************************************************************************
* ManageDevice
************************************************************************/
.mdFieldset {width:75%;margin-left:15px;padding-right:10px;border-color:Teal}
.mdTopHelp {width:76%}
.mdDeviceHelp {
	top:100px;
	left:130px;
	width:450px;
}
.mdSmsHelp {
	top:200px;
	left:30px;
}
.mdPara {font-size:1.1em;line-height:22px}
.mdAddSection {margin-left:10px}
.mdSwitchMode {float:right;margin-right:10px}
.mdAddData {clear:both;padding-top:15px;margin-left:10px}
.mdEditSection {margin:40px 10px 30px 15px;width:90%}
.mdEditCaption {float:left;margin-left:10px}
.mdEditMessage {float:left;margin-left:20px;margin-top:2px}
.mdEditGrid {clear:both;margin-top:3px}

/************************************************************************
* UpgradeService
************************************************************************/
.paymentMethod {
    margin-left:20px;
    margin-top:5px;
    margin-bottom:15px;
    padding:10px;
}

/************************************************************************
* event common: create event, edit event, event details
************************************************************************/
.eventMultiViewBank {clear:both;float:right;padding-right:10px}
.eventHeader {margin-bottom:10px;margin-left:18px;margin-top:5px;}
    .eventFirstItem {float:left}
    .eventLastItem {float:right;padding-right:5px;white-space:nowrap}
.eventError {font-size:1.2em;color:Red}
    
.eventDataArea {
    clear:both;
    margin-left:15px;
    margin-bottom:30px;
    padding-bottom:30px;
    padding-top:15px;
    width:97%
}
.eventLeftTable {float:left}
.eventRightTable {float:left;margin-left:60px}
.eventBottomTable {clear:both;margin-top:15px}
.eventTableLineSpace {clear:both;padding-top:8px}
.eventTableColSpace {padding-left:90px}
.eventHelpInfor {padding-left:10px;font-size:0.9em;color:Gray}
.eventRepeater {padding-top:5px}

.eventNotifySelf {float:left;width:120px}
.eventLinkUnderLabel {padding-top:8px;padding-left:5px}
.eventLabel {font-weight:bold;white-space:nowrap}
.eventGrid {margin-left:50px}

.eventHighlight {
    font-weight:bold;
    color:White;
    background-color:#DD7C3B;
    padding:1px;
}

.eventRepeatOnLastWeek {margin-top:10px;display:block}

.eventNotifyOn {
    width:500px;
    padding:15px 0 10px 15px;
    border:solid 1px #7F9DB9;
}
.eventNotifyContactPanel {margin-top:20px}
.eventNotifySelfPanel {margin-top:20px}
.eventEmptyContact {clear:both;padding:15px 0 145px 80px;width:90%;height:300px}

.eventBottom {margin-top:30px;margin-left:10px;width:100%}
.eventSubmitButton {float:right;margin-right:90px}

#addEventFieldSet {
    margin-top:10px;
    margin-left:15px;
    padding-top:15px;
    padding-left:5px;
    border:solid 1px teal
}

/************************************************************************
* event multiview
************************************************************************/
.emvFilter {width:100%;background-color:#F9F9F9;margin-bottom:25px}
.emvTitleBar {
    clear:both;
	width:100%;
	height:30px;
	padding-top:10px;
    text-align:center;
    background-color:#F3F3F6;
    font-size:1.2em;
    font-weight:bold;
    color:Teal;
}
.emvCenterLabel {padding-left:10px;padding-right:10px}

.emvMultiView {clear:both;margin-bottom:70px}
.emvYearCalendar {float:left;padding-left:15px}
.emvDay {padding-top:3px;padding-right:5px}
.emvHoliday {
    clear:both;
    text-align:left;
    padding-bottom:10px;
    padding-left:6px;
    color:Maroon;
    font-family:Verdana;
    /*font-family:Andy, EraserDust, Forte, Verdana;*/
    font-size:0.9em;
}
.emvCell {
    clear:both;
    Font-Size:0.9em;
    text-align:left;
    margin-top:-10px;
    padding:0 8px 8px 8px;
}
.emvRow1 {padding-top:10px;white-space:nowrap}
.emvRow2 {padding-top:5px}
.emvAlarm {padding-right:3px}
.emvRecur {padding-left:10px}

.emvAnnotation {
	clear:both;
	white-space:nowrap;
    margin-top:2px;
    font-size:0.9em;
    color:gray;
    width:100%
}
.emvListNote {
    padding-top:30px;
    color:Maroon;
}

.emvBlackColorLink td a {color:Black}
.emvBlackColorLink td a:hover {color:#ee2c2c}

/************************************************************************
* event details
************************************************************************/
.edMessage {margin-right:50px}
.edBox {clear:both;width:97%;margin-left:1px;padding:10px 0 20px 15px;border:solid 1px #D0D0BF}
.edComment {
    margin-left:30px;
    padding:0 3px 0 2px;
    color:white;
    background-color:Gray
}

.edPostnote {padding-right:40px}

.edRepeatPanel {float:left;padding-left:25px}

.edPanel {clear:both;padding-top:20px}
.edSideBySideLabel {float:left}
.edSideBySideArea {float:left;padding-left:15px}
.edPushInArea {padding-left:13px;margin-top:7px;width:92%}
.edDescriptionArea {
    float:left;
    margin-left:10px;
    padding:2px 10px 5px 10px;
    width:650px;
    background-color:#F3F3F6;
    line-height:160%
}
.edWarning {color:Maroon;font-size:1.1em;line-height:22px;margin-left:15px}
.edPreview {
    background:url(Images/preview.jpg) no-repeat;
    padding-left:18px;
    padding-bottom:5px;
    text-decoration:none;
    line-height:20px;
}
.edAnnotation {clear:both;padding-top:15px}
/************************************************************************
* manage contact (orihgianlly named as contact multiview)
************************************************************************/
.cmvSearchPanel {
    clear:both;
    background:url(images/background_formsection.gif) repeat-x;
    width:100%;
}
.cmvSearchTable {
    background:url(images/background_formsection.gif) repeat-x;
    width:100%;
}
.cmvAfterSearchPanel {margin-bottom:70px}
#cmvLeftBar {
    background:#F3F3F6;
    vertical-align:top;
    white-space:nowrap;
    height:700px;
    width:170px;
}
#cmvLeftBarList {
    background-color:#FDFDFD;
    margin:2px 5px 0px 5px;
    padding:8px 5px 8px 5px;
}
#cmvLeftBar A:link, #cmvLeftBar A:visited, #cmvLeftBarList A:active {
    text-decoration:none;
    padding-left:10px;
    padding-top:10px;
}
#cmvLeftBarGroupImage {margin-left:5px;margin-top:5px}
.cmvRightBar {vertical-align:top}
.cmvRightBarHeader {width: 100%}
.cmvButtonBank {white-space:nowrap;}
.cmvDropDown {width:125px}

.cmvRepeater {padding-left:30px}
.cmvMultiViewPanel {
    border-top:solid 1px #d2d5de;
    margin-top:-2px;
    /*height:700px*/
}
.cmvListItem {padding-left:5px;padding-bottom:15px}
.cmvAllGorupTitle {padding-top:15px;padding-bottom:5px;font-size:1.1em}
.cmvOneGorupTitle {padding-top:20px;padding-bottom:5px;font-size:1.1em}

.cmvEmptyData {margin-left:30px;margin-top:50px;font-size:1.3em;font-weight:bold}
.cmvContactGrid {margin-top:5px}

.cmvLinkCaption {font-weight:bold;color:Black}
/************************************************************************
* create/edit contact
************************************************************************/
.contactMiddleColSpace {padding-left:25px}
.contactRightColSpace {padding-left:25px}
.contactNotify {
    background:url(Images/alarm.gif) no-repeat;
    padding-left:22px;
}

.contactSmsHelp {
	top:300px;
	left:380px;
}

.contacImHelp {
	top:275px;
	left:400px;
}

/************************************************************************
* contact details
************************************************************************/
.cdAnnotation {
	margin-left:1px;
	margin-right:1px;
	padding:5px 8px 5px 8px;
	background-color:#F3F3F6;
	font-size:0.9em;
	line-height:16px
}
/************************************************************************
* define category
************************************************************************/
.dcAddFieldSet {width:590px;margin-left:50px;margin-top:10px}
.dcEditFieldSet {width:550px;margin-left:50px;margin-top:20px;border-color:Teal}

.dcCommandBank {padding-left:20px;margin-top:10px}
.dcData {padding-left:40px;padding-top:15px}

.dcEditSection {margin-left:20px}
.dcEditMessage {height:18px;width:480px;text-align:center}
.dcEditGrid {margin-top:3px}
.dcEditBottomLink {padding-left:5px;margin-top:15px}
/************************************************************************
* group contact
************************************************************************/
.gcFieldSet {
    width:800px;
    padding-top:10px;
    padding-left:15px;
    /*background-color:#FCFCFC temporary removed has problem in IE 7 */
}
.gcHeader {margin-left:30px;margin-top:12px}
.gcMessage {padding-left:90px}
.gcDataArea {margin-left:30px;margin-top:18px;margin-bottom:40px;width:100%}
.gcListBox {
    height:300px;
    width:232px;
    background-color:#FAFAFA;
}
.gcColumnSpace {padding-bottom:15px}
.gcLineSpace {padding-bottom:5px}
.gcButtonBank {padding-left:15px;padding-right:15px}
.gcButton {
    width:35px;
    background-color:#DD7C3B;
    color:White;
    border-width:0px;
    cursor:pointer;
    font-size:1.1em;
}
.gcNotInGroup {font-weight:bold;color:Teal}
.gcInGroup {font-weight:bold;color:#B7531A}

/************************************************************************
* notify others
************************************************************************/
.noCommandBank {padding:12px 0 10px 15px}
.noSubmitButton {float:right;margin-right:5px;margin-top:10px}

.noContact {padding-left:10px;width:70%}

.noGroup {float:left;padding-left:10px;width:700px}
.noRemark {padding-top:5px;font-size:0.9em;color:gray}
.noDeviceTypeSection {float:left;margin-left:30px;width:200px}

.noMember {padding-top:10px;padding-left:10px}
.noSearchResult {padding-top:20px;padding-left:10px;width:80%}
.noSearchResultCaption {float:left;padding-left:1px;padding-top:5px}
.noSaveMember {margin-left:5px;margin-bottom:5px}

.noPrompt {font-size:0.9em;color:Teal}

/********************************************************************************/

/**** Register ****/
.regPrivacy {margin-top:15px;line-height:22px;font-size:1.1em}
.regAgreement {padding-top:15px;font-size:1.1em}
.regDone {padding:30px 0px 30px 50px;font-size:1.4em;color:Green}
.regDevice {margin-top:15px;margin-left:10px}

/**** Signup_Device, EditDevice ****/
.yourDeviceYourChoices {
    margin-top:40px;
    padding:8px 0px 8px 17px;
    font-size:1.4em;
    font-weight:bold;
    font-style:italic;
    background-color:#B7531A;
    color:White;
}

/**** SetPassword ****/
.spMessage {height:16px;width:100%;padding-top:10px;text-align:center}

/***** Login *****/
#accountLoginArea {margin-left:60px}
.accountForgotPassword {margin-top:40px}

/***** PasswordRetrieve *****/
.RetrievePassword {margin-left:30px}

/***** ContactUs *****/
.cuDone {margin-top:20px;margin-left:10px;color:Teal;font-size:1.2em}

/***** ShowDocument *****/
#sdDocument {
    width:750px;
    margin-left:60px;
    margin-bottom:40px;
}
#sdLinks {
    float:right;
    padding-bottom:2px;
}
#sdText{
    clear:both;
    width:100%;
    border:solid 1px #999999;
}
#sdBody {
    width:700px;
    font-size:13px;
    font-family:Arial;
    line-height:150%;
    padding-top:15px;
    padding-bottom:25px;
    text-align:left;
	margin-left: auto;
	margin-right: auto;
}
#sdCaption {
    float:left;
    margin:30px 0 25px 50px;
    font-size:1.4em;
    font-weight:bold;
    color:Teal;
}
#sdFirstPara {clear:both;padding-top:15px;padding-bottom:10px}
.sdHeader {font-size:1.3em;color:Maroon;font-weight:bold}
.sdSubTitle {font-size:1.2em}
.sdToggleArea {padding:5px 10px 5px 10px;margin-left:15px}
#sdLastPara {clear:both;padding-top:30px;padding-bottom:60px;font-size:1.1em}

.sdProductName {font-size:1.5em;font-weight:bold;color:Maroon}

/***** help *****/
#helpPage {width:100%;font-size:12px}
#helpPage a {
    color:#696969;
    padding-top:8px;
    display:block
}
#helpPage a:hover {color:#C4243C}

#helpContent {
    padding-top:20px;
    padding-bottom:40px;
    padding-left:80px;
}
#helpTop1 {
    background:url(images/helppage_1.jpg) no-repeat;
    padding-top:32px;
    padding-left:165px;
}
#helpTop2 {
    background:url(images/helppage_2.jpg) no-repeat;
    margin-top:20px;
    padding-top:31px;
    padding-left:165px;
}

#helpColorBlock {
    width:260px;
    background-color:#d8c7f0;
}

.helpLineSpacer {padding-top:5px}
.helpColSpacer {width:45px}
.helpColSpacer2 {width:80px}
.helpTitle {font-size:0.9em;font-family:Arial;font-weight:bold}

#helpSetupReminderFrom {font-family:Arial;font-weight:bold;color:Teal}

/***** Signup_PremiumService *****/
.spTopMessage {
    padding-top:25px;
    padding-bottom:20px;
    width:100%;
    font-size:1.4em;
    font-family:Arial;
    text-align:center;
}

/****** wizard ******/
#wzBody {clear:both;margin-left:15px;margin-top:10px;width:98%}
#wzDataArea {float:left}

.wzColorShape {float:left;margin-left:100px}

.wzStep {padding-top:10px;padding-bottom:15px;}
.wzStepBlock {
	margin-bottom:15px;
	border:solid 1px #AB3E0A;
	background-color:#FEFEFE;
	padding:15px;
}

#wzWhatStepTable {width:450px}
#wzWhatStepNote {
    color:Maroon;
    line-height:1.5em;
}

.wzConfirmText {background-color:White}

#wzHowStepDeviceNote {
    line-height:1.6em;
    padding:10px 15px 10px 15px;
    color:Maroon;
    background-color:#FAFAFA
}
#wzConfirmStepPhoneNote {
    border:solid 1px #696969;
    line-height:150%;
    padding:10px 10px 10px 15px;
    font-size:1.1em;
}

.wzSampleSection {
    clear:both;
    padding-top:15px;
    margin-bottom:50px;
    margin-left:80px
}
#wzSampleContent {
    clear:both;
	margin:10px 0 0 15px;
	padding:20px 15px 15px 20px;
	line-height:20px;
	width:55%;
	border:solid 1px #a7a9be;
	line-height:150%
}

/****** UploadContact *****/
.ucPanel {clear:both;padding:30px 10px 40px 20px}
#ucContentHeader {margin-bottom:3px}
#ucGuid {
    float:right;
    margin-right:10px;
    width:300px;
}
#ucGuid a {
    background:url(Images/excel.jpg) no-repeat;
    padding-left:40px;
    padding-top:5px;
    padding-bottom:50px;
    line-height:50px;
}
.ucUploadBox {
    border:solid 1px #AB3E0A;
    width:500px;
    padding:20px;
    margin-top:20px;
    margin-left:20px;
    background-color:#FCFCFC;
    float:left;
}
.ucMessage {float:left;padding-left:50px;margin-top:8px}
.ucBackLink {float:right;margin-right:2px;margin-top:15px}

/****** WebAPI *****/
#apiBody {
    width:550px;
    padding:10px 0px 40px 20px;
}
#apiImage {float:left;padding:0 40px 20px 0}
#apiUL {clear:both;line-height:180%;margin-top:30px}

/****** MemberReport *****/
.mrSearch {
    width:98%;
    padding:15px 0 15px 20px;
    background-color:#FDFDFD
}
.mrFoundCount {
    font-size:1.1em;
    margin-left:25px;
}
.mrResultList {margin-left:10px}

/****** SetUpReminderByEmail *****/
.emailInTag {color:Maroon;font-weight:bold}

/****** TextToSpeech *****/
#ttsOL {line-height:150%;margin-top:0}
#ttsOL li {padding-top:8px}

/****** SetPreference *****/
#spMainView {
    width:350px;
    margin:30px;
    padding:20px;
    background-color:#FCFCFC;
}
#spCalendarView {
    width:450px;
    margin:30px;
    padding:20px;
    background-color:#FCFCFC;
}
#spPhoneView {
    clear:both;
    width:90%;
    margin:30px;
    line-height:22px;
}
#spTextbackView {
    width:350px;
    margin:30px;
    padding:20px;
}
#spSubmit {margin-left:30px}
#spFootnote {margin:30px}

.spPrompt {
    width:700px;
    background-color:#FAFAFA;
    color:Maroon;
    padding:10px 10px 10px 15px;
    line-height:150%
}
.spPara {line-height:160%}
.spTextBoxPara {line-height:200%}

.spTextBox {width:700px}
.spLeadingSpace {margin-left:25px}
.spHeadLine {
    border-top:solid 1px #704A29;
    border-bottom:solid 1px #704A29;
    margin-top:10px;
    padding:2px;
    background-color:#F9F9F9;
}
.spImage {float:left;margin-right:8px;margin-top:3px;margin-left:18px}
.spIndent {margin-left:20px}
.spHelpIndent {margin-left:25px}

#spDefaultFormatArea {
    border:outset 1px #99cdff;
    width:550px;
    padding:20px;
    background-color:#FAFAFA;
}
#spConfirm {font-size:1.1em;line-height:160%;padding-top:25px}
#spRecommendation {
    width:600px;
    padding-left:50px;
    color:teal;
}

/****** PreferenceDetail *****/
.pdMainFieldSet {
	width:550px;
	margin-top:20px;
	margin-left:50px
}
.pdCalendarViewFieldSet {
	width:550px;
	margin-top:30px;
	margin-left:50px;
    border-color:Teal
}
.pdFootNoteFieldSet {
    width:630px;
    margin-top:30px;
    margin-bottom:30px;
    margin-left:50px;
    padding-right:20px;
	border-color:#696969
}
.pdPhoneFieldSet {
    width:630px;
    margin-top:30px;
    margin-bottom:30px;
    margin-left:50px;
    padding-right:20px;
}
.pdTextBackFieldSet {
    width:450px;
    margin-top:30px;
    margin-bottom:30px;
    margin-left:50px;
    padding-right:20px;
    border-color:Teal
}
.pdCommandButton {margin:5px 10px 0 0;float:right}
.pdTable {
	clear:both;
	padding-left:20px;
	background-color:#FDFDFD
}
.pdFootNote 
{
    display:block;
    margin-top:5px;
    color:Maroon;
}
.pdLongFootNote 
{
    width:500px;
    line-height:1.6em;
}
.pdUL LI{padding-top:8px;list-style-type:circle}
.pdMultiLine {line-height:1.5em}

/****** ReminderStat *****/
.reminderStat 
{
    margin:10px 0 10px 40px;
}

/******* report ********/
.reportUl li {margin-top:5px}
.reportUl a {font-size:14px;color:black}
.reportUl a:hover {color:red}

/******* misc ********/
.TellFreinds {
    background:url(images/refer.jpg) no-repeat;
    display:block;
    height:20px;
    margin-top:20px;
    padding-left:30px;
    padding-top:5px;
}
.MatchVerification {
    display:block;
    margin-top:5px;
    margin-bottom:10px;
}
.VerificationButton {
    margin-top:3px;
    margin-bottom:3px;
}

/******* alert group ********/
.alertPrerequisitePanel {clear:both;padding-top:15px;padding-left:30px}
.alertDataArea {margin-left:40px}
.alertRow {padding-top:30px;padding-bottom:5px}
.alertMessageArea {
    padding:2px 5px 2px 5px;
    width:650px;
    background-color:#F3F3F6;
    line-height:160%
}

/******* case study ********/
#caseStudyPageHeader {
	float:left;
	margin-left:10px;
	padding-top:15px;
	padding-bottom:5px;
	font-size:14pt;
	color:Teal;
	font-style:italic;
	font-weight:bold
}

.caseContent {
	font-family:Verdana;
	line-height:1.3em;
	margin-left:5px;
	padding-left:15px;
	padding-right:35px;
	border-left:outset 2px #B7531A
}

/******* news letter ********/
.nlDescriptionArea {
    width:550px;
    padding:8px;
    background-color:#F3F3F6;
    line-height:160%
}