/*
'//////////////////////////////////////
'// FILE: /include/css/newStyles3.css
'// DESC: styles for vm2em funnel
'// $Revision: 6$
'// $Date: 10/09/2007 10:39:50 AM$
'// $Author: Amy Love$
'//////////////////////////////////////
*/

p, b, li, div, td  {
    font-family: arial, helvetica sans-serif; 
    font-size: 12px;
    line-height: 18px;
}

body { 
    margin: 0; 
    padding: 0; 
    text-align: center;
    background-color: #fff;
}

/*body {
    font-family: arial, helvetica sans-serif; 
    font-size: 14px;
    line-height: 22px;
}*/

a { color: #036; }
a:hover { text-decoration: underline; }

form { padding: 0; margin: 0; }
p { padding: 5px 0; }

#theWholePage {
    width: 730px;
    margin: 0 auto;
    text-align: left;
}

h1 {
  font-size: 24px;
  font-weight: bold;
  color: #30586e;
  font-style: italic;
  line-height: 1em;
  padding-bottom: 15px;
}

h2 { 
  font-weight: bold;
  font-size: 16px;
  color: #584b88;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 18px;
  margin-bottom: 4px;
}

/* TODO - check on usage */
.redError {
    font-weight: bold; 
    color: #c00;
    font-size: 14px;
}

.landingPageError {
    padding: 5px; 
    border: 1px solid #ccc; 
    background-color: #fff; 
    font-weight: bold; 
    color: #c00; 
    margin-right: 10px;
    margin-top: 10px;
}

/* new styles */
#header { margin: 10px 0; }

#logoBox { 
  float: left;
  background: url(/images/rebrand/callwave_logo_SM.gif) no-repeat;
  width: 267px; 
  height: 50px;
}

#logoBoxNoTag {
  float: left;
  background: url(/images/rebrand/callwave_logo_SM_noTag.gif) no-repeat;
  width: 217px; 
  height: 45px;
}

#logoBox h1, #logoBoxNoTag h1 { display: none; }
#logoBox a, #logoBoxNoTag a { display: block; width: 272px; height: 55px; }
#searchBox { float: right; margin-top: 20px; }
#searchBox a { font-size: 11px; color: #bf0000; text-decoration: none; font-weight: bold; }
#searchBox a:hover { text-decoration: underline; }

#splitContentContainerHome { text-align: left; background: url(/images/rebrand/homePage_anni3.gif) no-repeat top right; height: 333px; width: 733px; }
#splitContentContainerHome h4 { display: none; }
#splitContentContainerHome a.corner { float: right; display: block; width: 210px; height: 210px; }

#splitContentContainer { text-align: left; }
#splitContentContainer h1 { 
	font-size: 26px;
	font-style: normal; font-weight: normal;
	color: #584b88;
}

#splitContentContainer h3 { font-size: 14px; color: #584b88; font-weight: bold; padding-bottom: 5px; }
#splitContentContainer a { 
	color: #bf0000;
	font-size: 11px;
	text-decoration: none;
}

#splitContentContainer a:hover { 
	text-decoration: underline;
}

#splitContentContainer b { color: #584b88; }

#leftContent { width: 460px; font-size:14px; color: #909090; float: left; }
#rightContent { float: right; width: 233px; }

#SPleftContent { width: 170px; float: left; }
#SPrightContent { float: right; width: 340px; }
.colA {width: 236px; float: left;}
.colB {width: 236px; float: left;}
.colC {width: 236px; float: right;}

#col1 { width: 180px; font-size: 14px; color: #909090; }
#col2 { float: right; width: 520px; }
#inside_col2 { float: right; }

#col2 ul, #col2 ol { 
  margin-left:  24px;
}

#col2 h2 { padding: 0; margin: 0; }
#homeBoxes { 
    width: 680px; 
    margin: 0 auto;
    position: relative;
}

#home_col1 { 
  width: 300px;
  font-size: 11px;
  color: #000000;
  float: left;
  border: 1px solid #eeeeee;
  padding: 13px;
  background-image: url(/images/rebrand/micro_box_bg.gif);
  background-repeat: no-repeat;
  background-position: left top;
  height: 160px;
  clear: right;
}

#home_col2 {
  float: right;
  width: 300px;
  font-size: 11px;
  border: 1px solid #eeeeee;
  text-align: left;
  padding: 13px;
  background-image: url(/images/rebrand/micro_box_bg.gif);
  background-repeat: no-repeat;
  background-position: left top;
  height: 160px;
}

.hometext { 
  color: #999999;
  font-size: 11px;
}


#home_col1 .homeSubText, #home_col2 .homeSubText {
	color: #666666;
	font-size: 14px;
    font-weight: normal;
	line-height: 16px;
	padding: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.homeSubText {
    font-size: 13px; 
    font-weight: bold; 
    color: #8c8c8c;
    padding: 5px 0;
}

.homeButton { float: right; padding-right: 10px; padding-top: 15px; }

ul.homeBullets {
    list-style-image: url(/images/rebrand/red_arrow.gif);
    list-style-type: circle;
    padding: 0;
    margin: 0;
    padding-left: 15px;
}

ul.bullets {
    list-style-type: disc;
    padding: 0;
    margin: 0;
    color: #333;
}
.homeBullets li a { text-decoration: none; color: #666666; }
.homeBullets li a:hover { text-decoration: underline;  }

ul.homeBullets.purpleArrow {
    list-style-image: url(/images/rebrand/purple_arrow.gif);
}



/* please do not use id="button2" anymore, use class="button2" for red arrow buttons and class="button2 purple" for purple arrow bullets. */
#button2 {
  background-image: url(/images/rebrand/red_button.gif);
  background-repeat: no-repeat;
  margin: 0px;
  height: 38px;
  width: 128px;
  padding-top: 1px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  text-align: center;
}

#button2 a { 
  color: #ffffff;
  font-weight: bold;
  display: block;
  height: 38px;
  width: 128px;
  text-decoration: none;
}

.button2 { 
  background-image: url(/images/rebrand/red_button.gif);
  background-repeat: no-repeat;
  margin: 0px;
  height: 38px;
  width: 128px;
  padding-top: 1px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  text-align: center;
}

.button2 a { 
  color: #ffffff;
  font-weight: bold;
  display: block;
  height: 38px;
  width: 128px;
  text-decoration: none;
}
.button2 a:hover { text-decoration: underline;  }

.button2.purple {
  background-image: url(/images/rebrand/purple_button.gif);
}


.subtitle { color: #584b88; font-size: 14px; font-weight: bold; }

.blurp { font-size: 14px; color: #666; line-height: 20px; width: 310px; float: left; }
/*#splitContentContainer .blurp a, #splitContentContainer .blurp li { font-size: 14px; }
.blurpInside { font-size: 14px; color: #909090; line-height: 20px; float: left; width: 500px; }*/
#col1.blurpInside { width: 500px; font-size: 14px; color: #909090; float: left; }
.blurpInside b { color: #584b88; }
.blurp ul { list-style: disc; padding-left: 22px; }
.blurp ul li { font-size: 14px; line-height: 20px; /* padding: 5px 0; */ }

.phonePic {width:180px; float:left;}
.SPcopy {width:153px; float:right;}

.microBox { border: 1px solid #eeeeee; background: url(/images/rebrand/micro_box_bg.gif) top left no-repeat; }
.microBox ul { list-style: none; }
.alert { color: #bf0000; }

.formField { padding-bottom: 5px; font-size: 11px; color: #999999; }
.formField label { font: bold 11px arial; color: #666666; }
.formField span { font-size: 9px; color: #999999; line-height: 12px; }
.formField a { font-size: 9px; color: #bf0000; font-weight: bold; }

.microBox .formField input, select { width: auto; }
/*.microBox .formField input, .microBox .formField select { width: 200px; }*/
.notSure { float: right; width: 140px; border-left: 1px solid #eee; }
.notSure a {
	background: url(/images/rebrand/arrow_right.gif) center right no-repeat; padding-right: 10px;
	font-weight: bold;
}

#microNav { text-align: left; padding: 15px 0 20px 0; }
#microNav ul { list-style: none; padding: 0; margin: 0; }
#microNav ul li { display: inline; font-size: 10px; color: #999; padding-right: 15px; }
#microNav ul li a { font-size: 10px; color: #666; text-decoration: none; }
#microNav ul li a:hover { text-decoration: underline; }
.formField1 { padding-bottom: 5px; font-size: 11px; color: #999; }
#botnav { font-size: 12px; }



/********* ABL ADDITIONS BELOW *************/

.button {
	clear: both;
    border: 2px outset #ccc;
    border-top-width: 2px;
    border-left-width: 2px;
	background-color: #bf0000;
    font-size: 11px;
    font-weight: bold;
	padding: 1px;
    color: #fff;
}

.activationCodeBox { 
    margin: 0 auto; 
    width: 345px; 
    height: 60px; 
    padding: 8px 10px 10px 5px; 
    text-align: center; 
}

.deActivationCodeBox { 
    margin: 0 auto; 
    width: 208px; 
    height: 50px; 
    padding: 15px 10px 0 5px; 
    text-align: center; 
}

.activationCodeBox span { 
    font-size: 20px; 
    font-weight: bold; 
}

.deActivationCodeBox span { 
    font-size: 14px; 
    font-weight: bold; 
    line-height: 24px; 
    color: #000; 
}

.startCode { 
    color: #7e090a;
}

.endCode { 
    color: #7e090a;
    padding-right: 5px;
    padding-bottom: 10px;
}

.activationNumber { color: #7e090a; padding-bottom: 10px; }

.largeNumbers { font-size: 25px; font-weight: bold; float: left; height: 50px; padding: 5px 5px 0 0; position: relative; top: -7px; color: #584b88; }

.smallerText { font-size: 11px; }

.activationNumber .star { font-size: 30px; position: relative; top: 9px; }

.clearBoth { clear: both; }

.leftPadding10 { padding-left: 10px; }

.tertnav {
	padding-left: 10px;
}

.mgmt {
	height: 145px;
	width: 145px;
}


/* Nav drop down menu */
#topNav { 
    float: left;
    text-align: left; 
    padding-top: 5px; 
    border-top: 1px solid #8c8c8c; 
    padding-bottom: 15px; 
    display: block;
    width: 100%;
}
/*#topNav ul { list-style: none; padding: 0; margin: 0; }
#topNav ul li { display: inline; font-size: 12px; color: #999; padding-right: 10px; }*/
#topNav ul li a { font-size: 12px; color: #666; text-decoration: none; }
#topNav ul li a:hover { text-decoration: underline; }
#topNav ul li.live a { color: #584b88; font-weight: bold; }
#topNav ul li.live a.menu { color: #666; font-weight: normal; }



#topNav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
}

#topNav li {
    float: left;
    position: relative;
    padding-right: 25px;
    text-align: left;
    display: block;
}

#topNav li ul {
    display: none;
    position: absolute; 
    top: 1.5em;
    left: 0;
    text-align: left;
}

#topNav li ul li {
    background-color: #fff;
    width: 170px;
}

#topNav li > #topNav ul {
    top: auto;
    left: auto;
}

/* HACK! Don't know why this works for IE */
#topNav ul li ul li { display: block; clear: both; }

#topNav li:hover ul, #topNav li.over ul { display: block; }
li:hover ul, li.over ul { display: block; }
#topNav a.menu { font-size: 11px; font-weight: normal; padding-left: 5px; }

/* Form Fields */
.searchField { color: #666; font-style: italic; }

.noPaddingTop { margin-top: 0; padding-top: 0; }
.noPaddingBottom { margin-bottom: 0; padding-bottom: 0; }

/* MFR : Widgets.asp specific additions */
.widgGetNow {
  font-size: 14px;
  font-weight: bold;
  color: #bf0000;
  line-height: 1em;
}
.downloadItem {
	height:28px;
}
.widgDescStyle {
   margin-top:0px; 
	padding-top:0px; 
 	font-size: 12px; 
	color: #666666;
}
.widgQuestComment {
   margin-top:0px; 
	padding-top:0px; 
 	font-size: 12px; 
	color: #000;
	width: 176px;
}
.widgImg {
	border: 0;
}
.widgTitle {
	font-size: large;
	color: #5B4782;
}
.widgTitleBold {
	font-family: "Arial Black";
	font-size: large;
	color: #584b88;
}
.widgQoC {
    font-weight: bold;
}
/* MFR : Vtxt Invite Friends additions */
.textbox {
    font-size: 11px; 
    background-color: #fff;
    border: 1px solid #584b88;
    padding: 1px;
    margin: 1px 0px 5px;
}
.inviteFriendsTitle {
  font-size: 24px;
  color: #30586e;
  line-height: 1em;
  padding-bottom: 15px;
}
#logoBoxTYF { 
  float: left;
  background: url(/images/rebrand/callwave_logo_SM_noTag.gif) no-repeat;
  width: 217px; 
  height: 45px;
}
.VtxtFooter {
	font-family: "Arial";
    font-size: 10px; 
	color: #000; 
    text-align: center;
    width: 350px;
}
.yourFriendsTitle {
  font-size: 14px;
  font-weight: bold;
  color: #bf0000;
  line-height: 1em;
  padding-top: 10px;
  padding-bottom: 8px;
}
.textBoxTitles {
  font-size: 12px;
  color: #000;
  font-weight: bold;
  line-height: 1em;
  padding-bottom: 1px;
}
.subTitleText {
  font-size: 12px;
  color: #000;
  line-height: 1.2em;
  padding-bottom: 20px;
}
.vTxtSent {
  font-size: 24px;
  color: #30586e;
  line-height: 1em;
}
.yourFriendsSubmit {
  text-align: right;
  padding-right: 86px;
  line-height: 5em;
  padding-top:10px;
  padding-bottom: 10px;
}
/* MFR : Home Page Redesign cr17423 */
#cwContentBox {
    background: url(/images/roundContentBox.jpg);
    width: 237px;
    height: 97px;
}
#cwContentBox a {
    color: #454545;
    line-height: 12px;
    font-size: 12px;
    font-family: Arial;
    text-decoration: none;
}
.cwContentBoxTitle {
    padding-top: 9px;
    margin-left: 11px;
    color: #554c85;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial;
    margin-bottom: 8px;
}
.contentBoxItem{
    background: url(/images/bulletArrow.jpg) no-repeat;
    padding-left: 9px;
    padding-bottom: 8px;
    margin-left: 11px;
    color: #454545;
    line-height: 12px;
    font-size: 12px;
    font-family: Arial;
    border: 0px;
}
.cwImage {
    border: 0px;
}
#topNavLogin { 
    float: right;
    padding-top: 5px; 
    border-top: 1px solid #8c8c8c; 
    padding-bottom: 15px; 
    display: block;
    width: 49%;
    text-align: right;
}
.loginTextBold {
    font-size: 14px;
    font-weight: bold;
    color: #bf0000;
    line-height: 1em;
}
.loginBox {
    margin-left: 4px;
    margin-right: 4px;
    font-size: 11px; 
    background-color: #fff;
    border: 1px solid #584b88;
    padding: 1px;
}
#rightHeaderText a {
    color: #747474;
}
.tosText { padding-top: 10px; padding-bottom: 5px; text-align: center; width: 200px; font-family: arial; font-size:10;color: #67686c }
#uRegSplash { width: 730px; height: 235px; background: url(/images/mobile/uRegSplash.jpg) no-repeat;}
.uRegText { width: 411px; padding-left: 26px; padding-bottom: 3px; padding-top: 95px; font-size: 14px; font-family: Arial; line-height: 14px;  color:#3f3f3f;}
.uRegToolTip { width:223px; height: 44px; background: url(/images/mobile/uregToolTip.jpg) no-repeat; padding-left:15px; visibility: hidden; }
.uRegFormText { font-size: 11px; font-weight: bold; color:#000 }

#uRegMirrorSplash { width: 731px; height: 277px; background: url(/images/mobile/ureg_mirror_header.gif) no-repeat;}

#splitContentContainer .red { color: #bf0000; }