@import "flags.css";

/*
   Defaults
   ========
*/

ul, ol, dl, dt, dd, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, div, table, tr, td, tbody, thead, th
{
	margin: 0;
	padding: 0;
}
h1, h2, h3
{
	font-size: 1em;
}
table
{
	font-size: 100%;
}


/*
   Jello Layout
   ============
*/

html
{
	padding: 0 480px;
	text-align: center; /* centering hack for IE5.x/Win */
}
body
{
	width: 50%;
	margin: 0 auto; /* standard centering method */
	text-align: left; /* resets centering hack to default */
}
#container
{
	margin: 0 -470px;
	position: relative;
}
html, body, #container
{
	display: inline-block;
}
html, body, #container
{
	display: block;
}


/*
   General
   =======
*/

html
{
	background: #fff url(../images/layout/BGGradient.png) repeat-x fixed 0 0;
}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
}

.adBanner
{
	background-color: #FFFFFF;
	position: absolute;
	visibility: hidden;
	clip: rect(auto auto auto auto);
	border: none;
	height: auto;
	width: auto;
	float: none;
}



.subtitle
{
	font-size: 90%;
	border: none;
	color: #333;
}

.newsSection
{
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 15px;
}

.newsItem
{
	width: 200px;
	margin-bottom: 10px;
	float: none;
	clear: both;
	height: auto;
}

/*
   Header
   ======
*/

#header
{
	color: #777;
	margin: 1em 0 1px 201px;
	position: relative;
	height: 63px;
	border-bottom: 3px solid #a23;
}

#leaderboard
{
	margin: 0 0 1px 0px;
	text-align: center;
}

#header, #leaderboard
{
	display: inline-block;
}
#header, #leaderboard
{
	display: block;
}

#header a
{
	color: #555;
}

/*-- Logo --*/
#header h1
{
	float: left;
	margin-left: -205px;
	height: 54px;
	width: 200px;
	padding: 0 5px 0 0;
	text-indent: -5000px;
}

#header h1 a
{
	position: relative;
	display: block;
	height: 63px;
	width: 200px;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
	background: url(/images/logos/headerlogo.png) no-repeat 0 0;
}

/*-- Tagline --*/
#header #tagline
{
	height: 39px;
	padding: 15px 15px 0;
	font-variant: small-caps;
	border-left: 1px solid #000;
}

/*-- Login --*/
#header #headerLogin
{
	float: right;
	font-size: 80%;
	padding: 0 0 0 15px;
	height: 54px;
	border: 0;
	border-left: 1px solid #000;
}
#header #headerLogin * fieldset
{
	border: 0;
	float: left;
}
#header #headerLogin * div
{
	float: left;
	display: inline;
	width: 130px;
	margin: 0 0 0 0;
}
#header #headerLogin * div label
{
	display: block;
	height: 1.2em;
	line-height: 1.2em;
	width: 120px;
}
#header #headerLogin * div input
{
	width: 120px;
	font-size: 100%;
}
#header #headerLogin * input.button
{
	font-size: 100%;
	margin-top: 1.2em;
}
#header #headerLogin * .details
{
	clear: both;
	width: auto;
	margin-top: 0.2em;
}

/*
   Menu
   ====
*/
#menu
{
	clear: both;
}

/*-- Language selection --*/
#menu #languageSelection
{
	float: left;
	height: 2.2em;
	line-height: 1.6em;
	width: 200px;
	background: #a23;
	padding: 0.3em 0 0;
}
* html #menu #languageSelection
{
	margin-right: -3px;
}
#menu #languageSelection .languageSelector
{
	display: block;
	width: 172px;
	height: 1.6em;
	line-height: 1.6em;
	margin: 0 auto;
	color: #000;
	cursor: default;
	background: #c76 url(../images/layout/dropdownarrow-faded.png) no-repeat 100% 50%;
	border: 1px solid #737;
}
#menu #languageSelection .hover
{
	background: #eca url(../images/layout/dropdownarrow.png) no-repeat 100% 50%;
	border: 1px solid #349;
}
#menu #languageSelection .languageSelector span, #menu #languageSelection li a
{
	background-repeat: no-repeat;
	background-position: 5px 50%;
	padding-left: 25px;
	padding-right: 5px;
	display: block;
}
#menu #languageSelection div
{
	width: 170px;
	border: 1px solid #000;
	background: #fff;
	margin-left: -2px;
	z-index: 1000;
}
#menu #languageSelection ul
{
	list-style: none;
}
#menu #languageSelection ul li
{
	height: 20px;
}
#menu #languageSelection ul li a
{
	text-decoration: none;
}
#menu #languageSelection ul li a:hover, #menu #languageSelection ul li a:focus
{
	background-color: #009;
	color: #fff;
}

/*-- Search --*/
#menu .searchbar
{
	margin-left: 201px;
	background-color: #555;
	color: #fff;
	text-align: right;
	height: 2.2em;
	line-height: 1.6em;
	padding: 0.3em 0.3em 0;
}
* html #menu .searchbar
{
	margin-left: 198px;
}
#menu .searchbar input
{
	font-size: 100%;
}

/*-- Menu --*/
#menu .menu
{
	clear: both;
	margin: 1px 0 0.5em;
	font-size: 105%;
}
#menu .menu ul
{
	list-style: none;
	z-index: 998;
	background: #fff;
}
#menu .menu ul.AspNet-Menu
{
	height: 2.2em;
	border-bottom: 1px dotted #888;
}
#menu .menu ul.AspNet-Menu li
{
	z-index: 999;
	padding: 0 1px;
	border-right: 1px dotted #888;
	height: 1.4em;
	margin: 0.3em 0 0.5em;
}
#menu .menu ul.AspNet-Menu li a, #menu .menu ul.AspNet-Menu li span.AspNet-Menu-NonLink
{
	float: left;
	position: relative;
	display: block;
	padding: 0 0.6em;
	margin: -0.3em 0;
	height: 2em;
	line-height: 2em;
	text-decoration: none;
}
#menu .menu ul.AspNet-Menu li span.AspNet-Menu-NonLink
{
	cursor: default;
}
#menu .menu ul.AspNet-Menu li a, #menu .menu ul.AspNet-Menu li span.AspNet-Menu-NonLink
{
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-image: none;
}
#menu .menu ul.AspNet-Menu li.AspNet-Menu-WithChildren li a, #menu .menu ul.AspNet-Menu li.AspNet-Menu-WithChildren li span.AspNet-Menu-NonLink, #menu .menu ul.AspNet-Menu li.AspNet-Menu-WithChildren li.AspNet-Menu-WithChildren li a, #menu .menu ul.AspNet-Menu li.AspNet-Menu-WithChildren li.AspNet-Menu-WithChildren li span.AspNet-Menu-NonLink
{
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-image: none;
}
#menu .menu ul.AspNet-Menu li a, #menu .menu ul.AspNet-Menu li span.AspNet-Menu-NonLink
{
	color: #600;
	background-color: transparent;
}
#menu .menu ul.AspNet-Menu li a:hover, #menu .menu ul.AspNet-Menu li span.AspNet-Menu-NonLink:hover, #menu .menu ul.AspNet-Menu li a.AspNet-Hover, #menu .menu ul.AspNet-Menu li span.AspNet-Hover
{
	color: #555;
	background-color: #ddd;
}
#menu .menu ul.AspNet-Menu li.AspNet-Menu-WithChildren a, #menu .menu ul.AspNet-Menu li.AspNet-Menu-WithChildren span.AspNet-Menu-NonLink
{
	background-image: url(../images/layout/SubMenuArrow-Down.png);
}
#menu .menu ul.AspNet-Menu li.AspNet-Menu-WithChildren li.AspNet-Menu-WithChildren a, #menu .menu ul.AspNet-Menu li.AspNet-Menu-WithChildren li.AspNet-Menu-WithChildren span.AspNet-Menu-NonLink
{
	background-image: url(../images/layout/SubMenuArrow-Right.png);
}

#menu .menu ul.AspNet-Menu ul
{
	border: 1px solid #888;
	font-size: 95%;
	clear: both;
}
#menu .menu ul.AspNet-Menu ul ul
{
	font-size: 100%;
	margin: -2em 0 0 148px;
}
#menu .menu ul.AspNet-Menu li li
{
	border-right: 0;
	border-bottom: 1px dotted #888;
	padding: 0;
	margin: 0;
	width: 150px;
}
#menu .menu ul.AspNet-Menu li li, #menu .menu ul.AspNet-Menu li li a, #menu .menu ul.AspNet-Menu li li span.AspNet-Menu-NonLink
{
	height: auto;
	line-height: 1.4em;
	float: none;
}
#menu .menu ul.AspNet-Menu li li a, #menu .menu ul.AspNet-Menu li li span.AspNet-Menu-NonLink
{
	margin: 0;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

/*
   Layout
   ======
*/
.threecolumn #main
{
	padding: 0 203px; /* Column widths + gutter */
}
.twocolumn #main
{
	padding-left: 203px; /* Column width + gutter */
}

/* XXX
#main
{
	position: relative;
}
*/

#content
{
	float: left;
	width: 100%;
}
#sidebar
{
	float: left;
	display: inline;
	width: 200px;
	margin: 0 0 0 -203px;
}
#additional
{
	float: right;
	display: inline;
	width: 200px;
	margin-right: -203px;
	display: inline;
}
#footer
{
	clear: both;
}


/*
   Sidebar
   =======
*/

/*-- Both --*/

h3
{
	margin: 0.7em 0 0.5em;
	padding: 0 0 0.5em;
	border-bottom: 2px solid;
	font-size: 110%;
}

h3 a, h3 a:link, h3 a:visited
{
	text-decoration: none;
	color: #900;
	display: block;
	margin: -0.5em 0;
	padding: 0.5em 0;
}

h3 a:hover, h3 a:active
{
	text-decoration: underline;
}

#sidebar dd, #additional dd
{
	margin: 0 0 1em 1em;
}
#sidebar li, #additional li
{
	padding: 0.3em;
}

#sidebar dt, #sidebar dt a, #additional dt, #additional dt a, #sidebar b.alt
{
	text-decoration: none;
	padding: 2px;
	font-weight: bold;
}

#sidebar a:hover, #additional a:hover
{
	text-decoration: underline;
}


/*-- Left --*/

#sidebar h3
{
	color: #a23;
	border-color: #777;
}

#sidebar dt, #sidebar dt a, #sidebar b.alt
{
	color: #a23;
}
#sidebar ul
{
	list-style: none;
}
#sidebar .alt div
{
	color: #900;
}

#sidebar .TableGrid
{
	width: 90%;
	font-size: 10px;
}

#sidebar .photoPlaceHolder
{
	/* width: 200px; */
	overflow: hidden;
	text-align: center;
}

#sidebar .boxselect
{
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#sidebar .google
{
	margin-left: 20px;
}

/*-- Right --*/
#additional h3
{
	color: #777;
	border-color: #a23;
}
#additional dt, #additional dt a:link, #additional dt a:visited
{
	color: #333333;
}
#additional dd td
{
	padding-bottom: 0.5em;
}
html > body #additional .box div a
{
	margin-right: 3px;
}
html > body #additional .box div a + a
{
	margin-right: 0;
}

#additional .alt div
{
	color: #333;
}


/*
   Content
   =======
*/

#content
{
	overflow: hidden;
}

#content p
{
	margin-bottom: 1em;
}

#content dt, #content dt.alt
{
	font-weight: bold;
	text-decoration: none;
}

#content dt
{
	padding: 2px;
	color: #900;
}

#content .futureComp
{
	overflow: hidden;
}

#content .futureComp dt
{
	width: 100px;
	float: left;
	clear: left;
}

#content .futureComp dd
{
	width: 500px;
	margin-left: 100px;
}

#content dt.alt
{
	padding: 4px;
}

.futureCompInfo, .partnerWantedAdvertInfo, .adjudicators, .replyBox
{
	border: 1px solid #aaa;
	background-color: #f5f5f5;
	padding: 10px;
}

.replyBox .comment, .replyBox .subject
{
	width: 400px;
	float: none;
}

.replyBox .comment
{
	height: 300px;
}

#content dt a:link, #content dt a:visited
{
	text-decoration: underline;
	color: #900;
}
#content dt a:hover
{
	color: #f00;
}
#content dd
{
	margin-bottom: 0.5em;
}

a:link, a:visited
{
	color: #300;
	text-decoration: underline;
}

a:hover
{
	color: #900;
}

#content h3, #content h2, #content h1
{
	overflow: visible;
	margin-bottom: 6px;
}


#content h3
{
	color: #a23;
	border-color: #777;
}
#content h3.alt
{
	color: #777;
	border-color: #a23;
}

#content h1, .forumName
{
	color: #000;
	font-size: 1.4em;
	padding: 0.5em 0;
}

#content h2
{
	color: #a23;
	font-size: 1.3em;
	padding: 0.4em 0;
}

#content h2.alt
{
	color: #000;
}

#content h4, #content h4.alt, #content h4.altheavy
{
	font-size: 100%;
}

#content h4.alt, #content h4.altheavy
{
	color: #900;
}

#content h4.alt
{
	font-weight: normal;
}

#content li
{
	margin-left: 20px;
}

#content ul
{
	margin-bottom: 10px;
}

#content hr
{
	font-size: 12px;
	color: gray;
	clear: left;
}

#content .TableGrid
{
	width: 100% !important;
	width: /**/ auto;
}

#content .TableGrid img
{
	float: left;
}

#content .TableGrid td
{
	border: 0;
}

#content dt.details
{
	color: #000;
}

#content .TablePager td, #content .TableHeader td, #content div.Pager
{
	color: #000000;
	background-color: #b1c0c7;
}

#content div.Pager
{
	width: 95%;
	text-align: center;
}

#content div.Pager .label
{
	color: Red;
	font-weight: bold;
}

#content .TableFooter dt
{
	background-color: white;
}

#content .inText
{
	padding: 5px;
	border: 0px;
}

.mediumRectangle
{
	border: 1px solid #999;
	text-align: center;
	padding: 10px;
	margin: 10px;
}


.ChildTableGrid
{
	width: 80%;
	border: 1px solid #ccc;
}

#content .comps table
{
	border: 1px solid #ccc;
	margin-bottom: 20px;
	margin-top: 10px;
}

.searchButton
{
	text-decoration: none;
}

.PartnerWantedGrid
{
	width: 100%;
}

.PartnerWantedGrid span.name
{
	font-weight: bold;
}

.PartnerWantedGrid span.Bronze
{
	color: Red;
	border: 1px solid Maroon;
	padding: 2px;
}

.ChildTableGrid td
{
	padding: 5px;
	vertical-align: middle;
}

#content .comps .events td, #content .comps .eventsAlt td, #content .comps .couples td, #content .comps .couplesAlt td
{
	padding: 5px;
	vertical-align: middle;
}

.PartnerWantedGrid td
{
	vertical-align: top;
}

.tableDetails, .tableDetailsWide, .tableDetailsNarrow, .tableDetailsMid
{
	font-size: 90%;
	width: 90px;
}

.tableDetailsWide
{
	width: 120px;
}
.tableDetailsNarrow
{
	width: 40px;
}
.tableDetailsMid
{
	width: 65px;
}

.tableDetailsStrong
{
	color: Red;
	font-weight: bold;
}

#content .ChildTableGridAlt td, #content .comps .eventsAlt td, #content .comps .couplesAlt td, .PartnerWantedGrid .advertAlt td
{
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px; /* 	background-color: #ebf1f1; */
	background-color: #eee;
}

#content ul.sponsoredCouples
{
	list-style: none;
}

#content ul.sponsoredCouples li
{
	margin-left: 0px;
	height: 20px;
}

#SponsorSub img
{
	border: none;
}
#SponsorSub li
{
	margin: 6px 0;
}

.futureCompHeader p
{
	text-align: center;
	font-weight: bold;
}

.futureCompHeader p.title
{
	font-size: 1.3em;
	color: #79888F;
}

div.findInfo
{
	background-color: #ccc;
}

div.infoListHeader
{
	margin-top: 10px;
	margin-bottom: 10px;
}

table.coupleList td,
table.compList td,
table.searchList td,
table.infoListHeader td,
div.infoListHeader
{
	font-size: 11px;
}

table.infoListHeader,
div.infoListHeader
{
	text-align: center;
}


/*-- Forms --*/
#content fieldset
{
	margin: 1em 0;
	padding: 1em;
	border: solid;
	border-width: 1px 0 0;
}
#content fieldset table
{
	border-collapse: collapse;
}
#content fieldset th, fieldset td
{
	padding: 0 10px;
}
#content fieldset td
{
	vertical-align: top;
}
#content fieldset input,
#content fieldset select,
#content fieldset .combo,
#content fieldset .slider
{
	font-size: 14px;
	display: block;
	width: 200px;
	margin-bottom: 0.4em;
}
#content fieldset input.checkbox,
#content fieldset .checkbox input
{
	display: inline;
	width: auto;
}

#content fieldset .checkbox label
{
	margin-top: -13px;
}

#content fieldset .range input
{
	position: static;
	width: 100px;
	display: inline;
}

#content p.resultscount
{
	margin: 1em 0;
	font-weight: bold;
}
#content fieldset th
{
	font-weight: normal;
	text-align: right;
	width: 170px;
	border-right: 1px solid;
}

#content .partnerWanted label, #content fieldset label
{
	font-weight: bold; /*	margin-left:50px; 	margin-right:15px; */
	margin-bottom: 15px;
	margin-top: 15px;
}

#content .partnerWanted tr
{
	margin-bottom: 10px;
	margin-top: 10px;
}

#content fieldset p.description
{
	font-size: 80%;
	color: #999;
}

#content fieldset.partnerWanted p.description
{
	font-size: 90%;
	color: #999;
}

#content fieldset.partnerWanted
{
	border: 0px;
	float: left;
	width: 30%;
}

#content fieldset.readonly div
{
	padding-left: 100px;
	position: relative;
}
#content fieldset.readonly label
{
	width: 100px;
	position: absolute;
	top: 0;
	left: 0;
}


#content fieldset.wide
{
	width: 40%;
}

#content fieldset.partnerWanted div
{
	padding-bottom: 3px;
	height: 15px;
}


#content fieldset.partnerWanted td label
{
	font-weight: normal;
}


#content fieldset tr:after
{
	content: ".";
	display: block;
	position: relative; /*works better in IE5.5 or float in float situations*/
	height: 0;
	clear: both;
	visibility: hidden;
}

#content fieldset tr
{
	display: inline-block;
}

/* Hides from IE-mac \*/
#content fieldset tr
{
	display: block;
}
/* End hide from IE-mac */

#content fieldset tr
{
	overflow: hidden;
}

#content fieldset tr span
{
	float: left;
}

#content fieldset.competition,
#content fieldset.community
{
	border: none;
}

#content fieldset.competition div.entry,
#content fieldset.community div.entry,
#content fieldset.community div.display
{
	clear: left;
	margin-left: 130px;
}

#content fieldset.competition input,
#content fieldset.competition textarea,
#content fieldset.competition select,
#content fieldset.community input,
#content fieldset.community textarea,
#content fieldset.community select,
#content fieldset.community div.display label
{
	font-size: 1.2em;
}

#content fieldset.community .onlyCheckbox input
{
	width: 15px;
	margin-left: 0px;
}

#content fieldset.community div.display span,
#content fieldset.community div.display label
{
	line-height: 30px;
}

#content fieldset.competition div.entry label.entry,
#content fieldset.community div.entry label.entry,
#content fieldset.community div.display label.entry
{
	float: left;
	width: 120px;
	margin: 0 0 0 -130px;
}
#content fieldset.competition div td
{
	padding: 0;
}

#content fieldset.competition div.entry input
{
	display: inline;
}

#content fieldset.competition div.entry .price
{
	margin-bottom: 1px;
}

#content fieldset.partnerWantedAdvert, dl.partnerWantedAdvert
{
	width: 30%;
	border: none;
	float: left;
	margin-top: -10px;
}

#content fieldset.partnerWantedAdvert label, dl.partnerWantedAdvert dt
{
	color: #900;
	width: 100px;
	font-weight: bold;
}
dl.partnerWantedAdvert dt
{
	float: left;
	clear: left;
}

#content fieldset.partnerWantedAdvert span
{
	margin-left: 10px;
}

#content fieldset.partnerWantedAdvert input
{
	width: 25px;
	margin-top: -2px;
}

#content fieldset.partnerWantedAdvert div
{
	margin-bottom: 10px;
}

dl.partnerWantedAdvert dd
{
	margin-left: 100px;
	margin-bottom: 5px;
}

div.package
{
	width: 120px;
	height: 180px;
	padding: 10px;
	float: left;
	border: 1px solid #999;
	margin: 20px;
}

div.silver h4
{
	color: #787;
}

div.bronze h4
{
	color: #cd805e;
}

div.gold h4
{
	color: #a97;
}

div.platinum h4
{
	color: #FFCB57;
}

.package .price, .package h4
{
	font-size: 1.2em;
	font-weight: bold;
}

.package h4
{
	font-variant: small-caps;
	font-size: 2em;
	margin-bottom: 10px;
}

.package .price
{
	position: fixed;
	left: 5px;
	top: 20px;
}


/*-- Adverts --*/
#content .advert
{
	display: table; /* Hacked */
	text-align: center;
	padding-bottom: 10px;
	margin: 0 auto;
	clear: left;
}

#additional .textadvert,
#sidebar .textadvert #preview .textadvert
{
	display: table;
	width: 120px;
	text-align: center;
	margin-left: 40px;
}

.partnerWantedTextAdvert
{
	border: none;
}

.partnerWantedTextAdvert .textAd
{
	margin-left: 30px;
}

#additional .textadvert img, #sidebar .textadvert img, #preview .textadvert img
{
	margin: 8px;
	text-align: center;
}

#content .advert span
{
	border: 1px solid #000;
	margin: 0 auto;
}

#additional .textadvert .textAd,
#sidebar .textadvert .textAd,
#preview .textadvert .textAd
{
	border: #ccc 1px solid;
	padding: 10px;
	min-height: 50px; /* Hacked */
	background-color: #f5f5f5;
}

#content .advert h4
{
	color: #fff;
	background: #464E51;
	font-size: 80%;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	border-bottom: 1px solid #000;
	width: 400px;
}

#content .advertalt
{
	background-color: #ebf1f1;
	width: 90%;
	text-align: center;
	border: 1px solid #c32929;
}

#content .appeal
{
	font-weight: bold;
	font-size: 120%;
	color: #c32929;
}

/*-- Photos --*/



.photoDisplay, .photoDisplayProfile
{
	margin: 5px 5px 5px 0;
	min-height: 200px;
	height: auto;
}

.photoDisplay, .photoDisplayProfile
{
	background-color: #f5f5f5;
}

.photoDisplayProfile
{
	margin: 5px 5px 5px 0;
}

.photoDisplayProfile img
{
	text-align: center;
}

* html .photoDisplay
{
	height: 200px;
}

.photoPlace
{
	padding: 2px; /*width: 200px;*/ /* height: 200px; */
	border: 1px solid #ccc;
	float: left;
}

.photoPlace img
{
	vertical-align: middle;
}

.photoDesc
{
	width: 400px;
}
.photoRate
{
	float: left;
}
.photoDet
{
	clear: left;
}


/*
   Footer
   ======
*/
#footer
{
	color: #fff;
	text-align: right;
	background: #C32929;
	height: 2em;
	line-height: 2em;
	padding: 0 1em;
}

.sponsor, .altsponsor
{
	font-weight: bold;
}

.altsponsor
{
	font-style: italic;
}

.sponsor img
{
	border: none;
}

.sponsor
{
	color: #333;
	background-color: #DBDBDA;
}

.withdrawn
{
	background-color: Red;
	color: White;
	width: 22px;
	font-weight: bold;
}

#CSlogin
{
	font-weight: bold;
}

.editable
{
	border: solid 1px #999;
	background-color: #f0f0f0;
}

.error
{
	color: Red;
}

.descPanel, .card
{
	/*position: absolute;*/
	border: 1px solid #000;
	background: #eee url(/images/loading.gif) 50% 50% no-repeat;
	overflow: hidden; /*height:220px;*/ /* Positioning code - would be different in the real thing */
	top: 0px;
	left: 2em;
}

.card
{
	width: 500px;
}

.descPanel #loadingWrapper, .card #loadingWrapper
{
	background: #eee;
	padding: 5px;
}

.descPanel .close, .card .close
{
	position: absolute;
	top: 2px;
	right: 2px;
	background: url(close.gif) 100% 50% no-repeat;
	height: 12px;
	line-height: 12px;
	font-size: 90%;
	padding-right: 14px;
	color: #000;
	text-decoration: none;
}

.descPanel .photo, .card .photo
{
	float: left;
	margin-right: 5px;
	border: 1px solid #000;
	padding: 3px;
	background: #fff url(/images/loading.gif) 50% 50% no-repeat;
}

.descPanel h3, .card h3
{
	font-size: 1.2em !important;
	margin: 15px -5px 0 0 !important;
	padding: 10px 5px 0 !important;
	border-top: 1px solid #ccc !important;
	background: #ddd !important;
	clear: none !important;
}
.descPanel h4, .card h4
{
	font-size: 1em;
	margin: 0 -5px 1em 0;
	padding: 0.2em 5px 10px;
	border-bottom: 1px solid #ccc;
	background: #ddd;
}
.descPanel ul.meta, .card ul.meta
{
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}
.descPanel il.meta li, .card ul.meta li
{
	margin-left: 20px;
}

.helpPopup
{
	background-color: #eee;
	color: Black;
	z-index: 31000;
	border: solid 1px blue;
}

#linkHelpSpan, #linkHelpSpan a:link, #linkHelpSpan a:visited, .helpMark
{
	vertical-align: middle;
	color: white;
	font-weight: bold;
	margin-right: 10px;
	margin-top: -30px;
}

/*------------------------------- copied from default.aspx.css -------------------------*/
h3
{
	clear: left;
}


#RecentComp dt, #RecentComp dt a:link, #RecentComp dt a:visited
{
	color: #990000;
	text-decoration: none;
}

#ourServices dt, #ourServices dt a:link, #ourServices dt a:visited
{
	color: #333333;
}

#RecentComp div.compEventsSubtitles a:link, #RecentComp div.compEventsSubtitles a:visited, a.substring:link, a.substring:visited
{
	color: Gray;
	font-size: 90%;
	text-decoration: none;
}

#RecentComp div.compEventsSubtitles a:hover, a.substring:hover
{
	text-decoration: underline;
}

p
{
	margin-top: 5px;
	margin-bottom: 5px;
}

a img
{
	border: none 0px;
}
.Paragraph
{
	margin-bottom: 10px;
	text-align: left;
}

.CompTitle, .CompPlace, .CompDate
{
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.CompPlace, .CompDate
{
	color: #990000;
}
.CompTitle img
{
	float: none !important;
}

.FutureCompPlace
{
	color: #C32929;
}

.forumTopicHeader
{
	list-style: none;
}

.forumTopicHeader .subtitle,
.forumTopicHeader .subtitle a
{
	color: #333;
}

.forumTopicHeader .subject a
{
	color: #900;
}

.forumTopicHeader .subject a,
.forumTopicHeader .section a
{
	font-weight: bold;
}

.bold
{
	font-weight: bold;
}

#google
{
	display: none;
}

#TopRow .main
{
	border: 1px dotted green;
	margin: 0 400px 0 0;
}

#TopRow .main table
{
	width: auto;
	margin: 0 400px 0 0;
}
#TopRow .sub
{
	position: absolute;
	top: 63px;
	right: 8px;
	width: 390px;
	border: 1px dotted green;
}

#BottomRow
{
	border-top: 1px solid #ccc;
	clear: both;
	margin: 0 auto;
}
#BottomRow .sub
{
	float: left;
	width: 16%;
	margin: 0 auto;
}
#TopRow .sub hr
{
	clear: left;
}

.partnerWanted img
{
	height: 50px;
}

.textAd
{
	padding: 10px;
	min-height: 50px;
	background-color: #f5f5f5;
	width: 100px;
	text-align: center;
}
* html .textAd
{
	height: 50px;
}

#ShopsSub .textadvert
{
	overflow: hidden;
	float: left;
	position: relative;
	width: 100%;
}
#ShopsSub .textadvert .textAd
{
	border: #ccc solid;
	border-width: 1px 1px 0;
	width: 26%;
	padding: 10px 2%;
	margin-right: 1%;
	margin-left: 1%;
	float: left;
	padding-bottom: 999px;
	margin-bottom: -989px;
}

.hidden
{
	display: none;
	visibility: hidden;
}

#pnlHeader
{
	margin-top: 10px;
}

.hiddenElement
{
	display: none;
	visibility: hidden;
}

.topLanguageStrip
{
	position: absolute;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index:9900;
}

.topLanguageStrip a
{
	display: block;
	width: 100%;
	background: #ffffe1 url(/images/cross_b.png) 99% 50% no-repeat;
	padding: 4px;
	text-decoration: none;
	color: #000;
	border: #777 solid;
	border-width: 0 0 2px;
	font: 12px "Segoe UI" , Verdana, Helvetica, Arial, _sans;
}
.topLanguageStrip a:hover
{
	background: #39f url(/images/cross_w.png) 99% 50% no-repeat;
	color: #fff;
}
.topLanguageStrip a img
{
	border: 1px solid #777;
}
.topLanguageStrip a.close
{
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 100%;
	background: none;
	border: 0;
	padding: 2px 0 0;
}
.topLanguageStrip a.close img
{
	display: none;
}

.supertinyText td
{
	font-size: 9px;
}

.breadcrumbs
{
	font-size: 9px;
}

.breadcrumbs a
{
	padding-right: 5px;
	margin-right: 5px;
	border-right: 1px solid #333;
	padding-bottom: 2px;
}

/* gallery portal */

* html .lastPhotos
{
	height: 120px;
}

.lastPhotos
{
	height: 120px;
}

.eventPhotos
{
	width: 100%;
	overflow: hidden;
}

.galleryPortal div.gallery
{
	margin: 3em 0;
	height: 120px;
	overflow: hidden;
}

.galleryEvents
{
	width: 700px;
	width: auto;
	overflow: hidden;
}

.galleryEvents .galleryEvent
{
	padding-top: 5px;
}

.galleryPortal div.photos,
.eventPhotos div.photos
{
	clear: both;
	width: 350px;
	height: 120px;
	float: left;
	overflow: hidden;
}

.eventPhotos div.photos
{
	width: 580px;
	height: 110px;
}

.galleryEvents div.photos,
.lastPhotos div.photos
{
	margin-top: 20px;
	margin-left: 20px;
	width: 350px;
	height: 120px;
	overflow: hidden;
}

.galleryPortal h3
{
	margin-left: 350px;
}

.galleryPortal div.photos,
.lastPhotos div.photos
{
	height: 100px;
}

.galleryCouple div.photos
{
	clear: both;
	float: left;
}

.galleryPortal div.photo,
.photographerGallery div.photo,
.galleryEvents div.photo,
.galleryCouple div.photo,
.lastPhotos div.photo,
.eventPhotos div.photo
{
	width: 100px;
	height: 100px;
	margin: 0 5px 10px;
	overflow: hidden;
	float: left;
	display: inline;
}

.galleryCouple div.photo
{
	width: 75px;
	height: 75px;
	margin: 0 1px 2px;
}

.galleryCouple div.photo img,
.photoFolders div.photo img,
.eventPhotos div.photo img
{
	margin-left: -10px;
	margin-top: -20px;
}

.galleryCouple div.photos div.selected
{
	width: 66px;
	height: 66px;
	/*margin: 3px 4px 5px;*/
	border: 3px solid #C32929;
	padding-left: 3px;
	padding-top: 3px;
}

.galleryCouple div.mainphoto img.largephoto,
div.assign img.largephoto
{
	margin: 10px 10px 10px 0px;
	width: 250px;
	float: left;
	text-align: left;
}

.galleryCouple div.mainphoto img.largephoto
{
	cursor:pointer; cursor:hand;
}

* html .fullPhotoView
{
	height: 1px;
	position: absolute;
	left: 200px;
	top: 100px;
	z-index: 100001;
}

.compVideos
{
	margin-top: 20px;
}

.videoGallery .videos
{
	margin-left: 200px;
}

.eventVideos .videos
{
	margin-bottom: 20px;
}

.videoPanel .video
{
	width: 430px;
	float: left;
}

.videoPanel .info
{
	margin-left: 450px;
}
/* Rating stars */

.ratePhoto
{
	width: 180px;
	padding: 20px;
	border: 1px solid #333;
	background-color: #fff;
}

.ratePhoto .ratingStar
{
	font-size: 0pt;
	width: 13px;
	height: 12px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	display: block;
	background-repeat: no-repeat;
	margin-top: 5px;
}


.fullPhotoView
{
	margin-top: 20px;
	border: 1px solid #333;
	background-color: #000;
}

.fullPhotoView .headings
{
	padding-left: 20px;
	padding-right: 20px;
	width: 400px;
}

.fullPhotoView h3.photoDesc
{
	color: #fff;
	font-size: 1em;
	border-bottom: none;
}

.fullPhotoView img.fullPhoto
{
	margin: 10px 20px 10px 20px;
}

.galleryCouple div.desc, .assign div.desc
{
	width: 50%;
	margin-left: 320px;
}

.galleryPortal h3, .galleryCouple h3,
.videoPanel h3
{
	clear: none;
}

ul.feature li
{
	margin-bottom: 5px;
}

ul.feature .seen
{
	display: block;
}

.assign .search .searchParam
{
	width: 80%;
	margin-bottom: 5px;
}

.assign .search .coupleNames
{
	width: 95%;
	margin-bottom: 5px;
}

.assign .search .searchButton, .assign .search .submitButton
{
	font-size: 100%;
	margin-bottom: 5px;
}

.galleryCouple .desc img.trolley
{
	margin: 10px 0 10px;
}

.photoFolders div.folder
{
	width: 150px;
	height: 172px;
	margin-bottom: 10px;
	float: left;
	background: url(../images/layout/PhotoFolderBackground.jpg) no-repeat;
}

.photoFolders div.folder1
{
	background: url(../images/layout/PhotoFolderBackground_1.jpg) no-repeat;
}

.photoFolders div.folder2
{
	background: url(../images/layout/PhotoFolderBackground_2.jpg) no-repeat;
}

.photoFolders div.photo
{
	width: 100px;
	height: 100px;
	margin: 25px;
	margin-bottom: 15px;
	overflow: hidden;
	float: none;
	display: block;
}

.photoFolders div.couple
{
	padding: 0 10px 0;
	height: 37px;
	overflow: hidden;
	font-size: 9px;
}

.photographerGallery .galleryComp
{
	float: left;
	width: 100%;
}

.photographerGallery div.photos
{
	float: left;
	width: 340px;
	height: 330px;
}

.photographerGallery .events
{
	float: left;
	height: 90%;
	width: 300px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.photographerGallery h3, .galleryComp h3, .galleryEvents h3, .galleryCouple h3
{
	padding-left: 0px;
}

.galleryEvents
{
	margin-top: 20px;
}

.galleryEvents .event
{
	width: 250px;
	height: 100px;
	float: left;
}

.galleryCouple li img
{
	margin: 5px 0 5px;
}

.lastPhotos
{
	clear: both;
}

.lastPhotos .photoDesc
{
	width: 300px;
	float: left;
}

/* pager, sorting */
.sorting
{
	height: 25px;
	padding-top: 10px;
}

.pager
{
	clear: left;
	margin: 1em 0;
	overflow: hidden;
}

* html .pager
{
	overflow: visible;
	height: 0;
}

.pager a, .sorting a,
div.infoListHeader a
{
	padding: 2px 4px;
	margin: 0 2px 1px 0;
}

.pager a
{
	float: left;
}

.pager a,
.pager a:hover,
.sorting a,
.sorting a:hover,
.pager a.current,
.pager a:hover.current,
.sorting a.current,
.sorting a:hover.current,
div.infoListHeader a,
div.infoListHeader a:hover,
.pager a.disabled,
.pager a:hover.disabled
{
	border: 1px solid #c76;
}

.pager a,
.pager a:hover,
.sorting a,
.sorting a:hover,
div.infoListHeader a,
div.infoListHeader a:hover,
.pager a.disabled,
.pager a:hover.disabled
{
	text-decoration: none;
}

.pager a:hover,
.sorting a:hover,
div.infoListHeader a:hover,
div.infoListHeader a:hover
{
	background-color: #c76;
}

.pager a.current,
.pager a:hover.current,
.sorting a.current,
.sorting a:hover.current
{
	color: #FFF;
	background-color: #c76;
}

.pager a.disabled,
.pager a:hover.disabled
{
	visibility: hidden;
}

/* forums */

table.forumList,
table.postList,
table.blogThreadList,
table.searchList
{
	width: 100%;
}

table.searchList
{
	border: none;
}

table.forumList td, table.postList td
{
	vertical-align: top;
}

table.forumList tr.header th, table.blogThreadList tr.header th, table.searchList tr.header th
{
	padding-top: 5px;
	padding-bottom: 5px;
}

table.searchList tr.header th
{
	background-color: #fff;
	text-align: left;
}

table.searchList td img
{
	padding-left: 5px;
	padding-right: 5px;
}

table.forumList td.thread
{
	width: 50%;
	padding-bottom: 10px;
	padding-right: 5px;
}

table.forumList td.thread .name
{
	margin-left: 20px;
	font-weight: normal;
	color: #000;
}

table.forumList td.thread .description, table.forumList td.stats .date, table.blogThreadList td .author, .blogThread .author, .blogPostsList p.date
{
	font-size: 80%;
}

table.forumList td.thread .unread
{
	font-weight: bold;
}

table.postList td, table.blogThreadList td
{
	padding-bottom: 1.5em;
	border-top: 1px solid #999;
}

table.searchList td
{
	padding-bottom: 1.5em;
}

table.searchList td.dancerName
{
	width: 150px;
	color: #333;
	font-weight: bold;
}

table.searchList td.date,
table.searchList td.status
{
	width: 80px;
}

table.searchList td.style
{
	width: 70px;
}

table.searchList td.coupleName
{
	width: 250px;
}

.blogThread
{
	padding-bottom: 1.5em;
}

table.postList td.user
{
	width: 25%;
}

table.postList td.user .author
{
	font-size: 1.5em;
	color: #900;
}

table.postList td.user .joined
{
	color: #777;
	font-size: 80%;
}

table.postList td.user .avatar img
{
	float: left;
	padding: 5px 10px 5px 0;
}

table.postList td.post h4, table.blogThreadList h4, .blogThread h4
{
	color: #a23;
	border-bottom: 1px solid #777;
	padding: 0.5em 0;
}

table.postList td.post p.date, table.blogThreadList td .author, .blogThread .author, .blogPostsList p.author, .blogPostsList p.date
{
	color: #555;
}

table.postList td.post blockquote
{
	background-color: #eee;
	margin-left: 20px;
	border: 1px dashed #a23;
}

table.postList td.post .buttons, .comment .buttons
{
	text-align: right;
}

.blogThreadList img
{
	padding: 5px;
}

.comment textarea
{
	width: 500px;
	display: block;
	float: none;
}

.coupleComments
{
	height: 60px;
	overflow: hidden;
}

.partnership img
{
	float: left;
	padding: 10px;
}

.logonButton,
.searchButton,
.confirmButton
{
	margin-top: 10px;
	font-size: 100%;
}

.voteButton
{
	font-size: 100%;
}

.ratingList, .voteButton
{
	float: left;
}

.closeButton
{
	border: 1px solid #fff;
}

.addFutureComp
{
	margin-left: 5px;
}


.post .buttons .postReply,
.comment .buttons .postReply
{
	background: url(../images/icons/user_add.png) no-repeat;
}

.post .buttons .postQuote
{
	background: url(../images/icons/user_comment.png) no-repeat;
}

.post .buttons .postEdit,
.comment .buttons .postEdit
{
	background: url(../images/icons/user_edit.png) no-repeat;
}

.post .buttons .acceptPost,
.comment .buttons .acceptPost
{
	background: url(../images/icons/accept.png) no-repeat;
}

.post .buttons .sendMessage,
.community .buttons .sendMessage
{
	background: url(../images/icons/email_add.png) no-repeat;
}

.comment .buttons .addComment
{
	background: url(../images/icons/comment_add.png) no-repeat;
}

.product .buttons .addTrolley,
.bulkOfferPhotos .buttons .addTrolley 
{
	background: url(../images/icons/cart2.png) no-repeat;
}

.profile .buttons .addCamera
{
	background: url(../images/icons/camera_add.png) no-repeat;
}

.profile .buttons .addFilm,
.compVideos  .buttons .addFilm
{
	background: url(../images/icons/film_add.png) no-repeat;
}

.newUser .buttons .addUser
{
	background: url(../images/icons/user_add.png) no-repeat;
}

.newUser .buttons .addAvatar
{
	background: url(../images/icons/page_white_picture.png) no-repeat;
}

.newUser .buttons .addPassword
{
	background: url(../images/icons/lock_open.png) no-repeat;
}

.comps .buttons .skipNext,
.breadcrumbs span.otherEvents
{
	background: url(../images/icons/bullet_arrow_down.png) no-repeat;
}

.privateMessages .buttons .delete
{
	background: url(../images/icons/email_delete.png) no-repeat;
}

.earlyBird .buttons .addMember
{
	background: url(../images/icons/rosette.png) no-repeat;
}


.archive li
{
	margin-bottom: 2px;
	font-size: 0.8em;
}

.archive li a
{
	color: #333;
}

.post .buttons .postReply,
.post .buttons .postQuote,
.post .buttons .postEdit,
.post .buttons .acceptPost,
.comment .buttons .acceptPost,
.comment .buttons .postEdit,
.comment .buttons .addComment,
.product .buttons .addTrolley,
.profile .buttons .addCamera,
.profile .buttons .addFilm,
.newUser .buttons .addUser,
.newUser .buttons .addAvatar,
.newUser .buttons .addPassword,
.comps .buttons .skipNext,
.privateMessages .buttons .delete,
.post .buttons .sendMessage,
.community .buttons .sendMessage,
.compVideos .buttons .addFilm,
.earlyBird .buttons .addMember,
.bulkOfferPhotos .buttons .addTrolley,
.breadcrumbs span.otherEvents
{
	background-position: right;
	padding-right: 18px;
	width: 65px;
}

.post .buttons a,
.post .buttons a:hover,
.comment .buttons a,
.comment .buttons a:hover,
.product .buttons a,
.product .buttons a:hover,
.profile .buttons a,
.profile .buttons a:hover,
.newUser .buttons a,
.newUser .buttons a:hover,
.comps .buttons a,
.comps .buttons a:hover,
.privateMessages .buttons a,
.privateMessages .buttons a:hover,
.post .buttons a,
.post .buttons a:hover,
.compVideos .buttons a,
.compVideos .buttons a:hover,
.earlyBird .buttons a,
.earlyBird .buttons a:hover,
.futureCompAdvert .buttons a,
.futureCompAdvert .buttons a:hover,
.bulkOfferPhotos .buttons a,
.bulkOfferPhotos .buttons a:hover
{
	border: 1px solid #c76;
	text-decoration: none;
}

.post .buttons a,
.comment .buttons a,
.product .buttons a,
.profile .buttons a,
.newUser .buttons a,
.comps .buttons a,
.privateMessages .buttons a,
.compVideos .buttons a,
.earlyBird .buttons a,
.futureCompAdvert .buttons a,
.bulkOfferPhotos .buttons a
{
	padding: 2px 4px;
	margin: 0 2px 2px 0;
}

.comps .compareRating
{
	text-align: right;
}

.comps .buttons a.skipNext
{
	text-align: left;
}

#roundBottom .buttons
{
	margin-top: 10px;
}

.alignRight
{
	text-align: right;
}

.product .buttons
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.profile .buttons,
.newUser .buttons
{
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}

.profile .buttons
{
	margin-top: 10px;
}

.privateMessages input
{
	
}

.tooltipTriangle,
.tooltipMain
{
	border-left: 1px solid black;
	background-color: #FFFACD;
}
.tooltipTriangle
{
	overflow: hidden;
}
.tooltipMain
{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	padding: 5px;
	font-family: verdana;
	font-size: 10px;
	width: 100%;
}
.tooltip
{
	width: 200px;
}

.avatar,
#headerLogin .loggedAvatar
{
	float: left;
	padding: 5px;
	border: 1px solid #ccc;
}

#headerLogin .actions
{
	margin-top: 10px;
}

.additionalLinks,
.additionalLinks a
{
	color: #555;
}

.comparisons h4
{
	margin: 20px 0 10px 0;
}

* .comparisonItem
{
	height: 10px;
}

.comparisonItem
{
	width: 48%;
	height: auto;
	float: left;
}

.comparisonItem .desc
{
	padding: 0 10px 0 10px;
}

.comparisonItem .photo
{
	float: left;
	margin: 5px;
	width: 120px;
	height: 120px;
	overflow: hidden;
}

.comparisonItem h3
{
	clear: none;
	border-bottom: none;
}

.birthday input
{
	float: left;
	margin-right: 8px;
}

.photoOffer p,
.photoOffer ul
{
	clear: both;
}

.photoOffer p
{
	border: 1px solid #c76;
	background-color: #ccc;
	padding: 3px;
}

.bulkOfferHint,
.otherEventsHint,
.coupleSponsorsHint
{
	background-color: #FFFACD;
	padding: 5px;
	border: 1px solid black;
	width: 350px;
}
.otherEventsHint,
.coupleSponsorsHint
{
	font-size: 9px; 
}

.coupleSponsorsHint
{
	width: 160px;
}

.bulkOfferHint,
.coupleSponsorsHint
{
	text-align: center;
}

.bulkOfferHint .price
{
	font-weight: bold;
	color: Maroon;
	font-size: 14px;
}

.photoOffers li
{
	padding-bottom: 10px;
	list-style: none;
}

.otherEventsHint li
{
	list-style: none;
}

.otherEvents
{
	text-decoration: underline;
	color: #300;
	cursor: hand;
	cursor: pointer;
}