@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);
#container { width: 940px; margin: 0 auto; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 16px; }
#topheader { margin: 10px 0; border-bottom: 1px solid #4396bf; }
#logo { clear: both }
h1 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 2.0em; line-height: 1.214em; margin: 2px 2px 2px 0; padding: 2px 2px 2px 0; }
#title { color: #4396bf; }
#leftbar { float: left; }
#content { border-bottom: 1px dashed #999; color: #008fd5; float: left; font-size: 18px; line-height: 32px; margin: 30px 0; padding: 20px 0; }
.highlight_item { float: left; width: 100%; text-align: left; margin-top: 10px; }
#Table1 { width: 100%; border: none; margin: 0; padding: 0; float: left; }
#Table1 tr { float: left; width: 100%; margin: 0; padding: 0; }
#Table1 th { float: left; width: 100%; margin: 0; padding: 0; }
#rightbar { float: left; margin: 0 27%; }
h3 { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 1.333em; line-height: 1.375em; color: #666; }
h2 { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 1.4em; line-height: 1.3em; color: #666; }
.highlight_item img { float: left; margin-right: 10px; }
.highlight_item p { padding-left: 76px; margin-bottom: 20px; }
#footer { text-align: center; color: #999; background-color: #383838; border-top: 5px solid #e5e5e5; margin-top: 0px; padding: 30px; font-family: 'Open Sans', sans-serif; font-size: 12px; }
#titlediv { float: left; width: 520px; }
#formcage { padding: 20px; background-color: #E1F9FF; border: 1px solid #b8e9f5; float: left; margin: 15% 0; }
cmdLogin { width: auto; display: inline-block; cursor: pointer; line-height: normal; margin: 0 10px 20px 0; border: none; color: #fff !important; padding: 7px 15px; background-color: #4396bf; }
cmdLogin:hover { background-color: #333333; }
#txtAuthCode { border: 1px solid #999; border-radius: 5px; margin: 0 38px; padding: 6px; width: 44%; }
#txtCellNumber { border: 1px solid #999; border-radius: 5px; margin: 0 10px; padding: 6px; width: 44%; }
#Form2 { float: left; width: 100%; height: auto; }
#lblError { width: 100% !important; }
#cmdLogin { background: none repeat scroll 0 0 #008fd5; border: 1px solid #008fd5; border-radius: 5px; box-shadow: 0 1px 0 #3bbcfb inset; color: #fff; float: left; font-size: 16px; height: auto !important; margin: 20px 0; padding: 10px 0; width: 100%; }
.defaultContainer { width: 100%; margin: 0 auto; }
#secTable { float: left; width: 100%; margin: 0 0 30px 0; }
#DataGrid1 { width: 100%; }
.thankYou { float: left; margin: 0 0 20%; }
#page-title { float: left; margin: 20px 0; width: 100%; color: #008fd5; }
.notification-box p { line-height: 35px; float: left; width: 100%; }
/*card Code*/
.cardCode { width: 100%; float: left; }
.cardCode h3 { color: #999; font-size: 2em; font-weight: 500; margin: 0 0 10px; }
.cardCode p { width: 100%; float: left; font-size: 15px; color: #333; line-height: 30px; margin-bottom: 20px; }
.codeImg { float: left; background: #fff; padding: 10px; border-radius: 5px; border: 1px solid #999; }
/*OrderInformation*/
.OrderInformation { width: 100%; float: left; margin-bottom:30px;}
.OrderInformation h1 { width: 100%; background: #008fd5; font-size: 18px; color: #fff; padding: 10px; }
.paymenInformation { width: 100%; float: left; }
.paymenInformation h1 { width: 100%; background: #008fd5; font-size: 18px; color: #fff; padding: 10px; }
.billingInformation { width: 100%; float: left; background: #fff; }
.billingInformation h1 { width: 100%; background: #008fd5; font-size: 18px; color: #fff; padding: 10px; margin:0; }
.billingInformation span { float: left; width: 100%; font-size: 14px; }
.billingInformation input { float: left; width: 100%; }
#lblState { float: left; width: 100%; }
#cmbState { float: left; width: 100%; }
.tableHeader { width: 100%; background: #008fd5 !important; color: #fff; text-align: center; }
.tableHeader td { font-size: 14px; font-weight: bold; }
.billingInformation p { float: left; margin: 5px 0; padding: 2% 0; width: 96%; }
#cmdSubmit { background: none repeat scroll 0 0 #008fd5; border: 1px solid #008fd5; border-radius: 5px; box-shadow: 0 1px 0 #3bbcfb inset; color: #fff; float: left; font-size: 16px; height: auto !important; margin: 20px 0; padding: 10px 50px; }
/*calldetail*/
.invoiceSec { width: 100%; float: left; margin: 0; }
.invoiceDetail { width: 100%; float: left; margin: 0; }
.invoice { width: 100%; float: left; margin: 20px 0; }
.invoice h1 { color: #999; font-size: 2em; font-weight: 500; margin: 0 0 10px; text-align: center; }
.balance { float: left; padding: 0; }
.tableCalldetail { float: left; background: #FFF; margin: 15px 0; }
.afterTable { background: none repeat scroll 0 0 #0087d5; float: left; margin: 15px 0; padding: 20px; }
.cardDeail { width: 100%; float: left; }
.cardDeail ul { display: block; float: left; list-style: outside none none; margin: 10px 0; padding: 0; width: 100%; }
.cardDeail ul li { float: left; }
.cardDeail ul li a { float: left; margin: 0 5px; }
.clickDetail { float: left; margin: 10px 0; width: 100%; }
.clickDetail p { color: #fff; float: left; margin: 4px 20px 10px 0; }
.afterTable .calldetailAddress { width: 100%; float: left; color: #fff; text-align: left; font-size: 16px; margin: 10px 0; }
.calldetailNum { color: #fff !important; margin: 10px 0; }
.cardDeail p { float: left; color: #fff; }
.tableItem td { width: 100%; text-align: center; color: #999; font-size: 12px; padding: 10px;  border:1px solid #f3f3f3 !important;}
.tableFormating { WIDTH: 100%; HEIGHT: 152px; background: #fff; }
/******** Call Detail New Page CSS ***********/
.callDetailMain { width: 100%; float: left; overflow-x: auto; display: block !important; }
.callDetailP { width: 100%; height: auto; float: left; padding: 20px 0; }
.callDetailP h1 { color: #999; font-size: 2em; font-weight: 500; margin: 0 0 10px; text-align: center; }
.balanceDetail { width: 100%; float: left; }
.balanceDetail p { float: left; font-size: 20px; margin: 0; color: #0087d5 !important; }
.CallDetailForm { width: 100%; float: left; height: auto; background: white; padding: 0; }
.cardDetail { width: 100%; float: left; height: auto; padding: 10px 0; }
.CalldetailPaypal { width: 100%; float: left; height: auto; padding: 10px 0; }
.CallDetailImg { width: 100%; float: left; height: auto; padding: 10px 0; }
.CallDetailForm .CalldetailHeading { width: 100%; float: left; height: auto; }
.CalldetailHeading tr { width: 100%; float: left; }
.CalldetailHeading tr td { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #ccc -moz-use-text-color #ccc #ccc; border-image: none; border-style: solid none solid solid; border-width: 1px medium 1px 1px; float: left; font-size: 15px; font-weight: bold; margin: 0; padding: 15px 9px; color: ##0087d5; }
.calldetailContent { width: 100%; float: left; border: none; }
.calldetailContent tr { width: 100%; float: left; }
.calldetailContent tr td { border: medium none; float: left; width: 90px; }
.cardDetail p { float: left; color: #666 !important; margin-bottom: 20px; }
.cardImg { border: 1px solid #ccc; float: left; margin: 0 !important; padding: 10px !important; width: 100%; }
.cardImg li { float: left; width: auto !important; }
.cardImg li a { float: left; margin: 0 10px; }
.pay_now { background: #0087d5 none repeat scroll 0 0; color: #fff; float: left; margin: 10px 0; padding: 5px 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
a.pay_now:hover { color: #fff !important; }
.cardemargin { margin: 35px 25% !important; }
.callBg { width: 100%; background: #fff; padding: 20px 0; float: left; margin-top: 20px; }
.BtnOut { width: 100%; float: left; }

/******** Call Detail New Page CSS ***********/

@media screen and (max-width:950px) {
.CallDetailForm { overflow-x: auto; display: block; }
}
 @media only screen and (min-width:1px) and (max-width:767px) {
#txtAuthCode { border: 1px solid #999; border-radius: 5px; margin: 10px 0; padding: 6px; width: 100%; }
#txtCellNumber { border: 1px solid #999; border-radius: 5px; margin: 10px 0; padding: 6px; width: 100%; }
#cmdLogin { font-size: 11px; padding: 10px 0; width: 100% !important; }
#lblExpDate { width: 100% !important; margin: 10px 0; }
#lblCardCode { width: 100% !important; margin: 10px 0; }
#txtFirstName, #txtLastName, #txtPhone, #txtAddressLine1, #txtCity, #cmbState, #txtZip, #txtEmail { width: 100% !important; }
#cmdSubmit { width: 100%; }
#rightbar { margin: 0; }
.cardemargin { margin: 30px 21% !important; }
.cardemargin { margin: 30px 5% !important; }
.callDetailP h1 { margin: 0 0 40px; }
}
 @media only screen and (min-width:768px) and (max-width:950px) {
#txtAuthCode { border: 1px solid #999; border-radius: 5px; margin: 10px 0; padding: 6px; width: 100%; }
#txtCellNumber { border: 1px solid #999; border-radius: 5px; margin: 10px 0; padding: 6px; width: 100%; }
#cmdLogin { margin: 20px 0; padding: 10px 0; width: 100% !important; }
#rightbar { margin: 0; }
}