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

#myAccount {
	width: 100%;
	margin: 0 0 0 0px;
}
#myAccount .fields {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: #ffffff;
	padding: 20px 0px 0 45px;
	margin-bottom: 30px;
	margin-top: 20px;
}
#myAccount .fields .section {	
	border-bottom: 2px solid #c2c2c2;
}
#myAccount .fields h1.titlePage {margin-top: -28px; padding: 0; z-index: 1000; position:relative; max-width:160px}

@media (min-width: 993px) and (max-width: 1199px) {
	
}

@media (min-width: 768px) and (max-width: 992px) {
	
}

@media (max-width: 767px) {
	#myAccount .fields {padding: 10px 30px 20px 30px; margin-top: 20px;}
}


/* **************************** */

#myAccount .fields input.textField {border: 1px solid #adadad;}
#myAccount .fields .divTextArea {border: 1px solid #adadad;}

ul.itemJob {border-bottom: 1px solid #c2c2c2;}
ul.itemAlert {border-bottom: 1px solid #c2c2c2;}

/* **************************** */

/* MY CART */

ul.itemCart {list-style: none; border-bottom: 1px solid #c2c2c2; padding:5px 0; margin: 0; width: 100%;}

ul.itemCart:before, ul.itemCart:after {display: table; content: " ";}
ul.itemCart:after {clear: both;}

ul.itemCart li {
	float: left;
	font-family: 'CenturyGothicRegular';
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	padding: 8px 0 5px 0;
}
ul.itemCart li.name {width: 65%; color: #ff3333; font-family: 'CenturyGothicRegular';}
ul.itemCart li.name span {color: #008da9; font-family: 'CenturyGothicRegular'; float: right;}
ul.itemCart li.price {width: 21%; text-align: right;}
ul.itemCart li.price span {color: #cccccc; font-family: 'CenturyGothicRegular';}

ul.itemCart li.qty {width: 7%;}
ul.itemCart li.qty  select {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #ffffff url(../images/arr-select.png) no-repeat 23px 8px;
	width: 38px;
	margin: -3px 0 0px 5px;
	padding: 0px 12px 0 0;
	color: #000000;
	font-family: 'CenturyGothicRegular';
	font-size: 12px;
	border: 1px solid #adadad;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
}
ul.itemCart li.total {width: 7%;}


@media (min-width: 993px) and (max-width: 1199px) {
	
}

@media (min-width: 768px) and (max-width: 992px) {
	#myAccount .section a.btnJob.right {
		background: url(../images/btn-arr-right.png) no-repeat right -8px;
		padding: 0 10px 0 0px;
		width: auto!important;
		float: none;
	}
	ul.itemCart li.name {width: 100%;}
	ul.itemCart li.price {width: auto; text-align: left;}
	ul.itemCart li.qty {width: auto;}
	ul.itemCart li.total {width: auto; padding-left: 2px;}
}

@media (max-width: 767px) {
	#myAccount .section a.btnJob.right {
		background: url(../images/btn-arr-right.png) no-repeat right -8px;
		padding: 0 10px 0 0px;
		width: auto!important;
		float: none;
	}
	ul.itemCart li.name {width: 100%;}
	ul.itemCart li.price {width: auto; text-align: left;}
	ul.itemCart li.qty {width: auto;}
	ul.itemCart li.total {width: auto; padding-left: 2px;}
}

/* **************************** */

/* MY PACKAGES */

ul.itemPackage {list-style: none; border-bottom: 1px solid #c2c2c2; padding:5px 0; margin: 0; width: 100%;}

ul.itemPackage:before, ul.itemPackage:after {display: table; content: " ";}
ul.itemPackage:after {clear: both;}

ul.itemPackage li {
	float: left;
	font-family: 'CenturyGothicRegular';
	color: #333333;
	font-size: 11px;
	font-weight: normal;
	padding: 8px 0 5px 0;
}
ul.itemPackage li.name {width: 75%; font-family: 'CenturyGothicRegular';}
ul.itemPackage li.name span {color: #008da9; font-family: 'CenturyGothicRegular'; font-size: 12px;}
ul.itemPackage li.name span.alert0 {color: #ff3333; font-family: 'CenturyGothicRegular'; font-size: 12px;}
ul.itemPackage li.name span.alert1 {color: #c2c2c2; font-family: 'CenturyGothicRegular'; font-size: 12px;}
ul.itemPackage li.status {width: 25%; text-align: right;}
ul.itemPackage li.status span {color: #008da9; font-family: 'CenturyGothicRegular'; font-size: 12px;}
ul.itemPackage li.status span.alert0 {color: #ff3333; font-family: 'CenturyGothicRegular'; font-size: 12px;}
ul.itemPackage li.status span.alert1 {color: #888888; font-family: 'CenturyGothicRegular'; font-size: 12px;}



@media (min-width: 993px) and (max-width: 1199px) {
	
}

@media (min-width: 768px) and (max-width: 992px) {
	
}

@media (max-width: 767px) {
	
}


/* RIGHT SIDE        */ /******************************/ /* START */

.rightSide {}

.rightSide .paymentPackages {
	padding: 15px 0;
	width: 240px;
}

.rightSide .paymentPackages h1.title {
	font-family: 'CenturyGothicBold';
	text-transform: uppercase;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	color: #080808;
	padding: 0;
	margin: 0 0 10px 0;
}
.rightSide .paymentPackages p {
	font-family: 'CenturySchoolbookBoldItalic';
	font-size: 12px;
	line-height:normal;
	font-weight: normal;
	color: #333333;
	text-align: center;
}

.rightSide .paymentPackages p a {
	text-decoration: none; color: #008ca9;
	font-family: 'CenturySchoolbookBoldItalic';
	font-size: 12px;
}
.rightSide .paymentPackages p a:hover {color: #FF3333;}


.rightSide .paymentPackages ul.myCart {list-style: none; border-bottom: 1px solid #999999; padding:5px 0; margin: 0 0 0 0; width: 100%;}

.rightSide .paymentPackages ul.myCart:before, .rightSide .paymentPackages ul.myCart:after {display: table; content: " ";}
.rightSide .paymentPackages ul.myCart:after {clear: both;}

.rightSide .paymentPackages ul.myCart li {
	float: left;
	font-family: 'CenturyGothicRegular';
	color: #333333;
	font-size: 12px;
	font-weight: normal;
}
.rightSide .paymentPackages ul.myCart.total li {font-family: 'CenturyGothicBold';}
.rightSide .paymentPackages ul.myCart li.job {width: 75%;}
.rightSide .paymentPackages ul.myCart li.price {width: 25%; text-align: right; padding: 0 0 0 0;}
.rightSide .paymentPackages ul.myCart li.valueoforder {width: 25%; text-align: right; padding: 0 0 0 0;}

.rightSide .paymentPackages ul.myCart li a {text-decoration: none; font-size: 11px; color: #008ca9; font-family: 'CenturyGothicRegular';}
.rightSide .paymentPackages ul.myCart li a:hover {color: #FF3333;}


.rightSide .paymentPackages input.textField {
	width: 115px;
	border: 1px solid #dfdfdf;
	padding: 3px 10px;
	margin-bottom: 8px;
	float: none;
}
.rightSide .paymentPackages input.btnUpdate {
	outline: none;
	border: 0;
	background-color: transparent;
	background-image: url(../images/btn-update.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 73px;
	height: 23px;
	float: right;
	margin: 0 0px 0 30px;
	text-indent: -999px;
}
.rightSide .paymentPackages input.btnUpdate:hover {background-position: -73px 0;}


.rightSide .paymentPackages .btn {
	background-image:url(../images/checkout-btns.png);
	background-repeat: no-repeat;
	outline: none;
	display:block;
	margin: 5px 0;
}
.rightSide .paymentPackages .btnAddJob {
	border: 0;
	width: 240px; height: 40px;
	background-position:    0px    0px;
	text-indent: -999px
}
.rightSide .paymentPackages .btnAddJob:hover {background-position: -240px   0px;}

.rightSide .paymentPackages .btnPayLater {
	border: 0;
	width: 240px; height: 40px;
	background-position:    0px  -40px;
	text-indent: -999px
}
.rightSide .paymentPackages .btnPayLater:hover {background-position: -240px  -40px;}

.rightSide .paymentPackages .btnPayNow {
	border: 0;
	width: 240px; height: 60px;
	background-position:    0px  -80px;
	text-indent: -999px
}
.rightSide .paymentPackages .btnPayNow:hover {background-position: -240px  -80px;}


@media (min-width: 993px) and (max-width: 1199px) {
	
}

@media (min-width: 768px) and (max-width: 992px) {
	
}

@media (max-width: 767px) {
	
}



/* RIGHT SIDE        */ /********************************/ /* END */



/* Added 09.04.2014 */

#myAccount .fields.new {padding: 20px 0px 0 0px;}

.content h1.titlePage.new {
	font-family: 'CenturyGothicBold';
	text-transform: uppercase;
	font-size: 22px;
	line-height: 22px;
	font-weight: normal;
	color: #333333;
	padding: 0;
	margin: 0;
}

@media (min-width: 993px) and (max-width: 1199px) {
	
}

@media (min-width: 768px) and (max-width: 992px) {
	
}

@media (max-width: 767px) {
	
}



#myAccountNav .nav-tabs {border-bottom: 0px solid #FFFFFF; margin:-32px 130px 0 0; padding: 0px 0 0 0px}
#myAccountNav .nav > li > a {
	position: relative;
	display: block;
	padding: 7px 20px;
	font-family: 'CenturyGothicBold';
	color: #333333;
	font-size: 18px; line-height: 18px;
	letter-spacing: 1px;
	text-transform: uppercase;
	/*border: 0px solid transparent;*/
	border:0px;
}
#myAccountNav .nav-tabs > li > a:hover {
	border-color: #e8e8e8 #e8e8e8 #ffffff;
	border:0px;
}

#myAccountNav .nav > li > a:hover,
#myAccountNav .nav > li > a:focus {
	text-decoration: none;
	background-color: #ffffff;
	color: #008ca9;
}

#myAccountNav .nav-tabs > li.active > a,
#myAccountNav .nav-tabs > li.active > a:hover,
#myAccountNav .nav-tabs > li.active > a:focus {
	color: #FF3333;
	cursor: default;
	background-color: #ffffff;
	border: 0px solid #ffffff;
	border-bottom-color: transparent;
}

@media (min-width: 993px) and (max-width: 1199px) {
	#myAccountNav .nav-tabs {border-bottom: 0px solid #FFFFFF; margin:-32px 0px 0 0; padding: 0px 0 0 0px}
	#myAccountNav .nav > li > a {padding: 7px 10px;}
	#myAccount #email-alerts-tab ul.itemAlert li.select {width: 20%;}
	#myAccount #email-alerts-tab ul.itemAlert li.job {width: 70%;}
}

@media (min-width: 768px) and (max-width: 992px) {
	#myAccountNav {width: 100%;}
	#myAccountNav .nav-tabs {border-bottom: 0px solid #FFFFFF; margin:0px 0px 0 0; padding: 0px 0 0 0px; width: 100%;}
	#myAccountNav .nav > li > a {padding: 7px 10px;}
	#myAccountNav .nav > li > a:first-child {padding: 7px 10px 7px 0px;}
	#myAccount #email-alerts-tab ul.itemAlert li.select {width: 100%;}
	#myAccount #email-alerts-tab ul.itemAlert li.job {width: 90%;}
}

@media (max-width: 767px) {
	#myAccountNav .nav-tabs {padding: 0 0 0 0;}
	#myAccountNav .nav > li > a {
		padding: 3px;
		font-size: 14px; line-height: 14px;
	}
}


#job-follow-tab, #email-alerts-tab, #job-posters-tab, #my-packages-tab, #payment-info-tab, #change-password-tab {margin-left: -35px;}

#myAccount #email-alerts-tab label.chk {
	line-height: 8px;
	padding-left: 17px !important;
	border: 0px;
	vertical-align: middle;
	width: 70px;
}
#myAccount #job-posters-tab label.chk {margin-top: 5px; padding: 0 0 0 17px;}

@media (min-width: 993px) and (max-width: 1199px) {
	#myAccount .fields #payment-info-tab .left.label {width: 130px;}
	#myAccount .fields #payment-info-tab .right {width: 350px;}
	#myAccount .fields #payment-info-tab input.textField {width: 350px;}
	
	#myAccount .fields #change-password-tab .left.label {width: 130px;}
	#myAccount .fields #change-password-tab .right {width: 350px;}
	#myAccount .fields #change-password-tab input.textField {width: 350px;}
}

@media (min-width: 768px) and (max-width: 992px) {
	
}

@media (max-width: 767px) {
	
}

/* */

#myAccount .fields .section:before, #myAccount .fields .section:after {display: table; content: " ";}
#myAccount .fields .section:after {clear: both;}

#myAccount .fields .section {line-height: 16px; padding-right: 150px;}
#myAccount .fields .section strong {line-height: 16px;}

#myAccount #job-follow-tab .section a.btnJob,
#myAccount #email-alerts-tab .section a.btnJob,
#myAccount #job-posters-tab .section a.btnJob,
#myAccount #my-packages-tab .section a.btnJob,
#myAccount #payment-info-tab .section a.btnJob {
	font-family: 'CenturyGothicBold';
	letter-spacing:normal;
	font-size: 13px;
	line-height: 14px;
	/* color: #008ca9; */
	color: #008ca9;
	text-transform: uppercase;
	text-decoration: none;
	border: 0;
	outline: none;
	height: auto;
	margin: -15px -150px 0 0;
}
#myAccount #job-follow-tab .section a.btnJob.right,
#myAccount #email-alerts-tab .section a.btnJob.right,
#myAccount #job-posters-tab .section a.btnJob.right,
#myAccount #my-packages-tab .section a.btnJob.right,
#myAccount #payment-info-tab .section a.btnJob.right {
	background: #e3e5e5;
	padding: 8px 12px 8px 12px;
	width: auto!important;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	float: right;
	display: block;
}
#myAccount #job-follow-tab .section a.btnJob.right:hover,
#myAccount #email-alerts-tab .section a.btnJob.right:hover,
#myAccount #job-posters-tab .section a.btnJob.right:hover,
#myAccount #my-packages-tab .section a.btnJob.right:hover,
#myAccount #payment-info-tab .section a.btnJob.right:hover {
	background: #8e908f; color: #ffffff;
}

@media (min-width: 993px) and (max-width: 1199px) {
	#myAccount .fields .section {padding-right: 0px;}
	#myAccount #job-follow-tab .section a.btnJob.right,
	#myAccount #email-alerts-tab .section a.btnJob.right,
	#myAccount #job-posters-tab .section a.btnJob.right,
	#myAccount #my-packages-tab .section a.btnJob.right,
	#myAccount #payment-info-tab .section a.btnJob.right {
		float: none;
		white-space: nowrap;
		margin: 5px 0 0 0!important;
		display: inline-block;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	#myAccount .fields .section {padding-right: 0px;}
	#myAccount #job-follow-tab .section a.btnJob.right,
	#myAccount #email-alerts-tab .section a.btnJob.right {
		float: none;
		white-space: nowrap;
		margin: 5px 0 0 0!important;
		display: inline-block;
	}
}

@media (max-width: 767px) {
	
}

#myAccount label.chk, #myAccount label.chk span {
	padding: 0px 0 0 2px;
}

ul.itemPackage li a {
    text-decoration: none;
    font-size: 14px;
    color: #008ca9;
    font-family: 'CenturyGothicItalic';
}

#popupSavePaperJP {
	margin:60px 0 50px 0;
	width: 480px; padding: 0 40px;
}

#popupSavePaperJP:before, #popupSavePaperJP:after {display: table; content: " ";}
#popupSavePaperJP:after {clear: both;}
#popupSavePaperJP:before, #popupSavePaperJP:after {display: table; content: " ";}
#popupSavePaperJP:after {clear: both;}

#popupSavePaperJP .txt-small {
	font-family: 'BlockBertholdCondensedRegular';
	color: #333333;
	font-size: 15px; line-height:15px;
	letter-spacing:0px;
	padding:10px 0 0 0;	
}
#popupSavePaperJP .txt-big {
	font-family: 'BlockBertholdExtraCondensed';
	font-family: 'BlockBertholdCondensedRegular';
	color: #ed1e24;
	font-size: 60px; line-height:50px;
	letter-spacing:2px;
	margin-left:-5px;
}

#popupSavePaperJP p {
	font-family: 'CenturyGothicItalic';
	color: #333333;
	font-size: 11px;
	font-weight: normal;
	padding: 0 0 0 0;
}

#popupSavePaperJP .buttons {text-align: center; padding:30px 0 0 0;}

#popupSavePaperJP a.btnEmail {
	outline: none;
	border: 0;
	background-color: transparent;
	background-image: url(../images/btn-email.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 73px;
	height: 23px;
	display: inline-block;
	margin: 0 30px;
	text-indent: -999px;
}
#popupSavePaperJP a.btnEmail:hover {background-position: -73px 0;}

#popupSavePaperJP a.btnDownload {
	outline: none;
	border: 0;
	background-color: transparent;
	background-image: url(../images/btn-download.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 90px;
	height: 23px;
	display: inline-block;
	margin: 0 30px;
	text-indent: -999px;
}
#popupSavePaperJP a.btnDownload:hover {background-position: -90px 0;}

/* */

#popupSavePaperDownloadJP {
	margin:60px 0 50px 0;
	width: 480px; padding: 0 40px;
}

#popupSavePaperDownloadJP:before, #popupSavePaperDownloadJP:after {display: table; content: " ";}
#popupSavePaperDownloadJP:after {clear: both;}
#popupSavePaperDownloadJP:before, #popupSavePaperDownloadJP:after {display: table; content: " ";}
#popupSavePaperDownloadJP:after {clear: both;}

#popupSavePaperDownloadJP .txt-small {
	font-family: 'BlockBertholdCondensedRegular';
	color: #333333;
	font-size: 15px; line-height:15px;
	letter-spacing:0px;
	padding:10px 0 0 0;	
}
#popupSavePaperDownloadJP .txt-big {
	font-family: 'BlockBertholdExtraCondensed';
	font-family: 'BlockBertholdCondensedRegular';
	color: #ed1e24;
	font-size: 60px; line-height:50px;
	letter-spacing:2px;
	margin-left:-5px;
}

#popupSavePaperDownloadJP p {
	font-family: 'CenturyGothicItalic';
	color: #333333;
	font-size: 11px;
	font-weight: normal;
	padding: 0 0 0 0;
}

/* */

#popupSavePaperEmailJP {
	margin:60px 0 50px 0;
	width: 480px; padding: 0 40px;
}

#popupSavePaperEmailJP:before, #popupSavePaperEmailJP:after {display: table; content: " ";}
#popupSavePaperEmailJP:after {clear: both;}
#popupSavePaperEmailJP:before, #popupSavePaperEmailJP:after {display: table; content: " ";}
#popupSavePaperEmailJP:after {clear: both;}

#popupSavePaperEmailJP .txt-small {
	font-family: 'BlockBertholdCondensedRegular';
	color: #333333;
	font-size: 15px; line-height:15px;
	letter-spacing:0px;
	padding:10px 0 0 0;	
}
#popupSavePaperEmailJP .txt-big {
	font-family: 'BlockBertholdExtraCondensed';
	font-family: 'BlockBertholdCondensedRegular';
	color: #ed1e24;
	font-size: 60px; line-height:50px;
	letter-spacing:2px;
	margin-left:-5px;
}

#popupSavePaperEmailJP p {
	font-family: 'CenturyGothicItalic';
	color: #333333;
	font-size: 11px;
	font-weight: normal;
	padding: 0 0 0 0;
}

.print-receiptjp:hover {
    color: #FF3333;
}