/*
-----------------------------------------------
http://pindance.com - CSS Styles - other styles
Author:   Karol Golka
Company:  http://www.webstruments.com
Version:  December 19, 2005
----------------------------------------------- 
*/

/* phone number on sign-up page
-------------------- 	*/
#frmSignUp table td.phoneboxes .phonebox1 {
	margin-left: 49px;
	}
#frmSignUp table td.phoneboxes .phonebox1,
#frmSignUp table td.phoneboxes .phonebox2 {
	margin-right: 10px;
	}
#frmSignUp table td.phoneboxes b.b1 { margin-left: 5px; }
#frmSignUp table td.phoneboxes b.b2 { margin-left: 50px; }
#frmSignUp table td.phoneboxes b.b3 { margin-left: 60px; }

/* sign-up
-------------------- 	*/
#ratesbox.ratesbox-signup #signup-arrowbox {
	position: absolute;
	right: -350px;
	top: -40px;
	width: 438px;
	height: 218px;
	background: transparent url(../images/pindance-signup-arrowbox.gif) no-repeat 0% 0%;
	}
/*#normal.signup-page #header { 
	background: transparent url(../images/pindance-tooltips-logo.gif) no-repeat 25px 8px;
	height: 40px;
	margin-bottom: -10px;
	}	*/
#mini-card-signup {
	background: transparent url(../images/pindance-mini-card-signup.gif) no-repeat 0% 0%;
	width: 90px;
	height: 57px;
	display: block;
	position: absolute;
	top: 56px;
	right: 70px;
	}
span#cust-support {
	position: absolute;
	top: 14px;
	right: 60px;
	font-size: 11px;	
	color: #666 !important;
	}
span#cust-support strong { color: #666 !important; }
span.example {
	display: block;
	margin-top: 1em;
	}
span.top-example { 
	margin-top: 0;
	margin-bottom: 1em;
	}
span.example-none { margin: 3px 0 0; }
span#cust-support strong { color: #333333; }
#frmSignUp table {
	margin: 1em 0 2em;
	border-collapse: collapse;
	}
#frmSignUp table td {
	padding: 1em 1em 1em 0;
	vertical-align: top;	
	border-bottom: 1px solid #E1ECE1;
	}
#frmSignUp table .col1 {
	width: 160px;
	font-weight: bold;	
	}
/* inputs */

#frmSignUp table .col2 input, input.standard { 
	width: 290px; 
	border: 1px solid  #93CB2E;
	padding: 2px;
	height: 25px;
	font-size: 1.3em;
	font-weight: bold;
	color: #569908;
	}
.nobold {
	font-weight: normal !important;	
	}
#frmSignUp table .col2 {
	width: 340px;
	}
#frmSignUp table .col3 {
	color: #666;
	font-size: 80%;
	line-height: 1.5em;	
	}
#frmSignUp .colContinue {
	border-bottom: none;	
	text-align: left;	
	vertical-align:middle;
	}
#frmSignUp .colContinue input.btnStep {
	text-indent: -9000px;
	background: transparent url(../images/pindance-button-continue.gif) no-repeat 0% 0%;
	width: 152px;
	height: 50px;
	display: block;
	text-decoration: none;
	border: none;	
	cursor: pointer;
	margin-left: -5px;	
	}
#frmSignUp .colContinue input.btnStep:hover { background-position: 0% -50px; }
#frmSignUp .col2 span.slash {
	padding: 0 10px; 
	}
#frmSignUp #btnAddPhone {
	background: transparent url(../images/pindance-btn-plus.gif) no-repeat 0% 0%;
	height: 26px;
	line-height: 26px;
	border: none;
	margin: 1em 0;	
	text-decoration: underline;
	font-weight: normal;
	font-size: small;
	padding-left: 15px;
	}
#frmSignUp input#btnAddPhone:hover { cursor: pointer; }	
#frmSignUp .trusted-numbers input.phonenumbers {
	width: 240px;	
	}
#frmSignUp td.speeddial { width: 100%; }
#frmSignUp .trusted-numbers input.btnMinus {
	background: transparent url(../images/pindance-btn-minus.gif) no-repeat 0% 0%;
	width: 23px;
	height: 23px;
	margin-left: 10px;
	border: none;	
	}
input.btnAddPhone {
	text-decoration: underline;	
	}
#frmSignUp p#centinel {
	margin: 2em 0 0 60px;
	}
#frmSignUp p#centinel img {
	border: 4px solid #E1ECE1;
	margin: 0 1em 1em 0;
	padding: 1em;
	background-color: #FFFFFF;
	float: left;
	}
#frmSignUp p#centinel span {
	display: block; 
	margin-right: 80px;	
	padding-top: 8px;
	}
#frmSignUp div#iframe {
	margin: 1em 0 2em 60px;
	clear: both;
	}
#frmSignUp iframe { border: 4px solid #E1ECE1; }
#frmSignUp a#cvc { 
	margin-left: 7px; 
	}
/* step 3 - extra info - ordered list
-------------------- */
ol {
	list-style: none;	
	}
ol li {
	border-bottom: 1px solid #E1ECE1;
	padding-bottom: 5px;
	margin-bottom: 5px;
	}
ol li span {
	font-family: Georgia, "Times New Roman", Serif;
	font-size: 1.1em;
	font-weight: bold;
	padding-right: 7px;
	}
span.manage { display: block; margin-bottom: 1em; }
.noborder { border: none !important; }
		
/* coming soon
-------------------- */
#frmSignUp table#comingsoon .col1 {
	width: 80px;
	}
#frmSignUp table#comingsoon .noborder { border: none; }
#frmSignUp table#comingsoon .colContinue input.btnStep {
	float: none;
	background-image: url(../images/pindance-button-submit.gif);
	}

	
/* form stuff 
-------------------- */
.error-label {
	color: #FF0000;
	font-family: Georgia, "Times New Roman", Serif;
	font-size: 1em;
	display: block;	
	font-weight: normal !important;
	margin-top: .5em;
	background: transparent url(../images/pindance-red-excl.gif) no-repeat 0% 0%;
	padding-left: 26px;
	}
.error-label strong {
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	}
select#ddlRates, #frmSignUp select {
	font-size: 1.3em;	
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #569908;
	padding: 2px;		
	}
.button_gray
{ 
	color: red !important; 
	font-size: 1.1em;
	font-weight: normal !important;
	cursor: pointer; 
	border: solid 1px red !important; 
	background: #fff;
	padding: .1em .7em !important;	
	height: auto !important;
	width: auto !important;
	margin: 1em 15px 1em 0;	
	clear: left !important;
	display: none;
}
input.main {
	border: 3px solid #569908 !important;
	color: #569908 !important;
	padding: .3em 1.1em !important;
	display: block !important;
	}
.myaccount .mediumbox #frmSignUp textarea.multiline_textbox {
	width: 350px;
	height: 140px;
	display: block;	
	border: 3px solid #e1e1e1;
	margin: .3em 0 0;
	padding: 3px 5px;
	}

/* selects */
#frmSignUp select { 
	font-size: 1.3em;
	font-weight: bold;
	color: #569908;
	width: 120px; 	
	border: 1px solid #93CB2E;
	}
input, select {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	}
#frmSignUp .col2 input.small { width: 80px; }
#frmSignUp .col2 input.small2 { width: 60px; }
span.errors {
	display: block;
	padding: 1em 2em;
	margin: 1em 4em;
	border: 2px solid #FA1A08;
	color: #FF0000;
	font-family: Georgia, "Times New Roman", Serif;
	font-size: 1em;
	background: #fff url(../images/pindance-red-excl.gif) no-repeat 1em 1em;
	padding-left: 4em;
	}
span.errors strong {
	color: #A20000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	}
span.label {
	display: block;
	}
.button {
	display: block;
	}
	
/* misc. stuff
-------------------- */
#iframeHelpDesk {
	margin: 0;
	padding: 0;
	}
		

/* login
-------------------- */
table#login {
	margin: 0;
	border: none;	
	padding: 0;
	border-collapse: collapse;
	}
#login td {
	margin: 0;
	padding: 1em 0;
	vertical-align: top;
	}	
#login td.col1 {
	width: 120px;	
	font-weight: bold;
	text-align: right;
	padding-right: .5em;
	padding-top: 20px;
	}	
#login td.col2 {
	width: 100%;
	}	
#login input.standard {
	width: 280px; 	
	}
#login tr.bottom td {
	border-bottom: none;
	}
#login tr.small td {
	font-size: 80%;
	color: #666;
	padding-top: 0;
	padding-bottom: .5em;
	}
#login td.col2 a.light {
	color: #666;
	font-size: 90%;
	display: block;
	border: none;
	text-decoration: underline;
	}
a.light:hover, a.light:active {
	background: none;
	border: none;
	color: #569908;
	text-decoration: underline;
	}
#login input#btnLogin, input.btnSubmit {
	background: transparent url(../images/pindance-btn-login.gif) no-repeat 0% 0%;
	width: 100px;
	height: 45px;
	cursor: pointer;
	border: none;	
	}
#login input#btnLogin:hover, input.btnSubmit:hover {
	background-position: 0% -45px;
	cursor: pointer !important;
	}
input.btnSubmit {
	background-image: url(../images/pindance-btn-submit.gif);
	}

/* myaccount
-------------------- */

ul.squares { list-style: none; }
ul.squares li {
	background: transparent url(../images/pindance-bullet-bluesqr.gif) no-repeat 0% 8px;
	padding-left: 15px;
	margin-left: 10px;
	}
#normal.myaccount div.mediumbox-left { 
	margin-bottom: 1em; 
	}
.myaccount p.topnote {
	margin-top: 6px;	
	}
#account-balance {
	width: 350px;
	float: left;
	margin-right: 20px;
	background: #9DD137;
	border-top: 3px solid #89C245;
	border-bottom: 3px solid #89C245;
	}
#account-balance #balance {
	text-align: center;	
	line-height: 1.2em;
	padding: 5px 10px;
	color: #fff;
	display: block;
	background: #569908;
	}
#account-balance #amount {
	font-family: Georgia, "Times New Roman", Serif;
	font-size: 1.6em;
	padding: 10px;
	display: block;
	text-align: center;	
	color: #000;
	}
#customer-service {
	float: right;
	margin-left: 20px;
	background: #A8A8A8;
	border-top: 3px solid #ddd;
	border-bottom: 3px solid #ddd;
	}	
#customer-service #title, #customer-service #title2, #customer-service .title {
	text-align: center;	
	line-height: 1.2em;
	padding: 5px 10px;
	color: #fff;
	display: block;
	background: #606060;
	}
#customer-service #detail, #customer-service .detail {
	font-family: Georgia, "Times New Roman", Serif;
	font-size: 1.6em;
	padding: 10px;
	display: block;
	color: #f1f1f1;
	}
#customer-service #detail a:hover {
	color: #333;
	}
#customer-service #detail em {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 60%;
	text-align: center;
	display: block;
	}	
ul#ulTrustedNumbers {
	margin: 10px 0 0;
	padding: 0;	
	}
ul#ulTrustedNumbers li {
	font-weight: bold;
	font-size: 1.1em;
	margin-left: 20px;
	}
.myaccount h2 { position: relative; }
.myaccount a.change {
	display: block;
	background: transparent url(../images/pindance-btn-change.gif) no-repeat 0% 0%;
	width: 68px;
	height: 22px;
	text-indent: -1000em;
	float: left;
	border: none;
	position: absolute;
	overflow: hidden;
	top: 0;
	}
.myaccount a.turn-on {
	background-image: url(../images/pindance-btn-turnon.gif);
	}
.myaccount .mediumbox a.change	{ left: 324px; }
.myaccount .smallbox a.change	{ left: 223px; }
.myaccount a.change:hover { background-position: 0% -22px; }
.myaccount .smallbox ul {
	margin-bottom: 2em; 
	}
.myaccount .smallbox ul li {
	padding-bottom: 8px; 
	}
.myaccount div.check {
	background: transparent url(../images/pindance-icon-check.gif) no-repeat 0% 0%;
	width: 12px;
	height: 10px;
	display: block;
	margin: 0 auto;
	}
		

/* myaccount > change pages
-------------------- */
.myaccount #frmSignUp .colContinue input.btnSave {
	background: transparent url(../images/pindance-btn-save.gif) no-repeat 0% 0%;
	width: 100px;
	height: 45px;
	}
.myaccount #frmSignUp .colContinue input.btnStep:hover { background-position: 0% -45px; }
.myaccount div.phonerow {
	margin-bottom: 30px;	
	display: block;
	}	
.myaccount div.phonerow span {
	font-size: 1.3em;
	margin-right: 10px;
	padding: 5px 15px;
	/*border: 2px solid #e1e1e1;*/
	}	
.myaccount div.phonerow a.edit, .myaccount div.phonerow a.delete {
	font-weight: bold;
	border: none;
	text-decoration: underline;
	}	
.myaccount div.phonerow a.edit { color: #376C03; }
.myaccount div.phonerow a.delete { color: #F7200D; }
.myaccount #frmSignUp td.col2 a.add {
	background: transparent url(../images/pindance-btn-plus.gif) no-repeat 0% 0%;
	display: block;
	height: 26px;
	line-height: 26px;
	border: none;
	margin: 1em 0;	
	text-decoration: underline;
	font-weight: normal;
	font-size: small;
	padding-left: 35px;
	font-weight: bold;
	color: #569908;
	}
.myaccount #frmSignUp span.checkbox {	
	margin: 0 !important;
	padding: 0 !important;
	display: inline !important;
	float: left !important;
	border: none;	
	}
.myaccount span.checkbox input {
	border: none;
	margin-right: 10px;
	}
.myaccount #world dl.premium-services dd.item span {
	font-size: 85%;
	}
.bigbutton {
	text-transform: capitalize !important;
	display: block !important;
	border: 2px solid #F8CA01 !important;
	background: #FDE900 !important;
	padding: .3em 1em !important;
	font-family: Verdana, Helvetica, Arial, Sans-Serif !important;
	font-size: 14px !important;
	font-weight: bold !important;
	color: #666 !important;
	margin: .5em auto !important;
	width: 200px;
	text-align: center;	
	}	
a.bigbutton:hover {
	color: #000 !important;
	background: #F8CA01 !important;
	}
.bigbutton-left {
	margin-left: 0 !important;
	margin-right: 0 !important;	
	}

/* testimonials
-------------------- */
.testimonials .navbox {
	margin-left: 40px; 
	}
.testimonials .navbox h4 { display: none; }
.testimonials .navbox div.quote-top {
	background: transparent url(../images/pindance-testimon-qtopg.gif) no-repeat 0% 0%;
	margin: 20px 80px 0 0;
	}
.testimonials .navbox div.quote-top div.quote-bottom{
	background: transparent url(../images/pindance-testimon-qbottomg.gif) no-repeat 100% 97%;	
	padding: 10px 5px;
	font-size: 90%;	
	}
.testimonials .navbox span.quote-source {
	font-weight: bold;
	font-size: 85%;
	text-align: left;
	display: block;
	padding: 0 0 15px 0;
	}
	
/* tour
-------------------- */
dl.standard {
	margin-top: 1em;
	}
dl.standard dt {
	font-weight: bold;
	margin-top: 1em;	
	background: transparent url(../images/pindance-bullet-greyarrow.gif) no-repeat 0% 3px;
	padding-left: 25px;
	}	
dl.standard dd { margin-left: 25px; }
	
/* privacy policy
--------------------- */
ul.std li {
	margin-left: 40px;
	}
ul.std {
	margin-top: -20px;
	padding-top: 0;
	display: block;
	margin-bottom: 20px;
	}
ol.std {
	list-style-type: decimal;
	margin: 0 2em;
	}
ol.std li {
	border: none;
	margin-left: 20px;
	font-size: 90%;
	}
p.Heading4 {
	display: inline;
	font-weight: bold;
	}
	

