body {
background-image: url(images/bgstrip.png);
background-repeat:repeat-x;
font-family:  verdana, arial, helvetica, sans-serif;
font-size: 18;
}

.align-center {text-align:center;}

/* menu-positioning in the html template */

.menu_position{
position:absolute;
left:-30px;
top:10px;
}

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



/******** constructing the menu cards and card shadows ********/

.spacer, .spacer_top {
width:0px;
height:0px;
position:absolute;
}

.spacer		{top:350px;}
.spacer_top 	{top:365px;}

.club, .diamond, .heart, .spade, .notrump, .pass {
width:160px;
position:absolute;
left:0px;
top:5px;
z-index:1;
}

.club		{background-image:url(images/clubs10.png);	height:300px;}
.diamond	{background-image:url(images/diamonds11.png);	height:270px;}
.heart		{background-image:url(images/hearts10.png);	height:240px;}
.spade		{background-image:url(images/spades10.png);	height:210px;}
.notrump	{background-image:url(images/notrumps10.png);	height:180px;}
.pass		{background-image:url(images/pass10.png);	height:225px;}

.shadow_diamond_lip, .shadow_heart_lip, .shadow_spade_lip, .shadow_notrump_lip, .shadow_pass_lip {
position:absolute;
top:25px;
z-index:1;
width:160px;
height:12px;
}

.shadow_diamond_lip, .shadow_heart_lip, .shadow_spade_lip, .shadow_notrump_lip {
background-image:url(images/lip_shadow10.png);
}

.shadow_pass_lip{
background-image:url(images/lip_shadow_pass12.png);
}

.shadow_club_down {position:absolute;left:0px;top:0px}

.shadow_club_lip  {position:absolute;left:0px;top:45px;}

.shadow_club_lip,.shadow_club_down,.shadow_diamond_down,.shadow_heart_down,.shadow_spade_down,.shadow_notrump_down,.shadow_pass_down{width:171px;left:50px}

.shadow_club_lip	{background-image:url(images/shadow_c10_up.png);  height:310px;}
.shadow_club_down	{background-image:url(images/shadow_c12_down.png);height:385px;}
.shadow_diamond_down	{background-image:url(images/shadow_d12_down.png);height:355px;}
.shadow_heart_down	{background-image:url(images/shadow_h12_down.png);height:325px;}
.shadow_spade_down	{background-image:url(images/shadow_s12_down.png);height:295px;}
.shadow_notrump_down	{background-image:url(images/shadow_t12_down.png);height:265px;}
.shadow_pass_down	{background-image:url(images/shadow_p12_down.png);height:235px;}

.shadow_diamond_down, .shadow_heart_down, .shadow_spade_down, .shadow_notrump_down, .shadow_pass_down {
position:absolute;
left:-12px;
top:1px;
}

.club{left:12px;top:-1px;}

.card_down{left:12px;top:-1px;}



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


/******************** language classes *************/



.lang_en, .lang_de, .lang_fr, .lang_it {
position:absolute;
z-index:20;
text-decoration:none;
font-family:sans-serif;
font-size:16px;
color:white;
}


.lang_en, .lang_de, .lang_fr{
top:520px;}

.lang_de {left:80px;}
.lang_en {left:130px;}
.lang_fr {left:182px;}


.lang_it {
top:557px;
left:80px;
}


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



/*********************** link properties *********************/

a {text-decoration:none;font-family:sans-serif;}
a:hover{color:black;}

.club a, .diamond a, .heart a, .spade a, .notrump a {position:absolute;left:4px;top:3px;font-size:16px;}   

.club a {color:green;}
.diamond a {color:#664D00;}
.heart a {color:red;}
.spade a {color:blue;}
.notrump a {color:black;}
.pass a {color:white;position:absolute;left:55px;top:43px;width:45px;}

/***
.menu_text_i a, .menu_text_ii a, .menu_text_iii a, .menu_text_iv a, .menu_text_v a, .menu_text_vi a, .menu_text_vii a, menu_text_i {position:absolute;right:10px;color:black;font-size:16px;}
***/

.menu_text  a {position:relative;right:10px;top:-8px;width:150px} 

/***
.menu_text a {position:relative;right:10px;top:-50px;width:150px}

.menu_text_i   a {top:40px;width:140px}

.menu_text_ii  a {top:70px;}
.menu_text_iii a {top:120px;}
.menu_text_iv  a {top:130px;}
***/

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

.Cbgcol  {background-color:#abecab;}
.CbgcolDark  {background-color:#6EDD6E;}

.Dbgcol  {background-color:#fff0bd;}
.DbgcolDark  {background-color:#FFD23D;}

.Hbgcol  {background-color:#ffe7dd;}
.HbgcolDark  {background-color:#FFB08F;}

.Sbgcol  {background-color:#dbdbff;}
.SbgcolDark  {background-color:#8F8FFF;}

.NTbgcol {background-color:#f4f3ff;}
.NTbgcolDark {background-color:#C9C2FF;}

.Pbgcol  {background-color:#26c14a;}
.PbgcolDark  {background-color:#198031;}


.Xbgcol  {background-color:#f10909;}

.XXbgcol  {background-color:#1f09f1;}


/***************** HEADER AND CONTENTS *************************************/

table.tableMain {
position:absolute;
top:44px;
left:200px;
border-collapse: collapse;
}


.topLeftHeader, .thinHeader, .topRightHeader {
height:20px;
}

.topLeftHeader {
-moz-border-radius: 10px 0 0 0;
}

.topRightHeader {
-moz-border-radius: 0 10px 0 0;
}


.header {
height:100px;
}

.contentColumnLeft, .contentColumnRight,  .content, .emptyContent, .footer{
background-color:white;
}

.contentColumnLeft {
-moz-border-radius: 0 0 0 10px;
}

.contentColumnRight {
-moz-border-radius: 0 0 10px 0;
}

.content{
width:45em;
}

.topLeftHeader, .topRightHeader, .bottomRightShadow, .topLeftShadow, .leftShadow, .bottomLeftShadow {
width:20px;
}

.topLeftShadow, .bottomLeftShadow, .bottomShadow, .bottomRightShadow {
height:20px;
}

.footer{
height:40px;
}

.topLeftShadow {
background-image:url(images/TL.png);
background-position:-1px -3px;
background-repeat:no-repeat;
}

.leftShadow{
background-image:url(images/Y.png);
background-repeat:repeat-y;
}

.bottomLeftShadow {
background-image:url(images/BL.png);
background-position:-1px -19px;
}

.bottomShadow {
background-image:url(images/X.png);
background-position:bottom;
}

.bottomRightShadow {
background-image:url(images/BR.png);
background-position:-17px -19px;
}



/********  board presentation  ***************/

.cardTable, .cardTableColor, .pointsTable {
background-color:#00EB3B;
}

.cardTable, .pointsTable {
width:5em;
height:5em;
}

.suitSymbol {
text-align: center;
width:1em;
height:1em;
}

.pointsSymbol {
text-align: center;
width:1em;
height:1em;
}


.cellNorthHand, .cellEastHand, .cellSouthHand, .cellWestHand {
width:5em;
}

.cellNorthHand {
vertical-align:bottom;
}

.cellEastHand {
text-align:left;
height:5em;
}

.cellSouthHand {
vertical-align:top;
}

.cellWestHand {
text-align:right;
height:5em;
}

.cellDetails {
vertical-align:top;
}

.cellDoubleDummy {
vertical-align:bottom;
}


.tableHand {
text-align:left;
}


.cellDD {
text-align:right;
}

.tableDD {
text-align:left;
}

.diagramHand {
background-color:#D1FFDC;
border-style: solid;
border-color:#FFD561;
}




/************** Results Calender  *********************/


.Calender {background-color:#ffe7dd;}
.CalenderDark {background-color:#FFB08F;}
.NotCalender {background-color:lightgrey;}
.calenderBorder {border:thick solid #FFB08F;}


.calenderCellMonth, .calenderCellMonthNOT{
width:3em;
height:3em;
vertical-align:center;
text-align:center;
text-decoration:none;
font-family:sans-serif;
font-size:large;
font-weight:bold;
color:black;
}


.calenderCellMonth{
}


.calenderCellMonthNOT{
background-color:lightgrey;
}


.tableTitles {
height:3em;
font-size:large;
font-weight:bold;
vertical-align:center;
text-align:center;
width:100%;
}



.monthTitles {
height:3em;
font-size:large;
font-weight:bold;
vertical-align:center;
text-align:center;
width:33%;
}



.rankTitles, .libraryTitles {
height:3em;
font-size:large;
font-weight:bold;
vertical-align:center;
text-align:center;
}



.previousTD , .nextTD {
width:5em;
}

.previousTD {
}


.nextTD {
}

.subMenuTD {
height:3em;
width:33%;
font-size:large;
font-weight:bold;
vertical-align:center;
text-align:center;
}

.TDweekday{
height:2em;
width:5em;
font-size:large;
font-weight:bold;
vertical-align:center;
text-align:center;
}


.resultsDate {
border: medium solid #abecab;
}

.TDscore, .TDscoreMID {
height:3em;
font-size:large;
font-weight:bold;
vertical-align:center;
text-align:center;
}

.TDscore {
width:25%;
}

.TDscoreMID {
width:50%;
}



/************** Results ******************/

.Results {background-color:#ffe7dd;}
.ResultsDark {background-color:#FFB08F;}





/************** Courses ******************/

.Courses {background-color:#dbdbff}
.CoursesDark {background-color:#8F8FFF;}





/************** Polls ******************/


.PollTD {
width:20%;
height:2em;
font-weight:bold;
vertical-align:center;
text-align:center;
}


.PollOpen {background-color:#abecab;}


.PollClose {background-color:#FFB08F;}

.Polls {background-color:#f4f3ff;}
.PollsDark {background-color:#C9C2FF}










/********  FAQ presentation  ***************/

.faqQuestion, .faqQuestionDark, .faqAnswer {width:100%;}

.faqQuestion, .faqQuestionDark {
height:3ex;
vertical-align: center;
}

.faqQuestionDark {
background-color:#6EDD6E;
}

.faqQuestion {
background-color:#abecab;
}

.faqAnswer {
border:thick solid #abecab;
}


/********  SELECT BUTTONS  ***************/

.selectButton, .selectOption {
font-size:medium;
vertical-align:middle;
}

.selectButton {
height:3ex;
}

.selectOption {
height:2.5ex;
}


/********  Partner Search  ***************/


.partnerSearch {
background-color:#fff0bd;
}

.partnerSearchDark {
background-color:#FFD23D;
}