/*
--------------------------------------------------
quantumvoice phone order page css
Last Modified: 12/08/2006
-------------------------------------------------- */


/* Order Navigation
-------------------------------------------------- */


/* Main Content
-------------------------------------------------- */

/* Tables
-------------------------------------------------- */
table.order {
	border: 1px solid #5288BE;
	PADDING: 0px 0px 0px 0px; 
	MARGIN: 0px 0px 0px 0px;
	text-align: left;
	width: 550px;
}
table.order td {text-align: center;}
table.order td.left {text-align: left;}
table.order td.title {
	PADDING: 2px 0px 2px 0px; 
	MARGIN: 0px 0px 0px 0px;
	text-align: center;
	background: #5288BE;
	color: #ffffff;
	font-weight: bold;
}

table.orderinner {
	border: 0px solid #ffffff;
	PADDING: 3px 5px 3px 5px; 
	text-align: left;
}
table.orderinner td {
	border: 0px solid #ffffff;
	PADDING: 3px 5px 3px 5px; 
	text-align: left;
}
table.orderinner td.label {text-align: left;}
table.orderinner td.input {text-align: left;}

table.legend {
	border: 0px solid #ffffff;
	PADDING: 0px 0px 0px 0px; 
	MARGIN: 0px 0px 0px 0px;
	text-align: right;
	width: 550px;
}
table.legend td {text-align: right; font-size: .8em;}


/* Order Progress
----------------------------------------------- */
#progress {
  line-height:1.2em;
  padding-bottom:10px;
  }
#progress ol {
  display:inline;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  }
#progress ol li {
  display:inline;
  margin:0px 8px 0px 0px;
  padding:0px 8px 0px 0px;
  }

#progress ol li.step5 {
  display:inline;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  }

#progress strong,#progress em {
  background-repeat:no-repeat;
  background-position:left center;
  padding:13px 0 11px 11px;
  font-style:normal;
  text-transform:uppercase;
  text-decoration:none;
  font-size:.7em;
  }
#progress strong {color:#333;}
#progress em {color:#CABBA9;}

#step1 em {background-image:url("../images/order/arrow_grey.gif");}
#step1 strong {background-image:url("../images/order/arrow_red.gif");}
#step2 em {background-image:url("../images/order/arrow_grey.gif");}
#step2 strong {background-image:url("../images/order/arrow_red.gif");}
#step3 em {background-image:url("../images/order/arrow_grey.gif");}
#step3 strong {background-image:url("../images/order/arrow_red.gif");}
#step4 em {background-image:url("../images/order/arrow_grey.gif");}
#step4 strong {background-image:url("../images/order/arrow_red.gif");}
#step5 em {background-image:url("../images/order/arrow_grey.gif");}
#step5 strong {background-image:url("../images/order/arrow_red.gif");}


/* Order Summary
-------------------------------------------------- */
#ordersummary table {
	PADDING: 0px 0px 0px 0px; 
	MARGIN: 0px 0px 0px 0px;
	text-align: left;
	width: 550px;
  border: 0px solid #ffffff;
	border-collapse: collapse;	
}
#ordersummary td {
  padding: 3px 5px 3px 5px;
  background: #efefef;
  border: 1px solid #ffffff;
}
#ordersummary td.spacer {
  padding: 0px 0px 0px 0px;
  background: #ffffff;
 	height: 10px;
}
#ordersummary td.title {
  padding: 4px 5px 4px 5px;
  font-weight: bold;
  background: #5288BE;
  color: #ffffff;
  border-left: 0px solid #5288BE;
  border-right: 0px solid #5288BE;
}
#ordersummary td A.edit {
	COLOR: #ffffff;
	TEXT-DECORATION: none;
	FONT-SIZE: 5.5pt;
}
#ordersummary td A:visited.edit {
	COLOR: #ffffff;
}
#ordersummary td A:hover.edit {
	COLOR: #ffffff;
	TEXT-DECORATION: underline;
}

/* Fees Breakdown
-------------------------------------------------- */
table.feestable {
	border: 1px solid #cfcfcf;
	PADDING: 0px 0px 0px 0px; 
	MARGIN: 0px 0px 0px 0px;
	text-align: left;
	width: 550px;
	border-collapse: collapse;	
}
table.feestable td {
	padding: 2px 7px 2px 7px;
	border: 1px solid #cfcfcf;
}
table.feestable td.title {background: #efefef;}

table.feestable td.total {
	text-align: right;
}
table.feestable td.frequency {
	text-align: center;
}
table.feestable td.fee {
	text-align: fee;
}

/* Misc
-------------------------------------------------- */
table.comments {
	border: 1px solid #cfcfcf;
	PADDING: 0px 0px 0px 0px; 
	MARGIN: 0px 0px 0px 0px;
	text-align: left;
	width: 550px;
}
table.comments td {text-align: left;}
table.comments td.title {
	PADDING: 2px 0px 2px 0px; 
	MARGIN: 0px 0px 0px 0px;
	text-align: center;
	background: #cfcfcf;
	font-weight: normal;
}

input[type="text"]:hover {
    /*we will first set the border styles.*/
    background: #C5D9ED;
    }

input[type="text"]:focus {
    /*we will first set the border styles.*/
    background: #C5D9ED;
    }