/* 

Add ons by Craig - Dessol

pink  = #c73899
purple = #522380
mbfpurple = #b54490
p.content = border + shadow

*/

/* League Gothic Fonts */

@font-face {
font-family: 'lg';
    src: url('../fonts/League_Gothic-webfont.eot');
    src: url('../fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/League_Gothic-webfont.woff') format('woff'),
         url('../fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('../fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.mbfpurple { color: #b54490; }


body {
	font-size: 62.5%;
	font-family: helvetica, arial, sans-serif;
	background-color: #ffffff;
	color: #222;
	margin: 0;
	padding: 0;
}

div#body_container {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 750px;
}

div#body_container #google_translate_element {
	padding: 10px 0 0;
}


/* GLOBAL STYLE ------------------------------------------------------------- */
h1 {
	clear: left;
	font-size: 1.5em;
	color: #333;
}

h2 {
	font-size: 1.5em;
	color: #777;
}

span#top {
	font-size: 1.5em;
	color: #777;
	margin: 0;
	font-weight: bold;
}

h3 {
	font-size: 1.2em;
	color: #333;
	padding: 0;
	margin-top: 0;
}

p {
	font-size: 1.3em;
}

p#smallprint {
	font-size: 0.7em;
}

ul {
	list-style-type: square;
}

hr {
	border: none;
	border-top: 1px #cccccc dashed;
}

a:link, a:visited {
	color: #970065;
}

a:hover, a:active {
	
}

a img {
	border: none;
}

img#dessol-label {
	position: absolute;
	top: 150px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 37px;
	height: 110px;
}

/* FLAG ----------------------------------------------------------------------------------------- */
div#flag {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
	
/* TOP OPTIONS ---------------------------------------------------------------------------------- */
div#top-options {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 5px 20px 7px 25px;
	/*background: url(/images/navigation_rounded_dn_bg.png) bottom left no-repeat;*/
	background: url(/images/login_bg.png) bottom left no-repeat;
}

div#top-options p {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

div#top-options p a {
	/*color: #00c400;*/
	color: #fff;
	text-decoration: none;
}

/* HEADER ------------------------------------------------------------------- */
div#header_container {
	float: right;
	margin: 0;
	padding: 0;
}

div#header {
	margin: 10px 0 0 0;
	padding: 0 ;
	text-align: center;
}

h1#tagline {
	margin: 0;
	padding: 0;
	font-size: 1.8em;
	font-weight: 400;
}

h1#tagline a:link, h1#tagline a:visited {
	text-decoration: none;
	color: #777;
}

/* NAVIGATION --------------------------------------------------------------- */
div#navigation {
	margin: .5em 0 0 0;
	padding: 6px 0 10px 0;
	background-image: url(/images/navigation_rounded_dn_bg.png);
	background-position: bottom;
	text-align: center;
	font-size: 12px;
	border-bottom: 1px solid #dedede;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	
	background-image: linear-gradient(bottom, rgb(245,245,245) 34%, rgb(255,255,255) 80%);
	background-image: -o-linear-gradient(bottom, rgb(245,245,245) 34%, rgb(255,255,255) 80%);
	background-image: -moz-linear-gradient(bottom, rgb(245,245,245) 34%, rgb(255,255,255) 80%);
	background-image: -webkit-linear-gradient(bottom, rgb(245,245,245) 34%, rgb(255,255,255) 80%);
	background-image: -ms-linear-gradient(bottom, rgb(245,245,245) 34%, rgb(255,255,255) 80%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.34, rgb(245,245,245)),
		color-stop(0.8, rgb(255,255,255))
	);

}


ul#navigation_list {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#navigation_list li {
	margin: 0 5px 0 5px;
	padding: 0;
	display: inline;
}

ul#navigation_list li span.divider {
	color: #dedede;
	margin-left: 4px;
}

ul#navigation_list li a:link { text-decoration: none;}
ul#navigation_list li a:link, ul#navigation_list li a:visited {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 14px;
}

ul#navigation_list li a:hover, ul#navigation_list li a:active {
	
}


/* TRANSFER METHOD ---------------------------------------------------------- */
div#transfer_method {
	margin: 10px 0 20px 0;
	display: none;
}

/* CENTER COL DIV ----------------------------------------------------------- */
div#center_column {
	margin: 0 auto;
	width: 700px;

}

/* RIGHT COLUMN ------------------------------------------------------------- */
#folder {
	float: right;
	width: 185px;
	margin: 0;
	padding: 15px 5px 10px 15px;
	/*border: 1px dotted #cccccc;*/
}

#right {
	float: right;
	width: 180px;
	margin: 0;
	padding: 0;
}

div#tip {
	float: right;
	width: 180px;
	margin: 0;
	padding: 0;
}



/* LEFT COLUMN ---------------------------------------------------------------------------------- */
div#left-column {
	float: left;
	margin: 0 0 10px;
	padding: 0 25px 0 0;
	width: 324px;
	border-right: 1px solid #dedede;
}

h3.underline {
	margin: 0 0 15px 0;
	padding: 0 0 2px;
	color: #970065;
	border-bottom: 2px solid #970065;
}

/* RIGHT COLUMN --------------------------------------------------------------------------------- */
div#right-column {
	float: left;
	margin: 0 0 10px;
	padding: 0 0 0 25px;
	width: 325px;
}



/* MAIN FORM ---------------------------------------------------------------- */

div#form-container {
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	width: 349px;
	border-right: 1px solid #dedede;
}

div#redirect-to-free {
	margin: 0;
	padding: 0;
}

h3#service-heading {
	margin: 0 25px 15px 0;
	padding: 0 0 2px;
	color: #970065;
	border-bottom: 2px solid #970065;
}

a.free-link {
	text-decoration: underline;
	background: #FFE0FF;
}


/* START */

div#form-container h3 {
	margin: 0 0 2px;
	padding: 0 0 2px;
	border-bottom: 2px solid #970065;
	color: #970065;
}

div#form-container div#pro-benefits-container {
	margin: 0 0 25px;
}

div#form-container div ul.benefit-list {
	margin: 15px 0 0;
	padding: 0 0 0 10px;
	float: left;
	list-style: none;
	height: 200px;
}

div#form-container div ul.benefit-list li {
	margin: 0 0 15px;
	padding: 0 0 0 15px;
	list-style-position: outside;
	font-size: 1.2em;
	width: 135px;
	float: left;
	background: url(/images/green_tick_icon.png) no-repeat 0 .2em;
}

p.nice-button {
	clear: both;
	margin: 0 0 0 10px;
	padding: 0;
	width: 315px;
	height: 28px;
}

p#try_b4_buy_pro {
	text-align: center;
	clear: both;
	margin-right: 10px;
	margin-top: 0;
}

/* END */

form#fileForm {
	margin: 0;
	padding: 0;
	width: 350px;
}

ol#form-ordered-list {
	margin: 0;
	padding: 0;
	
}

ol#form-ordered-list li {
	margin: 0 0 15px;
	padding: 0 0 0 65px;
	height: 50px;
	list-style-type: none;
}

ol#form-ordered-list li#transfer-method {
	height: 18px;
}

ol#form-ordered-list li#transfer-method label {
	font-weight: bold;
	font-size: 1.3em;
}

ol#form-ordered-list li.extra-height {
	height: 120px;
}

ol#form-ordered-list li.no-height {
	height: auto;
}

ol#form-ordered-list li#button-one {
	background: url(/images/button1.png) no-repeat;
}

ol#form-ordered-list li#button-two {
	background: url(/images/button2.png) no-repeat;
}

ol#form-ordered-list li#button-three {
	background: url(/images/button3.png) no-repeat;
}



dl.form-definition-list {
	margin: 0;
	padding: 0;
	
}

dl.form-definition-list dt {
	margin: 0 0 5px;
	padding: 0;
}

dl.form-definition-list dt label {
	font-size: 1.3em;
	font-weight: bold;
	color: #222;
}

dl.form-definition-list dt label span.formHint {
	color: #777;
	font-size: .8em;
}

dl.form-definition-list dt span.optional a {
	text-decoration: none;
	cursor: pointer;
	color: #970065;
}

dl.form-definition-list dd {
	margin: 0;
	padding: 0;
}

dl.form-definition-list dd input {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}

dl.form-definition-list dd input.input-text { 
	width: 250px;
}

dl.form-definition-list dd textarea {
	width: 250px;
	height: 40px;
}

dl.form-definition-list dd input#submitButton {
	margin: 12px 0 0;
	font-size: 1.6em;
}	


/* RIGHT COLUMN --------------------------------------------------------------------------------- */
div#home-right-column {
	float: left;
	margin: 0;
	padding: 0 0 10px 25px;
	width: 325px;
	/*height: 250px;*/
}


div#home-right {
	margin: 0;
	padding: 0;
}


div#home-right div {
	margin: 0 0 25px;
	padding: 0 0 0;
	
}

div#home-right h3 {
	margin: 0 0 2px;
	padding: 0 0 2px;
	border-bottom: 2px solid #970065;
	color: #970065;
}

div#home-right div ul.benefit-list {
	margin: 15px 0 0;
	padding: 0 0 0 10px;
	float: left;
	list-style: none;
	height: 200px;
}

div#home-right div ul.benefit-list li {
	margin: 0 0 15px;
	padding: 0 0 0 15px;
	list-style-position: outside;
	font-size: 1.2em;
	width: 135px;
	float: left;
	background: url(/images/green_tick_icon.png) no-repeat 0 .2em;
}

p.nice-button {
	clear: both;
	margin: 0 0 0 10px;
	padding: 0;
	width: 315px;
	height: 28px;
}

ul#pro-option-list {
	margin: 15px 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 1.2em;
}

ul#pro-option-list li {
	margin: 0 0 5px;
	padding: 0;
}

a.edit {
	font-size: .8em;
}

p#try_b4_buy_biz {
	text-align: center;
	clear:both;
	margin-top: 0;
}

blockquote.quote {
	font-size: 1.2em;
}

p.quote-author {
	text-align: center;
	font-style: italic;
	margin: 0;
	padding: 0;
}

/* PRO ACCOUNT PAGE ----------------------------------------------------------------------------- */
div.datasheet {
	margin: 0;
	padding: 0;
	background: #fefefe;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	border: 1px solid #ccc;
}

table#pro-benefits-table {
	font-family: "lucida grande", arial, verdana, sans-serif;
	clear: both;
	margin: 0 0 0;
	padding: 0 0 0;
	border-collapse: collapse;
	font-size: 1.2em;
}

table#pro-benefits-table tr.odd td {
	background: #EAEAEA;
}

table#pro-benefits-table tr.even td {
	background: #FDFDFD;
}

table#pro-benefits-table th {
	color: #222;
	padding: 8px;
	font-size: 1.1em;
	/*border-right: 1px solid #dcdcdc;*/
	font-weight: bold;
	vertical-align: top;
}

table#pro-benefits-table th span {
	color: #aaa;
	font-size: .9em;
	font-weight: normal;
}

table#pro-benefits-table th.right-border {
	border-right: 1px solid #ccc;
}


table#pro-benefits-table td {
	border-top: 1px solid #ccc;
	background: #fff;
	margin: 0;
	padding: 8px;
	color: #333;
}

table#pro-benefits-table td.right-border {
	border-right: 1px solid #ccc;
}





form#paypalform {
	margin: 0;
	padding: 0;
}

p.no-margin-bottom {
	margin-bottom: 0;
}

p.asterisk {
	color: #777;
	font-size: 1em;
	text-align: right;
}


/* GENERAL CLASSES ---------------------------------------------------------- */
.text {
  text-align: left;
}

.button {
	/*margin: 0 10px -40px 0;*/
}

.clear {
	clear: both;	
}


/* FOOTER ------------------------------------------------------------------- */
div#footer {
	border-top: 1px solid #cccccc;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	color: #999999;
}

div#footer2 {
	clear: both;
	margin: 10px 0 10px 0;
	padding: 0;
	/*background-image: url(/images/footer_rounded_bg.png);
	background-repeat: repeat-x;*/
	border-top: 1px solid #b7a0ad;
}

div#footer2 p.site_credit {
	margin-top: 0px;
	text-align: center;
	color: #777777;
	font-size: 1em;
}

div#footer2 iframe.twitter-follow-button{
 	margin-bottom: 20px; 
}

div#footer2 p.file_types {
	padding: 50px 0 0;
	text-align: center;
	color: #777777;
	font-size: 1em;
}

div.footer_list_div {
	float: left;
	margin: 0;
	padding: 0 0 0 50px;
	width: 18%;
}

/* right to left */
div.footer_list_div_rtl {
	float: right;
	margin: 0;
	padding: 0 50px 0 0;
	width: 18%;
}

div.footer_list_div h2 {
	margin-bottom: .2em;;
}

ul.footer_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.footer_list li {
	margin: 0 0 .1em 0;
	padding: 0;
}

ul.footer_list li a:link, ul.footer_list li a:visited {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}

ul.footer_list li a:hover, ul.footer_list li a:active {
	
}



/*old*/
ul#footer_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#footer_list li {
	margin: 0 0 .5em .5em;
	padding: 0;
	display: inline;
}

ul#footer_list li a:link, ul#footer_list li a:visited {
	margin: 0;
	padding: 0;
}




/* PROGRESS METER */
#progress {
	margin: 0;
	padding: 0;
}

.percentUpload {
	font-size: 1.3em;
	font-weight: bold;
	color: #970065;
}

div#repro_mpg .percentUpload {
	color: #006699;
}

div#repro_triplearc .percentUpload {
	color: #076c70;
}

.margin_top {
	margin-top: 65px;
}

.new {
	color: #00cc00;
}

a.logout {
	color: #cc0000;
	font-weight: bold;
}

#branded_info {
	margin: 20px 0 0 0;
	padding: 10px;
	border: 1px solid #cccccc;
	background-color: #fbfbfb;
}

#google_ads {
	padding-top: 10px;
	border-top: 1px dashed #cccccc;
	text-align: center;
}

/* NAVIGATION --------------------------------------------------------------- */
ul.nav {
	list-style-type: none;
	margin: 10px 0 10px 0;
	padding: 0;
}
ul.nav li {
	display: inline;
	margin: 0 20px 0 0;
}

ul.nav li a:link, ul.nav li a:visited {
	margin: 0;
	padding: 0;
	font-weight: bold;
}


#formError {
	color: red;
}

.errorMessage {
	font-weight: bold;
	color: #f00;
}

.statusMessage {

}

.formError {
	background: red;
}

.proLogin {
	width: 40%;
	float: right;
	padding: 1em;
	margin: 0;
}

div.pro_signup {
	margin: 10px 0 0 0;
	padding: 0 10px 15px 10px;
	border: 2px solid #970065;
	background-color: #FA8AF7;
	background-image: url(/images/pro_signup_bg.png);
	background-repeat: repeat-x;
	background-position: top left;
}
div.pro_signup p {
	margin: 0;
	padding: 0;
}
div.pro_signup h2 {
	color: #000000;
}

/*
#cc {
	margin: 0 70px 0 65px;
}
*/

div#cloud {
	border: 1px solid #cccccc;
	background-color: #fbfbfb;
	padding: 20px;
	margin: 15px auto 20px auto;
}

div#cloud-small {
	border: 1px solid #cccccc;
	background-color: #fbfbfb;
	padding: 1em;
	margin: 0 0 1em 0;
	text-align: justify;
}

h3#cloud-small-title {
	border-top: solid 1px #dedede;
	margin: 1em 0 .5em 0;
	padding: .5em 0 0 0;
	font-size: 1em;
}

p.avt { /*adverts*/
	margin: 0 0 15px 0;
	padding: 0;
}

div#right_promo {
	margin: 0;
	padding: 0 0 15px;
}

div#right_promo h4 {
	margin-top: 0;
	font-size: 1em;
}

ul#right_promo_list {
	margin: 10px 0 0 0;
	padding: 0;
	list-style-type: none;
}

ul#right_promo_list li {
	margin: 0 0 1em;
	padding: 0 0 0 1.5em;
	background-image: url(/images/green_tick_icon.png);
	background-repeat: no-repeat;
	background-position: 0 .2em;
}

ul#right_promo_list li a {
	text-decoration: none;
	color: #000;
}


p.retrieval_token {
	border: solid 1px #dedede;
	padding: 1em;
}

.error {
	color: #970065;
}


.branded_ss {
	border: 1px solid #cccccc;
	margin: 0;
	padding: 0;
}

ul.branded_features {
	margin: 25px 0 0 10px;
}

ul.branded_features li {
	margin: 0 0 10px 0;
}

a.nohov:hover, a.nohov:active {
	background-color: transparent;
}

#pro_rebill {
  font-size: 10px;
}

ul.proBenefits {
	list-style-type: none;
	padding: 0;
	margin-left: 0;
}

ul.proBenefits li {
	background-image: url(/images/green_tick_icon.png);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding: 0 0 0 1.5em;
	margin: 0 0 1em 0;
}
	
.gpn_link {
	margin-left: 1.5em;
}
	
ul#languages {
	list-style-type: none;
	float: right;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	text-align: right;
	display: none;
}




ul.green_tick {
	list-style-type: none;
	margin: 0;
	padding: 0;
}	

ul.green_tick li {
	background-image: url(/images/green_tick_icon.png);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding: 0 0 0 1.5em;
	margin: 0 0 1em 0;
}

div.casestudy_quote_left {
	background-image: url(/images/quote_left.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0 10px 20px 0;
	padding: 0;
}

div.casestudy_quote_right {
	background-image: url(/images/quote_right.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin: 0;
	padding: 0;
}


/* ADDRESS BOOK --------------------------------------------------------------------------------- */
div#address_book {
	margin: 0;
	padding: 15px;
}


#add_bk {
	margin: 15px 0 15px;
	padding: 0;
	width: 100%;
}
/* ---------------------------------------------------------------------------------------------- */

#history {
	width: 180px;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	display: none;
}

#history li {
	margin: 0 0 3px 0;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #dedede;
}

#history span.date {
	font-size: 0.8em;
	color: #bbbbbb;
}

p.beta-warning {
	padding: 1em;
	background: yellow;
	border: solid 1px #dedede;
	margin: .5em;
	color: red;
	width: 50%;
	text-align: center;
}

div#creditcard, div#paypal {
	float: left;
	width: 335px;
	margin: 0;
	padding: 0;
}
div#creditcard {
	border-right: 1px solid #970065;
	margin: 0;
}
div#paypal {
	text-align: right;
}




/* FAQ ------------------------------------------------------------------------------------------ */
dl#faq-list {
	margin: 0;
	padding: 0;
}

dl#faq-list dt {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}

dl#faq-list dd {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}



p#tired_of_waiting {
	margin: 0 0 5px;
	padding: 0;
	font-size: 1em;
}




p#upgrade-message {
	margin: 5px 0;
	padding: 0 15px;
	color: #999;
	display: none;
}


/* Login ------------------------------------------------------------------------------------------ */

div#pro-business-login {
	margin-top: 10px;
}

div#pro-login {
	float: left;
	width: 50%;
	border-right: 1px solid #EFEFEF;
}

div#business-login {
	float: right;
}

.left {
	text-align: left;	
}

.center {
	text-align: center;
}

.clear {
	clear: both;
}



/* Craig's */

#center_column ul li, #center_column ol li{ font-size: 1.3em; padding-bottom: 5px;}

.currentpage {
    color: #008000 !important;
}

h1.body-header { font-size: 34px; font-size: 3.4rem; font-family: lg, arial, sans-serif; font-weight: normal; color: #444; margin: 10px 0; text-align: center;}
h2.body-header { font-size: 24px; font-size: 2.4rem; font-family: lg, arial, sans-serif; font-weight: normal; color: #444; }

.service {
	border: 1px solid red;
	clear: both;
}

.service .free {
	float: left;
	
}

.service .free ul { 
	border: 1px solid red;
	float: right;
	width: 300px;
}

.green-button {
	background: url('../images/green-bg-button.png') repeat;
		display: block;
		border: 1px solid #34a319;
		border-radius: 3px;
		height: 31px;
		width: 178px;
		
		font-family: lg, helvetica, arial, sans-serif;
			font-size: 28px;
			font-weight: normal;
			text-align: center;
			text-decoration: none;
			line-height: 31px;
			
			margin: 0 auto;
}

.green-button:link, .green-button:visited { color: #fff; }

.green-button:hover { color: #444; opacity: 0.9; border: 1px solid #4ac52c;}
.green-button:active { color: #444; opacity: 0.8; }