@charset "utf-8";
/* Markup and Styling by Kavoir */
/* http://www.kavoir.com */

/* Reset */
@import "predefined.css";


/* Defaults & Commons */
#skip {height:0;width:0;overflow:hidden}
strong {font-weight:bold}
em {font-style:italic}
a {
	text-decoration:underline;
	color:#003399;
}
a:hover {
	text-decoration:none;
	color:#9a6600;
}
p {
	margin:0 0 0.5em;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}





body {
	font-family:Verdana;
	text-align:center;
	background:#f6f6f6;
	line-height:1.6;
}
#page {
	width:700px;
	text-align:left;
	margin:20px auto 5px auto;
	border:2px solid #eee;
	background:#fff;
	padding:10px;
	overflow:hidden;
}
.primary {

}

h2 {
	font:bold 1.5em Arial;
	letter-spacing:-1px;
}
.logo {
	background:none;
	padding:0;
}
.logo a {

}
.logo .logo-link {
	display:block;
	overflow:hidden;
	text-indent:-10000em;
	background:url(/new-logo.png) no-repeat 0 0;
	width:412px;
	height:90px;
}
.logo .tagline {
	color:#666;
	font:italic 1.6em Georgia;
	margin:10px auto 20px auto;
	text-align:center;
}

.nav {
	text-align:center;
	background:#f6f6f6;
	border:1px solid #ddd;
}
.nav a {
}
.nav a.current {
	text-decoration:none;
	color:#9a6600;
	border-bottom:1px dotted #F2C100;
	padding:0 0 2px 0;
}
.side {
	float:right;
	width:286px;
	font:bold 1.1em/2 Tahoma;
}
.side em {
	font-weight:bold;
	text-decoration:underline;
}
.side strong {
	font-variant:small-caps;
	color:#fff;
	text-decoration:underline;
}
.box {
	padding:2px;
	margin:0 0 10px 0;
}
.box .main {
	border:1px solid #fff;
	padding:5px 12px 3px 14px;
}
.side ul {
	list-style:square;
	margin:0 0 0 12px;
}
.side ol {
}
* html .side ul {
	margin:0 0 0 16px;
}
.problems {
	background:#fadc76;
}
.problems .main {
	padding-top:12px;
	padding-bottom:0;
}
.answer {
	background:#c43b1d;
	color:#facd64;
	margin:0;
	font-size:1.1em;
	line-height:1.7;
}
.answer a:hover {
	color:#000;
}
.answer p .first {
	padding:0 0 0 1em;
}
.problems ol {
	font:1.55em Tahoma;
	margin-bottom:16px;
	color: #3366CC;
}
.problems li {
	margin:0 0 12px 0;
	padding:0 0 0 34px;
	background:url(bulb.png) no-repeat 0 50%;
}
form {
	clear:both;
	float:left;
	font:1.6em Georgia;
	padding:16px 16px 20px 16px;
	background:url(divide.gif) no-repeat 50% 100%;
}
form textarea.input-text {
	height:180px;
	font-size:0.6em;
	font-weight:normal;
}
form li {
	clear:both;
	margin:0 0 6px 0;
}
form label {
	float:left;
	width:160px;
	margin:8px 0 0 0;
	color:#666;
}
form label strong {
	color:#111;
}
form label.inline {
	float:none;
	margin:0;
}
form li p.instruction {
	margin:3px 0 0 160px;
	font:0.7em Tahoma;
	color:#444;
}
form li p.instruction strong {
	color:#111;
}
form li.error {
	font:bold 0.7em Tahoma;
	color:red;
	padding:0 0 0 162px;
	position:relative;
	bottom:1px;
}
* html form li.error {
	padding:0 0 0 166px;
	margin:-2px 0 0 0;
	bottom:4px;
}
form .input-text {
	width:490px;
	border:1px solid #dbdbdb;
	border-top:1px solid #b0b0b0;
	padding:6px;
	font:bold 1em Tahoma, Arial;
}
form .input-text:focus, form .input-text:hover {
	border-color:#b0b0b0;
	background:#f8f8f8;
}
form .button {
	font:bold 0.8em Tahoma, Arial;
	width:98px;
	float:right;
	display:inline;
}
* html form .button {
	margin:0 4px 0 0;
}
.notice {
	clear:left;
	font:1.2em/1.5 Tahoma;
	padding:10px 20px 0 20px;
	color:#222;
}
.notice.matrix {
	font-size:1.1em;
}
.notice.nav {
	padding:4px 0 7px 2px;
}
.primary .progress {
	color:#3366CC;
}
.footer {
	text-align:center;
	font:1.1em Tahoma;
	padding:0 0 20px 0;
}

h1.notice {
	font-size:2.2em;
}
.notice h3 {
	margin:1em 0;
	font-size:1.2em;
}
.faq {
	color:#555;
}
.sales h2 {
	padding:6px 8px 8px 8px;
	border:1px dotted #ccc;
	text-align:right;
}
.sales h3 {
	font-size:1em;
	border-bottom:1px dotted #aaa;
	color:#000;
	padding:0 0 0 20px;
	background:url(/batch-image-converter/tips.gif) no-repeat 0 50%;
}
.notice h4 {
	margin:1em 0;
	font-size:1.1em;
}
.notice p {
	margin:1em 0;
}
.notice ul {
	list-style:square;
	margin:0 30px;
}
#input-captcha {
	width:383px;
	margin-left:7px;
}
.captcha-image {
	float:left;
	display:inline;
}
* html .captcha-image {
	margin-left:3px;
}







.upload {
	position:relative;
	height:1%;
	width:664px;
}
* html .upload {
	width:667px;
}
#input-upload {
	position:absolute;
	top:0;
	right:0;
	width:270px;
	height:30px;
	padding:0;
	margin:0;
	-moz-opacity:0;
	filter:alpha(opacity:0);
	opacity:0;
	z-index:2;
	cursor:pointer;
}
form .fakeupload {
	background:url(browse.gif) no-repeat 100% 50%;
	margin:0;
	padding:0;
}
* html form .upload {
	margin:0 0 3px 0;
}
form .fakeupload input {
	width:401px;
}


form li ul {
	width:480px;
	float:left;
	font:bold 0.7em Tahoma, Arial;
	padding:8px 0 6px 0;
}
form li ul.resize {
	font-size:1em;
}
form li ul li {
	padding:0 0 12px 0;
	margin:0;
	position:relative;
}
form li ul li * {
	float:left;
}
form li ul li .inline {
	position:relative;
	top:2px;
	left:2px;
	color:#000;
}
form li ul li label span, form li ul li select, form li ul li select option, form li ul li label strong {
	float:none;
}
form li ul li label .big {

}
form li ul li label strong {
	color:#003399;
	border-bottom:1px solid;
}

form li ul li .right-options {
	position:absolute;
	top:-1px;
	right:0;
}
form li ul li .right-options input {
	width:50px;
	float:none;
	display:inline;
}
form li ul li .right-options .options-label {
	position:relative;
	float:none;
	width:0;
	color:#000;
}
* html form li ul li .right-options .options-label {
	bottom:3px;
}


.successful {
	font:1.4em/1 Trebuchet MS;
	color:#CC3300;
	margin:0;
}
.files {
	padding:0 0 0 15px;
	line-height:1.7;
}
.linkbuilding {
	color: #336600;
	font:1em/0.7 Trebuchet MS;
	margin-bottom:2px;
}
.lady {
	background:url(lady.png) no-repeat 50% 0;
	height:290px;
	padding:10px 70px 0 250px;
	margin:0 0 10px 0;
}




.formats strong {
	color:#CC3300;
}
.formats em {
	color:#003399;
	font-style:normal;
	border-bottom:1px solid;
}

.maintenance {
	color:red;
	font-size:1.6em;
}


.float-right {
	float:right;
}




.outstand {
	color:#0066FF;
}
.outstand2 {
	color: #669900;
}
ol.general {
	margin:0 0 1em 3em;
	list-style:decimal;
}


.client_title {
	font:italic bold 1.8em Georgia;
	letter-spacing:-2px;
}
.client_title a:link, .client_title a:visited {
	color:#336600;
}
.client_title a:hover {
	color:#003300;
}


.donate {
	float:right;
}
.donate form {
	padding:0;
	margin:0;
	background:none;
}


.icons {
}
.icons img {
	margin:0 11px 16px 11px;
}



.matrix {
	padding:0;
	margin:10px 0;
	border:1px solid #ddd;
	width:100%;
	clear:both;
}
caption {
	font-weight:bold;
	margin:0 0 8px 0;
}
.matrix thead {
	background:#eee;
	text-align:center;
}
.matrix th, .matrix td {
	padding:3px 1px 3px 3px;
}
.matrix .from {
	background:#f6f6f6;
}
.matrix .to {
	text-align:center;
}
.matrix td {
	text-align:center;
}
.matrix em {
	font:normal 0.85em Arial;
	color:#999;
	position:relative;
	bottom:1px;
}
th {
	font-weight:bold;
}
th a, th a:hover {
	color:#222;
	text-decoration:none;
}
th a:hover {
	text-decoration:underline;
}
.matrix thead .current {
	background:#C0CFEF;
}
.matrix thead .current em, .matrix tbody th.current em {
	color:#3366CC;
}
.matrix tbody th.current {
	background:#C0CFEF;
}
.matrix tbody td.current a {
	font-weight:bold;
	text-decoration:none;
	color:#CC6600;
}



.done {
	font:bold 2em Trebuchet MS;
}


.converter {
	padding:16px 0 20px 0;
	background:url(divide.gif) no-repeat 50% 100%;
}
.converter h3 {
	font:bold 1.4em Arial;
	margin:0 0 5px 0;
	color: #FF9900;
	padding:0 0 0 220px;
	background:url(/batch-image-converter/left-arrow.png) no-repeat 196px 1px;
}
.converter ol, .converter ul {
	font:1.2em/1.5 Arial;
	margin:0 0 10px 240px;
	color:#666;
}
.converter ol {
	list-style:decimal;
}
.converter ul {
	list-style:square;
}
.bic {
	float:left;
	border:1px dotted #ccc;
	padding:4px;
	font:1.4em Arial;
	text-align:center;
	display:inline;
	margin:0 10px 0 0;
	background:#fff;
	width:182px;
}
.bic p {
	margin:6px 0 0 0;
}
.bic a, .bic a:visited {
	text-decoration:none;
}
.bic .download {
	font:bold 1.8em Arial;
	margin:4px 0 1px 1px;
	letter-spacing:-1px;
	text-align:left;
}
.bic .download a {
	padding:4px 3px 4px 34px;
	background:#f6f6f6 url(/batch-image-converter/download.png) no-repeat 2px 50%;
	/*color:#c7410a;*/
	color:#669900;
	width:176px;
	display:block;
	border:1px dotted #ddd;
}
.bic .download a:hover {
	color:#c7410a;
}


.reg {
	background:#f6f6f6;
	padding:10px;
	border:3px dotted #aaa;
	color:#222;
	margin:0 0 10px 0;
}
.reg h4 {
	font:bold 2.5em Arial;
	letter-spacing:-1px;
	margin:0 0 10px 0;
	color:#4a7494;
	background:#e4e4e4;
	padding:6px 10px;
}
.reg .buy {
	float:left;
	width:200px;
	text-align:center;
	padding:12px 0 26px 0;
}
.reg .buy .price {
	font:bold 2.8em Arial;
	letter-spacing:-1px;
	color:#6b9100;
	margin:0 0 10px 0;
}
.reg .buy form {
	clear:none;
	float:none;
	padding:0;
	background:none;
	font:1em Arial;
}

.clear-both {
	clear:both;
}

.user-input {
	border-bottom:1px dotted #888;
}

.return {
	font:normal normal 0.65em/1.5 Verdana;
	font-weight:normal;
	background: #669900;
	color:#fff;
	margin:0 0 10px -20px;
	padding:2px;
}
.return div {
	padding:5px 12px 9px 12px;
	border:1px solid #fff;
}
.return h5 {
	font:bold 1.4em Verdana;
	margin:0 0 12px 0;
}