@import "formstd.css";
@import "sidebarstd.css";
@import "tablestd.css";
@import "tabsstd.css";
@import "componentsstd.css";
@import "staticstd.css";
@import "lightboardstd.css";
@import "memberdialogstd.css";

/* Site-wide definitions */
/* Generics */
body {
	background-color: #F4F4F4;
	font-size: 10pt;
	font-family: "Helvetica", "Arial", "sans-serif";
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	color: #333333;
	min-width: 75em;
}

/* Header */
div#header {
	position: relative;
	background-color: white;
	margin-top: 7px;
	border-bottom: thin solid #AFAFAF;
	background-image: url(../images/bgheader.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	padding-bottom: 0.5em;
	overflow: hidden;
}
img#logo {
	position: relative;
	left: 0px;
	top: 0px;
	width: 278px;
}

/* Locale flags */
form#flags, form#flags a, form#flags a img {
	border: 0px;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}

form#flags {
	position: absolute;
	float: right;
	right: 14%;
	top: 54px;
	z-index: 10;
	min-width: 60px; /*two flags*/
	text-align: right;
}

form#flags a {
	padding-left: 5px;
}

form#flags a img {
	padding-left: 5px;
	vertical-align: middle;
}
form#flags a img.flag {
	width: 26px;
	height: 16px;
}

/* Website selector */

form#websites {
	position: absolute;
	float: left;
	top: 80px;
	left: 65px;
}

div#navigation {
	position: relative;
	left: 310px;
	bottom: 27px;
	white-space: nowrap;
}

/* Main content */
div#page {
	margin: 1em 1em 1em 1em;
	min-width: 70em;
}


/* Content div */
div#content {
	border: thin solid #E1E1E1;
	background-color: white;
	float: left;
	clear: left;
	white-space: normal;
	margin: 0px;
	margin-bottom: 1em;
	min-width: 700px;	/* in order to encompass the indicator arrow */
	width: 70%;
	padding: 0.8em;
	padding-left: 2em;
	padding-right: 1em;
}
div#content #movie {
	left: auto;
	right: auto;
	text-align: center;
	height: 140px;
	margin-bottom: 0.5em;
}
div#content form#movieLinks {
	margin-top: 0px;;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 710px;
	height: 1.5em;
	background-color: #000000;
	color: #5EC2EF;
	position: relative;
	vertical-align: top;
}
div#content form#movieLinks div.movieLinkLeft {
	position: absolute;
	height: 1.3em;
	padding-top: 0.2em;
	padding-left: 2em;
}
div#content form#movieLinks div.movieLinkLeft img {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	margin-left: 1em;
	margin-top: 0.3em;
}
div#content form#movieLinks div.movieLink {
	vertical-align: top;
	height: 1.3em;
	padding-top: 0.2em;
	padding-left: 1em;
	float: right;
	border-left: 1px solid #5ec2ef;
	padding-left: 1.2em;
	padding-right: 1.2em;
}
div#content form#movieLinks a, div#content form#movieLinks a:active {
	text-decoration: none;
	color: #5EC2EF;
}

/* Sidebar div */
div#sidebar {
	float: right;
	width:22%;
	min-width: 250px;
}

/* Footer */
div#footer {
	clear: both;
	color: #AFAFAF;
	margin-left: 2%;
	margin-right: 2%;
	font-size: smaller;
	margin-bottom: 1em;
	position: relative;
}
div#footer img {
	vertical-align: top;
}
div#footer div {
	text-align: right;
	position: absolute;
	top: 0.2em;
	right: 0em;
}
div#footer #cardtransactions {
	font-size: small;
	color: #404040;
	margin-left: 1em;
}

hr.footer {
	border: thin solid #AFAFAF;
}

/* Commons */
div#pagetitle {
	font-size: 1.5em;
	/*margin-left: 1em;*/
	margin-top: 1em;
	/*color: #017cc2;*/ /*ok color*/
	color: #0187cc;
}
div.pageTitle {
	font-size: 1.5em;
	color: #0187cc;
}

.errorImage {
	height: 1em;
}

.error {
	color: #FC6F00;
	font-weight: bold;
}

.info {
	color: #FF8F20;
	font-size: smaller;
	font-weight: bold;
}

.latestImageTitle{
	font-size: smaller;
	font-weight: bold;
	padding-left: 0.6em;
}

.blueSeparator {
	background-image: url(../images/blueline_2x19.png);
	margin: 2em 0em 2em 0em;
	height: 19px;
}
.genericBottomMargin
{
	margin-bottom: 1em;
}
.genericBigBottomMargin
{
	margin-bottom: 2em;
}
.genericAlignRight
{
	text-align: right;
}
.genericColoredText{
	color:#0187CC;
	text-align: right;
	line-height: 1.8em;
}
.genericOkMessage {
	font-size: 14pt;
	list-style-type: none;
	color: #0187CC;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

a img {
	border: 0;
}

table.radioGrid, table.radioGrid tbody,
table.radioGrid tr, table.radioGrid td,
table.radioGrid input[type=radio] {
	border: 0px;
	margin: 0px;
	padding: 0px;
	display: inline;
}
table.radioGrid input[type=radio] {
	vertical-align: middle;
}

/* Specifics */
img.helpIcon
{
	padding-left: 2em;
}

img.abuseIcon{
	padding-left:0.4em;
}

a {
	color: inherit;
}
/* aboutus.xhtml*/
#tbAboutUs a:hover{text-decoration:none; color: #989898;}
#tbAboutUs a:visited{text-decoration:none; color: black;}
#tbAboutUs a:active{text-decoration:none; color: black;}
#tbAboutUs a:link{text-decoration:none; color: black;}

/* createmember and myprofile */
.tdLabel{width:140px;}
.tdText{width:500px;}

/* membership.xhtml */
.tdServiceImage{width:200px;}
.tdServiceLabel{
	width:380px;
	font-size: 1.1em;
	line-height: 1.8em;
	}
.tdServiceText {
	width:140px; 
	color:#020298;
	font-size: 1.1em;
	text-align: right;
	padding-right: 1em;
}
/* createAd.xhtml */
.tdDeadlineLabel{width:250px;}
.tdColumn1{width:200px;}
.tdColumn1_smaller{width:120px;}
.tdColumn1_larger{width:240px;}

/* -- createAd, replyAd */
table.threePhaseIndicator td
{
	padding-left: 1.5em;
	padding-right: 1.5em;
	text-align: left;
	width: 33.3333%;
}
table.fourPhaseIndicator td
{
	padding-left: 1em;
	padding-right: 1em;
	text-align: left;
	width: 25%;
}

table#phaseIndicator1, table#phaseIndicator2, table#phaseIndicator3, table.threePhaseIndicator {
	margin-top: 2em;
	margin-bottom: 1em;
	margin-right: 1.5em;
	background-position: top left;
	background-repeat: no-repeat;
	width: 708px;
	height: 29px;
	font-size: 16px;
	text-align: center;
	color: #ffffff;
}

table.fourPhaseIndicator {
	margin-top: 2em;
	margin-bottom: 1em;
	margin-right: 1.5em;
	background-position: top left;
	background-repeat: no-repeat;
	width: 744px;
	height: 29px;
	font-size: 16px;
	text-align: center;
	color: #ffffff;
}

table#phaseIndicator1, table#threePhaseIndicator1
{
	background-image: url( '../images/phase1icon.png' );
}

table#phaseIndicator2, table#threePhaseIndicator2
{
	background-image: url( '../images/phase2icon.png' );
}

table#phaseIndicator3, table#threePhaseIndicator3
{
	background-image: url( '../images/phase3icon.png' );
}

table#fourPhaseIndicator1 {
	background-image: url( '../images/phase41icon.png' );
}

table#fourPhaseIndicator2 {
	background-image: url( '../images/phase42icon.png' );
}

table#fourPhaseIndicator3 {
	background-image: url( '../images/phase43icon.png' );
}

table#fourPhaseIndicator4 {
	background-image: url( '../images/phase44icon.png' );
}

.emphasize {
	font-weight: bold;
	color: blue;
	font-size: 1.1em;
}

.emphasizeYes {
	font-weight: bold;
	color: green;
}

.emphasizeNo {
	font-weight: bold;
	color: red;
}

.emphasizeMaybe {
	font-weight: bold;
	color: orange;
}

div.adDetail .firstColumn {
	white-space: normal;
	padding-right: 4em;
	font-size: 1.1em;
	width: 100%;
}

div.adDetail .secondColumn #adDetailGrid {
	font-size: 1.1em;
	/*background-image: url( '../images/addetail_gradient.png' );*/
	/*background-repeat: repeat-y;*/
	background-color:#F1F3F4;
	padding-top: 0.75em;
	padding-left: 0.8em;
	padding-right: 0.8em;
	padding-bottom: 0.75em;
}

div.adDetail .secondColumn #adDetailGrid td {
	white-space: nowrap;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 1.6em;
}
div.adDetail .secondColumn div#rightCol {
	background-color:#F1F3F4;
}
div.adDetail .secondColumn div#adDetailButtons {
	padding: 0em 0em 0.5em 2.35em;
}
div.adDetail div#logoContainer {
	padding: 1em 0.5em 0em 0em;
	text-align: right;
}

/* phase indicator (createAd, replyAd) */
img#phase {
	margin-top: 1em;
}

/*-- about us --*/
div#aboutusBody, div#aboutusAddress, div#aboutusEMail
{
	margin-top: 2em;
}

/*-- faq --*/
table#faqIndex
{
	margin-top: 1em;
}
table#faqIndex tr
{
	vertical-align: top;
}
table#faqIndex a
{
	color: black;
	text-decoration: none;
	font-weight: normal;
}
table#faqIndex a:hover
{
	text-decoration: underline;
}
table#faqIndex td
{
	padding-top: 0.1em;
}
div#faqSectionPicture, div#faqSectionBuyer, div#faqSectionSeller
{
	display: none;
	font-size: 20pt;
	font-weight: bold;
	margin-top: 1em;
	padding-top: 1em;
	margin-right: 1em;
}
div#faqSectionPicture a, div#faqSectionBuyer a, div#faqSectionSeller a
{
	color: #0187CC;
	text-decoration: none;
	font-weight: normal;
	font-size: 8pt;
	margin-left: 1.9em;
	position: relative;
	top: -0.2em;
}
div#faqSectionPicture a:hover, div#faqSectionBuyer a:hover, div#faqSectionSeller a:hover
{
	text-decoration: underline;
}
div#faqSectionPicture div, div#faqSectionBuyer div, div#faqSectionSeller div
{
	font-size: 10pt;
	font-weight: normal;
	padding-top: 1em;
}
div#faqSectionPicture div div, div#faqSectionBuyer div div, div#faqSectionSeller div div
{
	margin-bottom: 0.5em;
	font-weight: normal;
	font-size: 11pt;
	padding-top: 0;
	vertical-align: top;
}
div.faqQueryTitle
{
	background-image: url( '../images/bluesquare.png' );
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 20px;
	padding-top: 0;
	color: #0187CC;
	font-size: 11pt;
}
table#faqIndex div.faqQueryTitle a
{
	color: #0187CC;
}

/* -- contact us -- */
table#contactInfoGrid td
{
	vertical-align: top;
}
table#contactInfoGrid td form td
{
	vertical-align: middle;
}
div#contactInfo
{
	margin-top: 4.5em;
	margin-right: 4em;
}
form#contactForm input[type=text] {
	width: 20em;
}
form#contactForm textarea {
	width: 41em;
}
form#contactForm td.formLabels {
	width: 8em;
}

/* -- purchase -- */
div#purchaseContent
{
	position: relative;
	padding-bottom: 1em;
}
div#purchaseContent div.form, div#purchaseContent form
{
	margin-bottom: 0px;
}
div#purchaseInfo
{
	position: absolute;
	bottom: 4em;
	right: 0em;
}
div#purchaseInfo td
{
	text-align: right;
	padding-left: 1em;
}
div#paymentLogos {
	position: absolute;
	top: 0em;
	right: 2em;
	width: 30em;
	text-align: right;
}
div#paymentLogos #cardtransactions {
	font-size: small;
	color: #404040;	
}
div#paymentLogos #cardtransactions img {
	margin: 0em;
}
div#paymentLogos img {
	vertical-align: top;
	margin-left: 0.5em;
	margin-top: 0.5em;
}

/* -- allpictureads -- */
div#topCreateLink
{
	position: relative;
	padding-right: 1em;
	text-align: right;
	top: 3.75em;
}

table.frontPageSlogan
{
	margin-top: 0.5em;
	font-size: 1.2em;
	background-color: #E1E1E1;
	/*color: #0187CC;*/
	width: 100%;
	font-family: "Helvetica", "Arial", "sans-serif";
}
table.frontPageSlogan td {
	padding: 0.4em 1.2em 0.25em 0.5em;
	/*top right bottom left*/
}



/* -- licences -- */
table.licenceGrid
{
	margin-top: 1em;
}
table.licenceGrid tr
{
	vertical-align: top;
	padding-bottom: 1em;
}
table.licenceGrid td.licenceColLeft
{
	font-weight: bold;
	padding-bottom: 1em;
	width: 3em;
}
table.licenceGrid td.licenceColRight
{
	padding-bottom: 1em;
}
table#licenceGridHead
{
	margin-left: 3em;
	margin-top: 1em;
	margin-bottom: 2em;
}
table#licenceGridHead td
{
	padding-right: 6em;
}
table#licenceGridHead td.heading {
	padding-right: 1em;
	text-align: left;
}
table#licenceGridHead .label
{
	font-weight: bold;
}
table#licenceGridHead2
{
	margin-left: 3em;
}
table#licenceGridHead2 td
{
	padding-bottom: 0.5em;
}
table#licenceGridHead2 .label
{
	font-weight: bold;
}
table#licenceGridHead2 table
{
	margin-left: 2em;
	margin-bottom: 1em;
	font-size: 8pt;
}
table#licenceGridHead2 table td
{
	padding-right: 1em;
	padding-bottom: 0.2em;
}
table#printLicense {
	margin-left: auto;
	margin-right: 2em;
}

/*-- invoice --*/
table#printInvoice
{
	margin-left: auto;
	margin-right: 2em;
}
form#invoiceForm div.formbuttons table {
	margin-left: auto;
	margin-right: 0em;
}

/*-- membership info --*/
form#infoForm
{
	position: relative;
}
div.infoformMemberButton
{
	position: absolute;
	right: 2em;
	top: 5em;
}


/*-- print invoice --*/
body.printInvoice {
	font-family: arial;
	font-size: 8pt;
	background-color: #ffffff;
	margin-left: 3em;
	margin-right: 0em; 
	margin-top: 5em; 
}
div#printInvoice {
	font-family: arial;
	font-size: 8pt;
	width: 58em; 
	height: 86em;
}
div#printInvoice div.form {
	height: 84em;
}
div#printInvoice div.invoiceBottomDetails {
	position: absolute;
	bottom: 0px;
	width: 100%;
}
body.printInvoice td {
	font-family: arial;
	font-size: 8pt;
}

/*-- password lost --*/
div#passwordLostMessageContainer div#messageMsg {
	margin: 2em 0em 2em 0em;
}

/*-- press --*/
div.press {
	padding: 0.1em 0em 0em 1em;
}
div.press p {
	padding: 0em;
	margin: 0.4em 0em 0.4em 0em;
}
div.press p a.articleLink {
	color: #000000;
}
div.press p a.pdfLink {
	margin-left: 3em;
	color: #000000;
}

/*-- press material --*/
div.pressMaterialVariant {
	padding: 2em 1em 2em 1em;
}
div.pressMaterialVariant img {
	height:25%; /*of the containing block, not of image*/
	width:25%;
	margin-right: 5em;
	vertical-align: middle;
	float: left;
}
div.pressMaterialVariant a {
	margin-left: 1em;
}

/*-- partners --*/
div.partners {
	position: relative;
	padding-left: 14em;
	margin: 1em;
}
div.partners img {
	position: absolute;
	top: 0em;
	left: 0em;
	vertical-align: bottom;
}

/*-- print invoice --*/
body.printLicense {
	font-family: arial;
	font-size: 10pt;
	background-color: #ffffff;
	margin-left: 3em;
	margin-right: 0em; 
	margin-top: 5em; 
	margin-bottom: 5em;
}
div#printLicense {
	font-family: arial;
	font-size: 8pt;
	width: 58em; 
	height: 86em;
	white-space: normal;
}
.pageBreak {
	page-break-after: always;
}

/*-- my place --*/
table#myPlaceInfo {
}
table#myPlaceInfo td.left {
	border: 1px dotted #303030;
	width: 600px;
	height: 450px;
	text-align: center;
}
table#myPlaceInfo td.right {
	width: auto;
	text-align: center;
	vertical-align: top;
	white-space: normal;
}
table#myPlaceInfo td.right table {
	margin-left: auto;
	margin-right: auto;
}
table#myPlaceInfo td.right table td {
	text-align: right;
}
div#thumbContainer {
	margin-top: 2em;
	width: 100%;
	height: 142px;
	overflow: hidden;
}
div#thumbContainerNavLeft {
	width: 25px;
	height: 142px;
	float: left;
	background-color: #000000;
	background-image: url( '../images/arrow_left_25x142.png' );
	cursor: pointer;
}
div#thumbContainerNavRight {
	width: 25px;
	height: 142px;
	float: left;
	background-color: #000000;
	background-image: url( '../images/arrow_right_25x142.png' );
	cursor: pointer;
}
div.submissionThumb {
	float: left;
	height: 140px;
	width: 249px;
	margin-left: 4px;
	margin-right: 4px;
	border: 1px dotted #303030;
	text-align: center;
}
