body{background:#b2b2b2; font:normal 13px Arial, Helvetica, sans-serif; color:#333; text-align:left; padding: 0; margin:0px;}

#middle_wrapper {
  margin: 20px auto ;
}

*{margin:0; padding:0;}
ul, ul li,dl,dd{list-style-type:none; }
img{border:0}
a{color:#333; text-decoration:underline; outline:none;}
a:hover{text-decoration:none;}
h1{background:url(../images/purpleBoxTop.gif) left top no-repeat; width:190px; height:37px; font:normal 17px "Myriad Pro", Arial, Helvetica; margin:0; padding:6px 0 0 15px; color:#fff;}
h2{font:bold 18px Arial, Verdana, Helvetica; margin:0; padding:20px 0 0 0; color:#018e8f; text-align:center; font-style:italic;}
.textBox{background:#fff; border:solid 1px #d9d9d9; font:normal 11px Arial, Helvetica; color:#999; text-align:left; height:15px; width:90px;}
.textBrd{border:solid 1px #d9d9d9; height:15px;}

/*############## Common Classes ######################*/
.caption{color:#756bb0; font:bold 13px Arial, Helvetica, sans-serif;}
.text{line-height:23px; text-align:center; font:normal 13px  Arial, Helvetica;}
.mend{color:red; font-size:12px;}
.clr{clear:both; height:0; font-size: 1px; line-height: 0px;}

#wrapper{background:#fff; margin:0 auto; width:1042px; padding:0; margin-top:20px; padding-bottom:15px;}
#header{background:url(../images/topBanner.jpg) right top no-repeat; height:241px; width:1042px;}
#header .logo{padding:25px 0 0 26px; height:179px; float:left;}
#header .welcome, #header .creatAct, #header .creatActSitter{padding:11px 28px  0 0; height:50px; float:right; width:160px; text-align:right; font:normal 14px "Myriad Pro", Arial, Helvetica; color:#fff;}
#header .welcome a{font:normal 14px "Myriad Pro", Arial, Helvetica; color:#fff;}
#header .welcome img{margin-bottom:9px;}

#header .creatAct{padding:10px 43px 0 0;}
#header .creatActSitter{padding:8px 35px 0 0;}

#headerLeft{float:left; width:194px; height:37px; padding:0 0 0 60px; position:relative;}
#headerRight{float:right; width:788px; height:37px;}
#headerNonMember{width:994px; padding:0 0 0 48px;}

#banner{background:url(../images/banner.jpg) center top no-repeat; width:919px; height:252px;}
#content{background:#fff; min-height:800px;}
#leftPanel{float:left; width:222px; padding:17px 0 0 23px;}
#rightPanel{float:right; width:751px; padding:3px 23px 0 23px;}
#leftContent{float:left; width:530px; padding:15px 0 0 0;}
#rightContent{float:right; width:205px;}

.purpleBoxTop1, .purpleBoxTop2, .purpleBoxTop3{background:url(../images/purpleBoxTop1.gif) left top no-repeat; width:207px; height:42px; font:normal 17px "Myriad Pro", Arial, Helvetica; margin:0; padding:7px 0 0 15px; color:#fff; }
.purpleBoxRunner1, .purpleBoxRunner2, .purpleBoxRunner3{background:url(../images/purpleBoxRunner1.gif) left top repeat-y; width:222px; margin-bottom:15px;}
.purpleBoxBottom1, .purpleBoxBottom2, .purpleBoxBottom3{background:url(../images/purpleBoxBottom1.gif) left bottom no-repeat; width:222px;}
.purpleBoxContent1{padding:5px 15px 0 15px; font: normal 12px Arial, Helvetica, sans-serif; text-align:left; min-height:100px;}
.purpleBoxContent1 a.active {font-weight:bold; margin-left:20px; }
.purpleBoxContent1 a {font-size:12px; text-decoration:none; }

.purpleBoxContent1 a.linkpurple:hover { text-decoration: none ;}
.purpleBoxContent1 a.linkpurple.active {font-weight:normal; margin-left:7px; }
.purpleBoxContent1 a.linkPurple {font-size:10px; text-decoration:underline; margin-left: 7px ; }


.purpleBoxTop2{background:url(../images/purpleBoxTop2.gif) left top no-repeat; width:221px; height:46px; padding:7px 0 0 0; text-align:center;}
.purpleBoxRunner2{background:url(../images/purpleBoxRunner2.gif) left top repeat-y; width:221px;}
.purpleBoxBottom2{background:url(../images/purpleBoxBottom2.gif) left bottom no-repeat; width:221px;}
.purpleBoxContent2{padding:5px 10px 0 10px; text-align:left;}

.purpleBoxTop3{background:url(../images/purpleBoxTop3.gif) left top no-repeat; width:205px; height:36px; padding:7px 0 0 0; text-align:center;}
.purpleBoxRunner3{background:url(../images/purpleBoxRunner3.gif) left top repeat-y; width:205px;}
.purpleBoxBottom3{background:url(../images/purpleBoxBottom3.gif) left bottom no-repeat; width:205px;}
.purpleBoxContent3{padding:5px 15px 0 7px; min-height:121px; font: normal 11px Arial, Helvetica, sans-serif; text-align:left;}

#follow{background:url(../images/imgFollowSCD.gif) left top no-repeat; width:187px; height:45px; text-align:right; padding-top:37px;}

.brd{border: solid 2px #756bb0;}
.brdGrey{background: #ffffff url(../images/boxRunner.gif) left bottom repeat-x; border: solid 2px #756bb0;}
.boxLT{background:url(../images/purple-LT.gif) left top no-repeat; margin:0 0 0 -2px;}
.boxRT{background:url(../images/purple-RT.gif) right top no-repeat; margin:-2px -2px 0 0;}
.boxLB{background:url(../images/purple-LB.gif) left bottom no-repeat; margin:0 0 -2px 0;}
.boxRB{background:url(../images/purple-RB.gif) right bottom no-repeat; margin:0 0 -2px 0; padding:19px;}

.step{padding-bottom:25px;}
.step td{border-bottom: dotted 3px #bab5d4; padding:3px 0 6px 0; font:normal 14px "Myriad Pro", Arial, Helvetica; color:#000;}
.stepHead{font-size:16px !important; color:#756ba9 !important; font-weight:bold !important;}

.adHead{color:#756bb0; font:bold 37px "Myriad Pro", Arial, Helvetica;}
.title{color:#000; font:normal 18px "Myriad Pro", Arial, Helvetica; text-align:left; margin-bottom:10px;}
.titleBlack{color:#000; font:bold 16px "Myriad Pro", Arial, Helvetica; text-align:left;}
.titlePurple{color:#756bb0; font:normal 11px Arial, Helvetica; text-align:left;}
.linkPurple{color:#756bb0; font:normal 9px Arial, Helvetica;}

.imgRachel{background:url(../images/thumb-Rachel.jpg) left top no-repeat; float:left; width:212px; height:141px; margin-right:35px; cursor:pointer;}
.imgRachel:hover{background:url(../images/thumb-Rachel-h.jpg) left top no-repeat;}
.imgRachel a{width:212px; height:141px; cursor:pointer; display:block;}
.imgErica{background:url(../images/thumb-Erica.jpg) left top no-repeat; float:left; width:212px; height:141px; cursor:pointer;}
.imgErica:hover{background:url(../images/thumb-Erica-h.jpg) left top no-repeat;}
.imgErica a{width:212px; height:141px; cursor:pointer; display:block;}

.tooltip{background-color:#fff; width:205px; border:#b2b2b2 solid 1px; padding:15px 5px; font:normal 14px "Myriad Pro", Arial, Helvetica, sans-serif; color:#756baf; text-align:center;}
.tooltip p{margin:0; padding:0;}
.ttClose{float:right; position:relative; margin:-10px 0px -10px -10px; cursor:pointer;}

#footer{background:url(../images/footerRunner.gif) left top repeat-x; width:1042px; margin:0 auto; height:8px; padding-bottom:20px; margin-bottom:20px !important;}
#footerLink{width:550px; float:left; text-align:center; margin:0 auto; margin-top:10px; color:#756bb0;}
#footerLink a{font:bold 13px "Myriad Pro", Arial, Verdana, Helvetica; color:#756bb0; text-decoration:none;}
#footerLink a:hover{text-decoration:underline;}
#copyright{width:200px; text-align:left; color:#000; font: bold 11px Arial, Verdana, Helvetica; float:left; margin-top:10px; padding-left:5px;}
#privacy{width:280px; float:right; text-align:right; margin-top:10px; padding-right:5px;}
#privacy a{font: bold 11px Arial, Verdana, Helvetica; text-decoration:none; color:#000;}
#privacy a:hover{text-decoration:underline;}


/*-----for New Chagnes from 05.08.2010-----*/

.purpleHead{margin-top:10px;}
.purpleHeadLeft{background:url(../images/purpleHeadL.gif) left top no-repeat; float:left; height:36px;}
.purpleHeadRight{background:url(../images/purpleHeadR.gif) right top no-repeat; float:left; height:36px;}
.purpleHeadRunner{background:url(../images/purpleHeadRunner.gif) left top repeat-x; margin:0 6px; padding:5px 0 0 10px; height:31px; font:bold 18px "Myriad Pro", Arial, Helvetica, sans-serif; color:#fff; text-align:left; width:726px;}
.purpleHeadRunner .profile{font:normal 18px "Tahoma", Arial, Helvetica, sans-serif; color:#fff;}

.purpleHeadLeft1{background:url(../images/purpleHeadSmallL.gif) left top no-repeat; float:left; height:28px;}
.purpleHeadRight1{background:url(../images/purpleHeadSmallR.gif) right top no-repeat; float:left; height:28px;}
.purpleHeadRunner1{background:url(../images/purpleHeadSmallRunner.gif) left top repeat-x; margin:0 5px 0 4px; padding:5px 0 0 0; height:23px; font:bold 15px Arial, Helvetica, sans-serif; color:#fff; text-align:center; width:139px;}

.purpleHeadLeft2{background:url(../images/purpleHeadSmallL.gif) left top no-repeat; float:left; height:28px;}
.purpleHeadRight2{background:url(../images/purpleHeadSmallR.gif) right top no-repeat; float:left; height:28px;}
.purpleHeadRunner2{background:url(../images/purpleHeadSmallRunner.gif) left top repeat-x; margin:0 5px 0 4px; padding:7px 0 0 10px; height:23px; font:bold 15px Arial, Helvetica, sans-serif; color:#fff; text-align:left; width:730px;}
.purpleHeadRunner .profile{font:normal 18px "Tahoma", Arial, Helvetica, sans-serif; color:#fff;}


.btnUpdate{background:url(../images/btnUpdate.gif) left top no-repeat; height:28px; width:63px; color:transparent; border:0; text-indent:-9999px; margin-left:10px; cursor:pointer;}
.captionBlack{font:bold 14px "Tahoma", Arial, Helvetica, sans-serif; color:#000; text-align:left; margin-left:20px;}
.captionBlack1{font:normal 16px "Myriad Pro", Arial, Helvetica, sans-serif; color:#000;}
.captionBlack2{font:normal 12px Arial, Helvetica, sans-serif; color:#000;}
.acStatus{font:normal 15px "Tahoma", Arial, Helvetica, sans-serif; color:#756bae; text-align:left; text-transform:uppercase; margin:0 20px 0 0;}
.myHistory{border:solid 1px #8c8c8c; padding:15px; font:normal 12px "Tahoma", Arial, Helvetica, sans-serif !important; color:#000; text-align:left; margin-bottom:15px; width:715px; line-height:19px !important;}
.myHistory table, .myHistory td{font:normal 12px "Tahoma", Arial, Helvetica, sans-serif !important; line-height:19px !important; color:#000;}

.cancelJob{background:#dcdddd url(../images/cancelJobBg.gif) right top repeat-y; margin:15px 0 0 0; padding:25px 15px; border:solid 2px #b2b2b2; width:620px; font:normal 15px Arial, Helvetica, sans-serif; color:#000; text-align:left;}
.cancelJob table, .cancelJob td{font:normal 15px Arial, Helvetica, sans-serif; color:#000;}
.cancelJob textarea{width:560px; height:100px; border:solid 1px #b2b2b2;}
.btnSubmitArr{background:url(../images/btnsubmit1.gif) left top no-repeat; color:transparent; text-indent:-9999px; height:62px; width:122px; border:0; cursor:pointer; display:block;}
.msgCancelJob{font:bold 12px "Myriad Pro", Arial, Helvetica, sans-serif; color:#756bb0; text-align:center;}
.msgCancelJob a{font:normal 12px Arial, Helvetica, sans-serif; color:#000; text-align:center; text-decoration:underline;}
.msgCancelJob a:hover{text-decoration:none;}
.btnSubmit{background:url(../images/btnSubmit.gif) left top no-repeat; height:44px; width:96px; border:0; cursor:pointer; display:block; text-indent:-9999px;}

.thumbBg{background:url(../images/thumbBg.gif) left top no-repeat; padding:10px; width:127px; height:138px; text-align:center; margin-top:5px;}
.txtBlack{font:normal 12px "Tahoma", Arial, Helvetica, sans-serif; color:#000;}
.txtBoxPurple{font:bold 16px Arial, Helvetica, sans-serif; color:#756bb0; border:solid 1px #b2b2b2;}


.subHead th{background:url(../images/subHeadRunner.gif) left top repeat-x; padding:0 5px; height:26px; text-align:center; font:normal 14px Arial, Helvetica, sans-serif; color:#000;}
.subHead td{ font:normal 12px Arial, Helvetica, sans-serif !important; color:#000 !important; text-align:center; padding:10px;}
.subHead .brdLeft{border-left:solid 2px #a9a9a9;}
.subHead .brdRight{border-right:solid 2px #a9a9a9;}

.captionWhite, .captionWhite1{font:normal 14px Arial, Helvetica, sans-serif !important; color:#fff !important;}
.captionWhite1{font-size:12px !important; font-weight:bold !important;}
.note, .note1{font:normal 9px Arial, Helvetica, sans-serif !important; color:#fff !important;}
.note1{font-size:10px !important; color:#000 !important;}
.note1 a{font-size:11px !important; color:#fff !important;}

.feedback{background:#dcdddd url(../images/feedback-Bg.jpg) right top repeat-y; margin:15px 0 0 0; padding:25px 0 25px 10px; border:solid 2px #b2b2b2; width:661px; font:normal 12px Arial, Helvetica, sans-serif; color:#000; text-align:left;}
.feedback table, .feedback td{font:normal 12px Arial, Helvetica, sans-serif; color:#000;}
.feedback textarea{width:370px; height:120px; border:solid 1px #b2b2b2;}
.feedbackText{font:normal 12px Arial, Helvetica, sans-serif; color:#000; line-height:18px;}
.feedbackMsg{background:#756bb0; width:198px; height:46px; color:#fff; padding:5px; text-align:center; margin-top:10px;}

div.feedback td.radio-btn1 .caption1{float:left !important; margin:2px !important;}
div.feedback td.radio-btn1 .jqTransformRadio{float:left;}

.info{width:605px; margin:20px auto 0;}
.infoHead{background:url(../images/imgThankyou-for-joining.gif); margin:0; padding:0; width:605px; height:100px;}
.infoRunner{background:url(../images/imgThankyou-for-joining-runner.gif); margin:0; padding:10px 60px; width:485px; font:normal 15px Arial, Helvetica, sans-serif; color:#fff; text-align:center;}
.infoRunner a{color:#fff; text-decoration:none; font-weight:bold;}
.infoBottom{background:url(../images/imgThankyou-for-joining-bottom.gif); margin:0; padding:0; width:605px; height:8px;}

.creditCardInfo{width:390px; margin:20px auto;}
.creditCardInfoTop{background:url(../images/credit-info-top.gif) left top no-repeat; width:390px; min-height:300px;}
.creditCardInfoRunner{background:url(../images/credit-info-runner.gif) left top repeat-y; width:390px; margin-bottom:15px;}
.creditCardInfoBottom{background:url(../images/credit-info-bottom.gif) left bottom no-repeat; width:390px;}
.creditCardInfoContent{padding:20px; font:normal 12px Arial, Helvetica, sans-serif; color:#000 !important; text-align:left; min-height:300px;}