/* TOURALITY CSS Document (C) creative workline  */
/* ***********************************************/

/* ====================== */
/* ###### page ########## */
/* ====================== */


/* ## redefinitons ##
/* =============== */


textarea {
	/*color:#386676;*/
	/*font-size:1em;
	font-family: Arial, Tahoma, Verdana, Trebuchet MS,  Helvetica, sans-serif;*/
}
/*
textarea:disabled {
}
*/

input  {
	/*font-size:1.1em;*/
 	/*color:#386676;*/
  /*
	color:#800000; 
	border:1px solid #FCA715;
	background-color:#FBF2CB;*/
  padding-left: 2px;
}

input[type="checkbox"] {
	margin: 0px;
	padding: 0px;
	width: 15px;
	border: 0px;
}
input[type="radio"] {
	margin:  0px;
	padding: 0px;
	width: 15px; 
	border: 0px;
	background: transparent;
}

input[type="image"] {
  border: 0px none;
  padding: 0px;
  background: transparent;
  margin-top: 0px;
}

select {
	/*font-family: Arial, Tahoma, Verdana, Trebuchet MS,  Helvetica, sans-serif;
	color:#386676;*/
	width: 200px;
  /*
  color:#800000; 
	border:1px solid #FCA715;
	background-color:#FBF2CB;*/
}

#content table {
  border: 0px;
  margin: 0px;
}

h1 {
  line-height: 1.25em;
  text-shadow: 1px 2px 2px #dddddd;
}

h2 {
	text-shadow: 1px 1px 2px #dddddd;
}


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

/* ====================== */
/* ###### menu ########## */
/* ====================== */


table.cLoginFormTable {
	margin-left: 15px;
	margin-right: 0px;
	margin-top: 15px;
	/*font-size: 1.1em;*/
	/*width:200px;*/
	margin-bottom:0px;
	padding-bottom:0px;
}

table.cLoginFormTable td {
	padding: 4px;
}

table.cLoginFormTable input.userPass  {
	/*font-family: Arial, Tahoma, Verdana, Trebuchet MS,  Helvetica, sans-serif;
	font-size:1.1em;
	width:120px;	
	font-weight: bold;
	color:#800000; 
	border:1px solid #FCA715;
	background-color:#FBF2CB;
	margin:0px;
	padding:2px;
	margin-left:5px;
	text-align:left;
	vertical-align: bottom;*/
	letter-spacing: 0.06em;
	margin: 0px;
	font-size: 1.5em;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
	color: #666666;
}

/*
.cLoginArea {
	position: relative;
	height: 80px;
	width: 180px;
	vertical-align: baseline;
	text-align:right;
	float: right;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 5px;
	line-height: 15px;
}

.cLoginArea a {
	color: #004080;
	text-decoration: none;
	border:0;
}

.cLoginArea a:hover {
	color: #A20000;
	text-decoration: underline overline;
}
*/

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

/* ====================== */
/* ###### main    ####### */
/* ====================== */


.cSingleColumn {
	width: 580px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	clear:both;
	/*overflow:auto;*/
	overflow:none;
}

/*
.cSingleColumn h1 {
	
}

.cSingleColumn h1.blue {
	background-image:url(../img/frames/h1_big_blue.jpg) !important;
}

.cSingleColumn h1.orange {
	background-image:url(../img/frames/h1_big_orange.jpg) !important;
}

.cSingleColumn h1.green {
	background-image:url(../img/frames/h1_big_green.jpg) !important;
}

.cSingleColumn h1.red {
	background-image:url(../img/frames/h1_big_red.jpg) !important;
}
*/

.cLeftColumn {
	position:relative;
	float:left;
	width: 282px;	
	margin-bottom:10px;
	left:0px;
	overflow:hidden;
}


/*
.cLeftColumn h1 {
	
}


.cLeftColumn h1.blue {
	background-image:url(../img/frames/h1_small_blue.jpg) !important;
}

.cLeftColumn h1.orange {
	background-image:url(../img/frames/h1_small_orange.jpg) !important;
}

.cLeftColumn h1.green {
	background-image:url(../img/frames/h1_small_green.jpg) !important;
}

.cLeftColumn h1.red {
	background-image:url(../img/frames/h1_small_red.jpg) !important;
}
*/


.cRightColumn {
	position:relative;
	float:right;
	width: 282px;
	/*background-color:#FFCC00;*/	
	margin-bottom:10px;
	right:0px;
	overflow:hidden;
}

/*
.cRightColumn h1 {
	
}

.cRightColumn h1.blue {
	background-image:url(../img/frames/h1_small_blue.jpg) !important;
}

.cRightColumn h1.orange {
	background-image:url(../img/frames/h1_small_orange.jpg) !important;
}

.cRightColumn h1.green {
	background-image:url(../img/frames/h1_small_green.jpg) !important;
}

.cRightColumn h1.red {
	background-image:url(../img/frames/h1_small_red.jpg) !important;
}
*/

.c2ColumnsTopAlignedLeft {
	vertical-align:top !important; /* 2 vertical top aligned columns used @ myBase, left column */
	width: 282px;
	padding:0px;
  margin: 0px !important;
}
.c2ColumnsTopAlignedRight {
	vertical-align:top !important; /* 2 vertical top aligned columns used @ myBase, right column */
	width: 282px;
	padding: 0px 0px 0px 16px;
  margin: 0px !important;
}

.cTableGameModes {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 640px;
}

.cTableGameModes td {
	padding: 5px;
	vertical-align: middle;
	height: 45px;
}

.cTableGameModes th {
	padding: 3px;
	font-size: 1.1em;
}

.cTableGameModes tr.odd {
	background-color:#FDEDA5;
	border: 0px none;
}

.cTableGameModes tr.even {
	background-color:#FBF2CB;
	border: 0px none;	
}


.cContent {
	position: relative;
	margin: 0px;
	padding: 0px;
	float: none;
}


/*
.cText {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #1D506B;
	font-size:small;
	list-style-type: square;
	text-align: left;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 110px;
	border-left-width: thin;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
	padding-bottom: 20px;
	
}

.cText a {
	color: #004080;
	text-decoration: underline;
}

.cText a:hover {
	color: #A20000;
	text-decoration: underline overline;
}

.cText h1 {
	font-size: small;
	font-weight: bold;
	color: #F88900;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F88900;

}

.cText h2 {
	font-size: small;
	font-weight: bold;
	color: #F88900;
	margin-top: 15px;
}

.cText h3 {
	font-size: small;
	font-weight: bold;
	margin-top: 10px;
    margin-bottom: 5px;
}

.cTextFormHint {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:9px;
}

.cButtonInput {
	border: 1px solid;
	font-size: 10px;
	color: #004080;
	border-color: #505050;
	background-color: #fff;
	padding-top:0px;
	padding-bottom:0px;
}

.cButtonInput:hover {
    color: #A20000;
}
*/
.cUserHighscoreRow {
  font-weight: bold;
}


.contentFullWidth {
  margin-right: 30px !important;
  
}

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

/* ====================== */
/* #### Browse Game Templates / Game Template Details #### */
/* ====================== */

.cGameTemplateDetailsTable1  {
	margin-left:20px;
	margin-top:7px;
}

.cGameTemplateDetailsTable2  {
	margin-left:0px;
	margin-top:7px;
}

.cGameTemplateDetailsTable1 .c1 {
	width:50px;
}

.cGameTemplateDetailsTable1 td {
  vertical-align: top;
  padding: 1px 0px 2px;
}

.cGameTemplateDetailsTable1 .c2 {
	width:180px;
}

.cGameTemplateDetailsTable2 .c1 {
	width:105px;
}

.cGameTemplateDetailsTable2 .c2 {
	width:236px;
}

.cGameTemplateDetailsTable2 .c2 textarea {
	width:222px;
  height: 70px;
  margin: 0px;
}

.cGameTemplateDetailsTable2 .c2 input[type="text"] {
	width:224px;
	margin: 0px;
}

.cGameTemplateDetailsTable1 input {
  margin: 0px;
}

.cGameTemplateDetailsTable2 td {
  vertical-align: top;
  padding: 1px 0px 2px;
}

#gameTemplateMap #mapImageContainer {
	width:580px;
	height:450px;
	position: relative;
	top: 0px;
	/*left:15px;*/
	float:left;
	padding-left:0px;     
	padding-right:0px;
	padding-top:0px;
	padding-bottom:15px;
	overflow:hidden;	
}

div.raceSeqBack { /* background (+"shadow") */
   padding: 0px 2px 0px 4px; 
   background: white; 
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity:0.5;
   font-weight: bold; 
   font-size: 12px; 
   color: #FDEDA5;
   z-index:2;
   position: absolute;
   visibility: hidden;
}

div.raceSeqFront { /* foreground */
   padding: 0px 2px 0px 4px; 
   font-weight: bold; 
   font-size: 12px; 
   color: #000000;
   z-index:2;
   position: absolute;
   visibility: hidden;
}

#reviewForm .cGameTemplateDetailsTable1 td {
	padding: 0px;
}

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

/* ====================== */
/* ##### aboutus     #### */
/* ====================== */

/*
#aboutusContent p {
	padding-top:15px;
	padding-bottom:15px;
}
*/

/* ====================== */
/* ##### Where to play ## */
/* ====================== */

/*
#whereToPlayAreasList span {
	border-left: 1px dotted;
  white-space: nowrap;
}

#whereToPlayAreasList span:first-child {
	border-left: 0px !important;
  margin-left: -8px;
}

#whereToPlayAreasList a {
  text-decoration: none;
}
*/

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

/* ====================== */
/* ##### userprofile #### */
/* ====================== */


#userProfile {
	/*font-size:1.1em;*/
}


#userProfile p {
	/*margin-left:25px;*/
}

#userProfile .cLeftColumn table, #userProfile .cRightColumn table {
	/*margin-left:15px;*/
	margin-top:5px;
	margin-bottom:20px;
	text-align:left;
}

#userProfile .cLeftColumn td, #userProfile .cRightColumn td {
	/*padding-left: 18px;*/
}

.trophies img {
	border:1px solid #E8E8E8;
	margin:5px;
	padding:0px;	
}

/*
#userProfile h1 {
	text-align:left;
	text-indent:80px;
	background-position:top;
	padding-top:21px;
	height:39px;
}

#userProfile h1.profileHeader {
	text-align:center;
	text-indent:10px;
	background-position:top;
	padding-top:4px;
	height:21px;
	background-image:url(../img/frames/h1_big_orange.jpg);
}


#userProfile h1.general {
	background-image:url(../img/headers/header-profile-general.jpg);
}

#userProfile h1.friends {
	background-image:url(../img/headers/header-profile-friends.jpg);
}

#userProfile h1.highscore {
	background-image:url(../img/headers/header-profile-highscore.jpg);
}

#userProfile h1.games {
	background-image:url(../img/headers/header-profile-games.jpg);
}

#userProfile h1.premium {
	background-image:url(../img/headers/header-profile-premium.jpg);
}
*/

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

/* ================== */
/* ##### myGames #### */
/* ================== */


#myGames {
	/*font-size:1.1em;*/
	/*width:670px;*/
}

#myGames p {
	/*font-size:0.9em;*/
}

#myGames h1 {
	/*text-align:left;
	text-indent:100px;
	background-position:top;
	padding-top:21px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;
	height:39px;
	width:670px;*/
	text-indent: 50px;
	background-repeat: no-repeat;
  background-position: left;
  background-position-y: 20;
  margin-top:25px;
}


#myGames h1.single {
	background-image:url(../img/v2/icons/icon-singleplayer.png);
}

#myGames h1.pvp {
  background-image:url(../img/v2/icons/icon-pvp.png);
}

#myGames h1.tvt {
  background-image:url(../img/v2/icons/icon-tvt.png);
}

.cMyGamesTable { 
	font-size:0.9em;
	border:0px;
	text-align:left;
	margin-top:0px;
	margin-left:15px;
	margin-right:15px;
	/*width:630px;*/
}

.cMyGamesTable a {
	text-decoration:none;
	font-weight:bold;
	/*color:#386676;*/
}


.cMyGamesTable td {
	text-align: left;
	text-indent:0px;
  padding: 2px 4px 2px 2px;
}


.cMyGamesTableHeader {
	text-align:left;
	text-indent:0px;
	font-size:0.8em;
	/*color:#800000;*/
	font-weight:bold;	
	text-transform:uppercase;
	padding: 0px 4px 0px 2px;
}
.cMyGamesTableOdd {
	background-color:#EEEEEE;
}

.cMyGamesTableEven {
	background-color:#FFFFFF;	
}

.cMyGamesTableOdd:hover {
	background-color:#E3FFE3;
}
.cMyGamesTableEven:hover {
	background-color:#E3FFE3;
}


#myGames table th{
	text-align:left;
}
#myGames table td{
/*	border:1px solid black;*/
	text-align:left;
}

#myGames #single table td.c1 {
	width:42px;  /* column  date */
}
#myGames #single table td.c2 {
	width:50px;  /* column start */
  white-space: nowrap;
}
#myGames #single table td.c3 {
	width:50px;  /* column mode */
}
#myGames #single table td.c4 {
	/*width:270px;*/ /* column title */
}
/*#myGames #single table td.c5 {
	width:70px;   column diff 
}*/
#myGames #single table td.c6 {
	width:50px;  /* column spots */
	text-align:center;
}
#myGames #single table td.c7 {
	width:70px;  /* column duration */
}
#myGames #single table td.c8 {
	width:35px;  /* column points */
	text-align:center;
}
#myGames #single table td.c9 {
	width:35px;  /* column gold */
	text-align:center;
}


#myGames #pvp table td.c1 {
	width:40px;  /* column  date */
}
#myGames #pvp table td.c2 {
	/*width:50px;*/  /* column start */
  white-space: nowrap;
}
#myGames #pvp table td.c3 {
	width:50px;  /* column mode */
}
#myGames #pvp table td.c4 {
	/*width:170px;  /* column title */
}
#myGames #pvp table td.c5 {
	width:30px;  /* column spots */
	text-align:center;	
}
#myGames #pvp table td.c6 {
	width:20px;  /* column rank */
	text-align:center;	
}
#myGames #pvp table td.c7 {
	width:30px;  /* column playercnt */
	text-align:center;	
}
#myGames #pvp table td.c8 {
	width:20px;  /* column perf */
	text-align:center;	
}
#myGames #pvp table td.c9 {
	width:20px;  /* column eff */
	text-align:center;	
}
#myGames #pvp table td.c10 {
	width:190px;  /* column takers */
}
#myGames #pvp table td.c11 {
	width:30px;  /* column points */
	text-align:center;
}
#myGames #pvp table td.c12 {
	width:30px;  /* column gold */
	text-align:center;
}

#myGames #tvt table td.c1 {
	width:40px;  /* column  date */
}
#myGames #tvt table td.c2 {
	/*width:50px;*/  /* column start */
  white-space: nowrap;
}
#myGames #tvt table td.c3 {
	width:50px;  /* column mode */
}
#myGames #tvt table td.c4 {
	/*width:170px;  /* column title */
}
#myGames #tvt table td.c5 {
	width:30px;  /* column spots */
	text-align:center;	
}
#myGames #tvt table td.c6 {
	width:20px;  /* column rank */
	text-align:center;	
}
#myGames #tvt table td.c7 {
	width:30px;  /* column playercnt */
	text-align:center;	
}
#myGames #tvt table td.c8 {
	width:20px;  /* column perf */
	text-align:center;	
}
#myGames #tvt table td.c9 {
	width:20px;  /* column eff */
	text-align:center;	
}
#myGames #tvt table td.c10 {
	width:125px;  /* column takers */
	font-size:0.8em;
}
#myGames #tvt table td.c11 {
	width:30px;  /* column points */
	text-align:center;
}
#myGames #tvt table td.c12 {
	width:30px;  /* column gold */
	text-align:center;
}


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

/* ====================== */
/* #### myGameDetails ### */
/* ====================== */


#myGameDetails {
	font-size:1.0em;
}

#myGameDetails .cSingleColumn {
	margin-bottom:20px;
}


#myGameDetails p {
	margin-left:5px;
}

#myGameDetails  table {
	margin-left:0px;
	margin-top:5px;
	margin-bottom:0px;
	text-align:left;
	/*text-indent:25px;*/
	
}


#myGameDetails td {
	/*padding-left: 10px;*/
	vertical-align:top;
}

/* TODO
#myGameDetails #resultRankingTable {
	text-align:left;
	font-size:1em;
	text-indent:5px;
	width:220px;
	margin:15px;	
}
#myGameDetails #resultRankingTable th {
	text-align:left;
	font-size:0.8em;
	color:#800000;
	font-weight:bold;	
	text-transform:uppercase;
}

*/

#myGameDetails h1.orange {
	text-align:center;
	text-indent:0px;
	/*text-indent:80px;
	background-position:top;
	*/
}
/*
#myGameDetails h1 {
	text-align:center;

}

#myGameDetails h1 {
	text-align:left;
    text-indent:80px;
}
*/
/*
#myGameDetails h1.detailsHeader {
	text-align:center;
	text-indent:10px;
	background-position:top;
	padding-top:4px;
	height:21px;
	background-image:url(http://localhost/tourality/img/frames/h1_big_orange.jpg);
}
*/
#myGameDetails .firstColumn {
	width:110px;
}

#myGameDetails .secondColumn {
	width:207px;
	padding-left:20px;
}

#myGameDetails #points .firstColumn {
	width:90px;
}

#myGameDetails #points .secondColumn {
	width:227px;
}


#myGameDetails #stats1 .firstColumn {
	width:100px;
}
#myGameDetails #stats1 .secondColumn {
	width:227px;
}
#myGameDetails #stats2 .firstColumn {
	width:150px;
}
#myGameDetails #stats2 .secondColumn {
	width:177px;
}
#myGameDetails #gametemplate1 .firstColumn {
	width:30px;
	padding-left:0px;
}
#myGameDetails #gametemplate1 .secondColumn {
	width:277px;
}
#myGameDetails #gametemplate2 .firstColumn {
	width:50px;
}
#myGameDetails #gametemplate2 .secondColumn {
	width:277px;
}



#myGameDetails h1.result {
	background-image:url(http://localhost/tourality/img/headers/header-profile-general.jpg);
}

#myGameDetails h1.statistics {
	background-image:url(http://localhost/tourality/img/headers/header-profile-friends.jpg);
}

#myGameDetails h1.gametemplate {
	background-image:url(http://localhost/tourality/img/headers/header-profile-highscore.jpg);
}

#myGameDetails h1.map {
	background-image:url(http://localhost/tourality/img/headers/header-profile-games.jpg);
}

#myGameDetails h1.events {
	background-image:url(http://localhost/tourality/img/headers/header-profile-premium.jpg);
}



#myGameDetails #gameMap table td.firstColumn {
	width:10px;
}

#myGameDetails #gameMap table td.secondColumn {
	width:150px;
}

#myGameDetails #history table {
  font-family: courier;
  font-size: 0.85em;
  border-bottom: 1px solid #dddddd;
}

#myGameDetails #history table tr {
  border-top: 1px solid #eeeeee;
}

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

/* ====================== */
/* ## Tourality PREMIUM # */
/* ====================== */

#ajaxMapState_________OLD {
	text-align:left;
	vertical-align:middle;
	font-weight:bold;
	font-size:12px;
	color:#800000;
	width: 50px; 
	height: 1px;  /*to be not clickable */
	position: absolute; 
	top:0px; 
	left:295px;
	z-index:10;
}

#ajaxMapState {
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	font-size:12px;
	color:#800000;
	width: 640px; 
	height: 480px;
	position: absolute; 
	top:0px; 
	left:0px;
	z-index:10;
  /*
  background-color: white;
  filter:alpha(opacity=50);
  -moz-opacity:0.50;
  opacity:0.50;
  */
  background-image:url(../img/animated/ajax-loader-squares.gif); background-repeat:no-repeat;
  background-position: center 5px;
}

#mapZoomDiv {
	margin: 5px 0px 0px 0px;
	width:290px;
	text-align:right;
	float:right;
	padding:13px 0px 0px;
	position:absolute;
	right:0;
}

#mapZoomDiv input {
	/*font-family: Arial, Tahoma, Verdana, Trebuchet MS,  Helvetica, sans-serif;*/
	font-size:10px;
	width:150px;
	font-weight: normal;
	/*color:#800000; 
	border:1px solid #FCA715;
	background-color:#FBF2CB;*/
	margin:0px;
	padding:3px;	
	vertical-align: center;
}

#mapZoomDiv .cButton {
	width:52px;
	height:21px;
	/*color:#800000;
	font-size:10px;
	background-color:#FFFFFF;
	text-align:center;
	border:1px solid #FCA715;
	vertical-align:center;*/
}

/* ====================== */
/* ###### mySpots ####### */
/* ====================== */


#mySpots  table {
	margin-top:5px;
	margin-bottom:0px;	
}

#mySpots #spotSearchCriteriaLeftColumn, #myTemplates #spotSearchCriteriaLeftColumn {
  overflow: visible;
  height:25px;
}

#mySpots #spotSearchCriteriaLeftColumn table, #myTemplates #spotSearchCriteriaLeftColumn table {
	margin-left:35px;
	margin-right:35px;
}

#mySpots #spotSearchCriteriaRightColumn, #myTemplates #spotSearchCriteriaRightColumn {
	float:left;
	width:280px;
}

#mySpots #spotSearchCriteriaRightColumn table, #myTemplates #spotSearchCriteriaRightColumn table {
	margin:0px;
}

#mySpots #mapImageContainer {
	width:580px;
	height:450px;
	position: relative;
	top: 0px;
	left: 0px;
	float:left;
	padding: 0px;
}

.mapLegendContainer #spotSearchCriteriaRightColumn {
	margin: 5px 5px 5px 5px;
}

.mapLegendContainer #spotSearchCriteriaRightColumn {
	margin: 5px 5px 5px 5px;
}

.mapLegendContainer #mapZoomDiv {
	margin: 5px 5px 5px 5px;
}

/* ====================== */
/* ###### myTemplates ### */
/* ====================== */


/* ####### show / list Templates  ########## */

#myTemplates #listGameTemplatesForm table  { 
	font-size:1em;
	border:0px;
	text-align:left;
	margin-top:10px;
	margin-bottom:5px;
	margin-left:15px;
	margin-right:10px;
	/*width:350px;*/
}

#myTemplates #listGameTemplatesForm table select {
	width: 135px;
}

#myTemplates #listGameTemplatesForm table td.colSearchCritEnable  { 
	width:15px;
}
#myTemplates #listGameTemplatesForm table td.colSearchCritDesc  { 
	width:180px;
}
#myTemplates #listGameTemplatesForm table td.colSearchCritVal  { 
	width:135px;
}

#myTemplates #listGameTemplatesForm .singleOrMultiRadioButton  { 
	width:135px;
	padding:0px;
	margin:0px;
	font-size:0.9em;
}
#myTemplates #listGameTemplatesForm .singleOrMultiRadioButton td  { 
	text-align:center;
}



#myTemplates #listTemplatesResult table  { 
	font-size:0.9em;
	border:0px;
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
	width:580px;
	padding:0px;	
}

#myTemplates #listTemplatesResult table a {
	text-decoration:none;
	font-weight:bold;
	/*color:#386676;*/
}

#myTemplates #listTemplatesResult table td {
  padding: 2px 2px 2px 1px;
  line-height: 1.2em;
}

#myTemplates #listTemplatesResult table td.center{
	text-align: center;
}
#myTemplates #listTemplatesResult table td.right{
	text-align: right;
}
#myTemplates #listTemplatesResult table td.padRight{
	padding-right: 5px;
}

#myTemplates #listTemplatesResult table th {
	text-align:left;
	font-size:0.8em;

	font-weight:bold;	
	text-transform:uppercase;
	background-color:#FFFFFF;
	padding: 0px 2px 0px 1px;
}

#myTemplates #listTemplatesResult table th.headerCenter {
  text-align: center;
}
#myTemplates #listTemplatesResult table th.headerRight {
  text-align: right;
}

#myTemplates #listTemplatesResult table th a {
	color:#800000;
}


#myTemplates #listTemplatesResult table tr.odd {
	background-color:#EEEEEE;
	border: none;
}

#myTemplates #listTemplatesResult table tr.even {
	background-color:#FFFFFF;
	border: none;	
}

#myTemplates #listTemplatesResult table tr:hover {
	background-color:#E3FFE3;
}


/* ####### create / edit Templates  ########## */

/*
#myTemplates #spotSearchCriteriaLeftColumn {
  overflow: visible;
  height:25px;
}

#myTemplates #spotSearchCriteriaLeftColumn table {
	margin-left:35px;
	margin-right:35px;
}

#myTemplates #spotSearchCriteriaRightColumn table {
	margin-left:40px;
	margin-right:35px;
}
*/
/*
#myTemplates #spotSearchCriteriaLeftColumn table {
	margin-left:30px;	
}

#myTemplates #spotSearchCriteriaRightColumn table {
	margin-left:30px;
	
}
*/

#spotSearchCriteriaRightColumn input {
  margin-right: 4px;
}

#myTemplates #mapImageContainer {
	width:640px;
	height:380px;
	position: relative;
	top: 0px;
	left:-1px;
	float:left;
	padding:0px 0px 10px;
}


div.selectedSpotsPoisScrollContainer {
	min-height:100px;
	height:100px;
	overflow:auto;
}

table.selectedSpotsPoisTable  { 
	font-size:0.9em;
	border:0px;
	text-align:left;
	margin-top:3px;
	margin-bottom:3px;
	margin-left:5px;
	margin-right:3px;
	
	padding:0px;	
	/*width:307px;*/
}

table.selectedSpotsPoisTable a {
	text-decoration:none;
	font-weight:bold;
	color:#386676;
}


table.selectedSpotsPoisTable td {
	text-align: left;
	text-indent:0px;
	padding: 1px 1px 1px 2px;
	line-height: 1.2em;
}

table.selectedSpotsPoisTable th {
	text-align:left;
	font-size:0.8em;
	color:#800000;
	font-weight:bold;	
	text-transform:uppercase;
	padding: 1px 1px 1px 2px;
	background-color:#FFFFFF;
}


table.selectedSpotsPoisTable tr.odd {
	background-color:#E0EBF4;
}

table.selectedSpotsPoisTable tr.even {
	background-color:#FFFFFF;	
}

table.selectedSpotsPoisTable tr:hover {
	background-color:#D5D5D5;
}

#createTemplateDialogForm table.selectedSpotsPoisTable tr:hover {
	background-color:#888888;
}

#myTemplates #gameTemplatePropertiesContainer {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color:#F9F9F9;
	margin-top: 20px;
	/*padding: 5px 7px;*/
	border:1px dotted #E8E8E8;
}

#myTemplates #gameTemplatePropertiesContainer table  { 
	font-size:1.0em;
	border:0px;
	text-align:left;
	/*width:350px;*/
	padding:0px;
	margin: 5px 7px;
}

#myTemplates #gameTemplatePropertiesContainer table select {
	width: 120px;
	margin: 0px;
}

#myTemplates #gameTemplatePropertiesContainer table input[type="text"] {
	width: 157px;
	/*color:#386676;*/
	font-weight:bold;
	margin: 0px;
}
#myTemplates #gameTemplatePropertiesContainer table input[type="checkbox"] {
	margin-right: 5px;
	vertical-align: middle;
}
#myTemplates #gameTemplatePropertiesContainer table textarea {
	width: 155px;
	height:100px;
	/*color:#386676;*/
	margin: 0px;
}
#myTemplates #gameTemplatePropertiesContainer table td {
  padding: 8px 0px 10px;
  line-height: 1.3em;
  vertical-align: top;
  /*width: 15%;*/
}
#myTemplates #gameTemplatePropertiesContainer table td img {
	vertical-align: middle;
}
#myTemplates #gameTemplatePropertiesContainer table td.colDesc  { 
	width:123px;
}
#myTemplates #gameTemplatePropertiesContainer table td.colVal  { 
	width:125px;
}
#myTemplates #gameTemplatePropertiesContainer .singleOrMultiRadioButton  { 
	width:135px;
	padding:0px;
	margin:0px;
	font-size:0.9em;
}
#myTemplates #gameTemplatePropertiesContainer .singleOrMultiRadioButton td  { 
	text-align:center;
}


/* ====================== */
/* #### dojo dialogs #### */
/* ====================== */

.dojoModalDialog {
  /*background: #eee; */
  background-color:#555555;	
  border: 2px solid #98CF05; 
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 4px;
  color:#ffffff;
	/*color:#386676; (standard color)*/
	font-size:1em;
	/*font-family: Arial, Tahoma, Verdana;*/
	-moz-box-shadow:4px 4px 4px #999999;
}

.dojoModalDialog td {
  padding: 5px 3px;
  vertical-align: top;
}
.dojoModalDialog input {
  margin: 0px;
}

.dojoModalDialog input[type="text"] {
	width: 220px;
	font-size: 1.1em;
	margin: 1px 0px;
}

.dojoModalDialog textarea {
	width: 220px;
  padding-left: 2px;
  padding-top: 2px;
 	font-size: 1.1em;
  margin: 1px 0px;
}

.dojoModalDialog input[type="button"] {
 	font-size: 1.1em;
  margin-right: 3px;
  width: 130px;
}

.dojoModalDialog td.valuesToCheck {
  /*background-color: white;*/
  border: 1px solid #808080;
  font-size:1.1em;
  width: 350px;
}

.dojoModalDialog td.caption {
  width: 175px;
}

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

/* ====================== */
/* ###### ADMIN #### */
/* ====================== */

#regionAreaAdmin #mapImageContainer {
	width:580px;
	height:450px;
	position: relative;
	top: 0px;
	left: 0px;
	float:left;
	padding:0px 0px 15px 0px;
}

#regionAreaAdmin table {
	font-size:0.9em;
	padding-left:15px;
}

#regionAreaAdmin #nameDescription table input[type="text"] {
	width:227px;
	color:#386676;
	font-size:1.0em;
	font-weight:bold;
}

#regionAreaAdmin #nameDescription table textarea {
	width:225px;
	height:100px;
	color:#386676;
	font-size:1.0em;
	font-weight:normal;
}

#regionAreaAdmin #coordsContainer table td {
	padding: 1px 0px;
}


#regionAreaAdmin #coordsContainer table input[type="text"] {
	width:75px;
	color:#386676;
	font-size:0.9em;
	font-weight:bold;
	margin-top: 0px;
}



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

/* ====================== */
/* ###### featurebar #### */
/* ====================== */


.widget {
  color: #666666;
}

.widget table {
	/*font-family: Arial, Tahoma, Verdana, Trebuchet MS,  Helvetica, sans-serif;
	font-size:13px;*/
	/*color:#800000;*/ 
	font-weight:bold;
	border:0px;
	text-align:left;
	/*text-indent:5px;*/
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	/*width:220px;*/
	
}


.widget table a {
	text-decoration:none;
	/*color:#800000;*/ 
}

.widget table  tr.odd {
	background-color:#EEEEEE;
}

.widget table  tr.even {
	background-color:#FFFFFF;	
}

.widget table  tr.spacer {
	/*background-color:#FFFFFF;*/
	height:15px;	
}

.widget table .oddRow {
	background-color:#EEEEEE;	
}

.widget table .evenRow {
	background-color:#FFFFFF;	
}

.widget table .multiLine {
	height: 50px;	
}

.widget table .multiLineLarge {
	height: 70px;	
}

.widget table td {
	padding-left:5px;
	height:20px;
	vertical-align:middle;
}

.widget #featureGameMapSpotStatistics table {
	/*width:205px;*/
}


.widget #featureGameMapSpotStatistics table.firstColumn {
	font-size:0.8em;
	width:10px;
}

.widget #featureGameMapSpotStatistics table.secondColumn {
	width:20px;
}

.widget #featureGameMapSpotInfo table {
	padding: 2px;
	height:200px;
}



.widget #featurGameTemplateSpotStatistics table tr {
	height:25px;
}



.widget #gameTemplateStatisticsTable {
	font-size:1.0em;
	font-weight:bold;
	width:100%;
	padding-left:20px;
    text-align:center;
}


/*
#featurebar #gameTemplateStatisticsTable th {
	font-weight:bold;
	padding-left:5px;
}
*/


.widget #gameTemplateStatisticsTable .header1 {
	/*background-color:#EEEEEE;*/	
	text-align:left;
	height:25px;
}

.widget #gameTemplateStatisticsTable .header1 td{
  border-bottom: 1px solid #CCCCCC;
}


.widget #gameTemplateStatisticsTable .c1 {
	font-size:1em;
	font-weight:bold;
	width:100px;
	padding-left:6px;
	/*background-color:#EEEEEE;*/
	text-align:left;
}

.widget #gameTemplateStatisticsTable .c2 {
	background-color:#FFFFFF;	
}
.widget #gameTemplateStatisticsTable .c3 {
	background-color:#FFFFFF;	
}



#featureGameMapSpotInfo table td.firstColumn {
	font-size:0.9em;
	font-weight: normal;
	width:20px;
}

#featureGameMapSpotInfo table td.secondColumn {
	width:160px;
}


#featureMySpotsSpotStatistics table th {
	text-transform:uppercase;
	padding-left:5px;
}

#featureMySpotsSpotStatistics table td {
	height:25px;
	padding-top:3px;
}

#featureMySpotsSpotStatistics table td.c1 {
	width:150px;
	font-size:0.9em;
	font-weight:normal;
	padding-left:10px;
}

#featureMySpotsSpotInfo table {
	/*padding: 2px;*/
	/*height:200px;*/
	margin-bottom:25px;	
}

#featureMySpotsSpotInfo table td {
	height: 30px;
	line-height:1.2em;
}

#featureMySpotsSpotInfo table td.firstColumn {
	padding-left:5px;
	padding-right:0px;
	width:75px;
	font-size:0.9em;
	font-weight:normal;
}

#featureMySpotsSpotInfo table td.secondColumn {
}

/*
.cFeature {
	margin-top:20px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom: 0px;
	font-size:0.8em;
	padding:0px;
	width:230px;
	
	font-family: Arial, Tahoma, Verdana, Trebuchet MS,  Helvetica, sans-serif;
	font-size:0.9em;	
} 
*/

.widget h1 {	
/*	height:20px;

	padding-top:5px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;*/		

	font-size:1.3em;
	font-weight:bold;
	text-align:center;
	color:#777777;
	margin:0px 0px 10px 0px !important;
	text-transform: uppercase;
}



.cFeature h1.green {
	/*color:#008000;*/	
	/*background-image:url(../img/frames/h1_fb_green.jpg);*/
}

.cFeature h1.orange {
	/*background-image:url(../img/frames/h1_fb_orange.jpg);*/
}

.cFeature h1.red {
	/*background-image:url(../img/frames/h1_fb_red.jpg);*/
}

.cFeature h1.blue {
	/*background-image:url(../img/frames/h1_fb_blue.jpg);*/
}

.cFeature h1.brown {
	/*background-image:url(../img/frames/h1_fb_brown.jpg);*/
}




#contentRight p {
	margin:15px 0px 5px 0px;
	text-align:left;
}


#contentRight p.selectItem {
  /*font-size: 1.1em;
  color:#777777; */
}

#contentRight p.selectItem .selectLabel {
  font-weight: bold;
}

#contentRight p.selectItem select {
  width: 100%;
  margin-top: 5px;
  /*background-color: #FBF2CB;*/
  /*border: 1px solid #BBBBBB;*/
}


#featureSearchForUser h1.search {
	/*text-align:left;
	text-indent:85px;
	background-position:top;
	padding-top:22px;
	height:39px;
	background-image:url(../img/headers/header-fb-search.jpg);
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:0px;*/
}


#featureSearchForUser input {
	/*font-family: Arial, Tahoma, Verdana, Trebuchet MS,  Helvetica, sans-serif;
	font-size:1.2em;
	font-weight: bold;
	color:#800000; 
	border:1px solid #FCA715;
	background-color:#FBF2CB;
	margin:0px;
	padding:2px;

	text-align:left;
	vertical-align: bottom;
	letter-spacing: 0.05em;*/
	width:115px;
	margin-left:5px;
}


#featureSearchForUser #usernameSearchForm .cGoButton {
	width:35px;
	height:25px;
	/*color:#800000;
	font-size:11px;
	background-color:#FFFFFF;
	text-align:center;
	border:1px solid #FCA715;*/
	
}

#featureGoogleSearch .cGoogleSearchField {
	font-family: Arial, Tahoma, Verdana, Trebuchet MS,  Helvetica, sans-serif;
	font-size:1.2em;
	width:130px;
	font-weight: bold;
	color:#800000; 
	border:1px solid #FCA715;
	background-color:#FBF2CB;
	margin:0px;
	padding:2px;
	margin-left:5px;
	text-align:left;
	vertical-align: bottom;
	letter-spacing: 0.05em;
}

#featureGoogleSearch .cGoogleSearchButton {
	width:55px;
	height:25px;
	color:#800000;
	font-size:11px;
	background-color:#FFFFFF;
	text-align:center;
	border:1px solid #FCA715;	
}


/* ## faq ##
/* ========= */ 

ul.faqIndex{
  margin-bottom: 24px;
}

.faqIndex li{
  margin-top: 4px;
  margin-left: 0px;
  list-style-type:none;
  font-style:normal;
}


/* ## premium ##
/* ============= */ 

/*
#spotRightInfoBox {
	float: right;
	margin-left: 5px;
	width:90px;
	overflow: hidden;
	font-size: 0.8em;
	height: 428px;
	clear: right;
}


#spotInfo {
	color: #004080;
	border: 1px solid #EE920D;
	border-color: #004080;
	overflow: hidden;
}


#spotRightInfoBoxspacer {
	margin-top:20px;
}

#spotStatistics {
	color: #004080;
	border: 1px solid #EE920D;
	border-color: #004080;
}
*/

#selectedSpotsContainer {
	float: left;
	clear: left;
}
#selSpotsPoisContainer {
	padding: 0px 5px 0px 5px;	
}


/* ## contact ##
/* ============= */ 

/*
.formCaption{
  text-align: right;
  vertical-align: top;
}

.contactForm{
  width: 300px;
}
*/

/* ## download ##
/* ============= */ 


/*
table.supportedDevices {
  width: 100%;
}

.supportedDevices td{
  text-align: center;
}

.supportedDevices img{
  max-width:75px; 
  max-height:75px;
}
*/

.cDevicesGallery {
    table-layout: auto;
	border-collapse: separate;
	border-spacing: 15px;
	border-width: 0px;
	border-style: none;
}

.cDevicesGallery td {
	text-align:center;
	border-color: #FDD353;/*#FFCC66;*/
	border-style: solid;
	border-width: 1px;
	padding: 10px;
	background-color: #ffffff;
	vertical-align:middle;
  	width: 33.333%;
		
}

.cDevicesGallery td:hover {
	border-color: #FCA715;/*#F37008;*/
	border-style: solid;
	border-width: 1px;
	vertical-align:middle;		
}

.cDevicesGallery td img {
 	margin-bottom: 5px;		
}


/* ## news ##
/* ============= */ 

#blog h1 {
  clear: left;
}

#blog .published {
  font-style:italic;
}

#blog .body {
  margin-left: 0px;
	overflow: auto;

}

#blog .icon {
  margin-right: 0px;
  margin-top: 5px;
  margin-left: 15px;
  float: left;
}


/* ## highscore ##
/* ============= */ 


.highscoreButtonsContainer {
	text-align: center; 
	width: 100%; 
	overflow: auto;
	margin-bottom: 10px;
	margin-top: 20px;
	padding-bottom: 10px;
}

div.highscoreSingleButton {
	float:left; 
	width: 193px;
}

input.buttonInactive {
	background-image: url(../img/buttons/but_grey.jpg);
	width: 134px;
	height: 25px;
	font-weight: bold;
	border: 0;
	color: #FFFFFF;
	cursor: pointer;
  text-align: center;
}

input.buttonNotSelected {
	/*background-image: url(../img/buttons/but_blue.jpg);*/
	width: 134px;
	height: 28px;
	font-weight: bold;
	letter-spacing: 0.1em;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #777777;
  border-left: 1px solid #888888;
  border-right: 1px solid #888888;
	color: #ffffff;
  background-color: #98CF05;
	cursor: pointer;
  padding: 0px;
  text-align: center;
  text-transform:uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-shadow:0 -1px 1px #666666;
  background: url("../css/images/bg-gradient-btn-green.png") repeat-x scroll 0 0 #80af04;
}

input.buttonSelected {
	/*background-image: url(../img/buttons/but_orange_selected.jpg);*/
	width: 134px;
  height: 28px;
	font-weight: bold;
	letter-spacing: 0.1em;
  border: 2px solid #222222;
	color: #ffffff;
	cursor: pointer;
  padding: 0px;
  text-align: center;
  background-color: #98CF05;
  text-transform:uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-shadow:0 -1px 1px #444444;
}

input.buttonSelected:hover, input.buttonNotSelected:hover {
   border: 1px solid #333333;
}

input.buttonSelected:active, input.buttonNotSelected:active {
  padding-top: 1px;
  border: 1px solid #000000;
}


input.buttonNavNotSelected {
	width: 134px;
	height: 28px;
	font-weight: bold;
	letter-spacing: 0.1em;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #aaaaaa;
  border-left: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
	color: #666666;
  background-color: #F1F1F1;
	cursor: pointer;
  padding: 0px;
  text-align: center;
  text-transform:uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-shadow:0 -1px 1px #ffffff;
  background: url("../css/images/bg-gradient-btn-lightgrey.png") repeat-x scroll 0 0 #cccccc;
}

input.buttonNavSelected {
	width: 134px;
  height: 28px;
	font-weight: bold;
	/*font-size: 1.1em;*/
	letter-spacing: 0.1em;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #777777;
  border-left: 1px solid #888888;
  border-right: 1px solid #888888;
	color: #ffffff;
	cursor: pointer;
  padding: 0px;
  text-align: center;
  background-color: #F1F1F1;
  text-transform:uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-shadow:0 -1px 1px #555555;
  background: url("../css/images/bg-gradient-btn-orange.png") repeat-x scroll 0 0 #ec8002;
}

input.buttonNavSelected:hover, input.buttonNavNotSelected:hover {
   border: 1px solid #333333;
}

input.buttonNavSelected:active, input.buttonNavNotSelected:active {
  padding-top: 1px;
  border: 1px solid #000000;
}

input.buttonOK {
  /*
	background-image: url(../img/buttons/but_blue_ok.jpg);
	width: 134px;
	height: 25px;
	font-weight: bold;
	border: 0;
	color: #FFFFFF;
	cursor: pointer;
  text-align: center;
  padding-left: 16px;*/
}

input.buttonNotOKBackground {
  /*
	background-image: url(../img/buttons/but_blue_not_ok_background.jpg);
	width: 134px;
	height: 25px;
	font-weight: bold;
	border: 0;
	color: #FFFFFF;
	cursor: pointer;
  text-align: center;
  padding-left: 16px;*/
}

div #hsTableHolder {
	width: 100%; 
	overflow: auto;
}

table.hsTable {
	/*font-size: 1.3em;*/
	width: 100%;
	margin: 0px 0px 30px 0px !important;
}

table.hsTable th {
	padding: 10px;
}
table.hsTable td {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
table.hsTable td.rank {
	font-weight: bold;
}
table.hsTable .points {
	text-align: right;
}
table.hsTable tr.even {
	background-color:#FFFFFF;
}
table.hsTable tr.odd {
	background-color:#EEEEEE;	
}
table.hsTable tr:hover {
	/*background-color:#EAFFB9;*/
}

p.cHighscoreHint {
  font-size: 1.1em !important; 
  margin-left: 31px !important; 
  margin-right: 31px !important;
  margin-bottom: 50px !important;
  text-align: center !important;
  /*background: none !important;*/
  padding-left: 15px !important;
  padding-right: 15px !important;
  line-height: 1.3em !important;
}

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

/* ====================== */
/* ###### footer ######## */
/* ====================== */


.cFooter {
	background-color: #666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20px;
	padding: 3px;
	text-align: center;
}

.cFooter a {
	color: #FFFFFF;
	text-decoration: none;
}

.cFooter a:hover {
	color: #F38500;
	text-decoration: none;
}

.cFooter2 {
	background-color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #DDDDDD;
	line-height: 13px;
	padding-top: 12px;
    padding-bottom: 12px;
	padding-left: 5px;
    padding-right: 5px;
	text-align: left;

}

.cFooter2 a {
	color: #DDDDDD;
	text-decoration: underline;
}

.cFooter2 a:hover {
	color: #C35500;
	text-decoration: underline;
}


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

/* ====================== */
/* ###### special ####### */
/* ====================== */


/* ## datascroller ##
/* =============== */

.cDataScroller {
  margin: 5px 0px 5px 0px !important;
}

.cDataScroller input {
	vertical-align:middle;
}

.cDataScroller a {
	vertical-align:middle;
}

.cDataScroller a.current {
	color: #C45600 !important;
	font-weight: bold !important;
	text-decoration:none !important;
}


/* ## feedback ##
/* ============== */


.cError {
	color: #DD0000;
	font-weight: bold;
}

.cOK {
	color: #009900;
	font-weight: bold;
}

.cAdmin {
	color: #98CF05;
	font-weight: bold;
}

div.cFeedbackMessages {
  /*padding: 3px 10px 3px 10px;*/
}

.cSingleColumn div.cFeedbackMessages {
  /*width: 560px;*/
}

.cLeftColumn div.cFeedbackMessages {
  width: 280px;
}
.cRightColumn div.cFeedbackMessages {
  width: 280px;
}

#featurebar div.cFeedbackMessages {
  width: 232px;
  padding: 3px 0px 3px 0px;
}

div.cFeedbackMessages table {
  width: 100%;
  margin: 3px 0px !important;
}

#userProfile div.cFeedbackMessages table {
  /* must overwrite values of #userProfile div */
  margin: 5px 0px;
  font-size: 0.9em;
}

.cFeedbackError {
	color: #DD0000;
	font-weight: bold;
	/*background-color: #DD0000;*/
	font-size: 1.1em;

}

.cFeedbackError td {
	/*background-color: #DD0000;*/
	/*padding: 2px 0px !important;*/

}

.cFeedbackErrorDetail {
  color: #DD0000;
	/*font-weight: bold;*/
 	/*font-size: 12px;*/
}

.cFeedbackErrorDetail td {
  /*padding: 3px 5px 3px 5px !important;*/
}

.cFeedbackErrorDetail a {
	color: #CD0300 !important;
}

.cErrorStackTrace {
  text-align: left !important; 
  font-size: 0.9em !important;
}

.cFeedbackOK {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #98cf05;
	/*padding: 2px;*/
	/*width: 100%;*/
	/*margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;*/
}

.cFeedbackOK td {
	background-color: #98cf05;
	padding: 2px 5px 2px 5px !important;
}

.cFeedbackOKDetail {
	color: #98cf05;
	font-weight: bold;
	/*width: 100%;*/
	/*margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;*/
	/*font-size:12px;*/
}

.cFeedbackOKDetail td {
  padding: 3px 5px 3px 5px !important;
}


div.cFeedbackCaution {
	margin: 20px 15px 15px 15px;
	border:1px solid #DD0000;
	font-size:0.9em;
	overflow:auto;
	color:#DD0000;
}

div.cFeedbackCaution .leftIcon {
	float:left;
	margin-left:5px;
	margin-right:5px;
}

div.cFeedbackCaution p.message {
	font-weight:bold;
	padding-bottom:0px !important;
}

div.cFeedbackCaution p.messageDetail {
	padding-bottom:5px !important;
}

/* ## forum.jsf ##
/* ============== */

.cForum {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* ********************************************************************************************
/* ## table design ##
/* =============== */ 




#friendsTable { 
	/*padding-left:25px;*/
	/*width: 245px;*/
	/*margin-left:250px;*/
}

#friendsTable a {
	text-decoration:none;
	/*color:#386676;*/
}

#friendsTable th {
	font-size:0.7em;
	text-transform:uppercase;
}
#friendsTable th.h1 {
	text-align:left;
	padding:0px;
}
#friendsTable th.h2 {
	text-align:right;
	padding:0px;
}


#friendsTable td.c1 {
	padding-left:5px;
	width:100px;
}

#friendsTable td.c2 {
	text-align:right;
	font-weight:bold;
	width:145px;
	padding-right: 5px;
}


#friendsTable tr.odd {
	background-color:#FFFFFF;
}

#friendsTable tr.even {
	background-color:#EEEEEE;	
}


#friendsTable  .odd:hover {
	background-color:#E3FFE3;
}
#friendsTable  .even:hover {
	background-color:#E3FFE3;
}



/* #### small data table #### */

.cDataTableSmall { 
	font-size:0.9em;
	border:0px;
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:15px;
	margin-right:15px;
	width:630px;
	padding:0px;	
}

.cDataTableSmall a {
	text-decoration:none;
	font-weight:bold;
	/*color:#386676;*/
}

.cDataTableSmall td {
	padding: 0px 1px; 
}

.cDataTableSmall td img {
	vertical-align: middle; 
}

.cDataTableSmall td.first{
	padding-left: 2px;
  padding-right: 2px;
}

.cDataTableSmall td.center{
	text-align: center;
}
.cDataTableSmall td.right{
	text-align: right;
}

.cDataTableSmall th {
	text-align:left;
	font-size:0.8em;

	font-weight:bold;	
	text-transform:uppercase;
	background-color:#FFFFFF;
}

.cDataTableSmall th.headerFirst {
  padding-left: 2px;
}
.cDataTableSmall th.headerCenter {
  text-align: center;
}
.cDataTableSmall th.headerRight {
  text-align: right;
}

.cDataTableSmall th a {
	/*color:#800000;*/
}


.cDataTableSmall tr.odd {
	background-color:#EEEEEE;
	border: none;
}

.cDataTableSmall tr.even {
	background-color:#FFFFFF;
	border: none;	
}


.cDataTableSmall tr:hover {
	background-color:#E3FFE3;
}

/* green layout (overrides standard blue layout): */

.cDataTableSmallGreen tr.odd {
	background-color:#EEEEEE;	
}

.cDataTableSmallGreen tr:hover {
	background-color:#E3FFE3;
}

/* orange layout (overrides standard blue layout): */

.cDataTableSmallOrange tr.odd {
	background-color:#EEEEEE;	
}

.cDataTableSmallOrange tr.even {
	background-color:#FFFFFF;	
}

.cDataTableSmallOrange tr:hover {
	background-color:#E3FFE3;
}
















 
#admintable table { font:0.7em Arial, Helvetica, sans-serif; background-color:#F2F2F2; }
#admintable caption { background-color:#5A666E; color:#FFF; text-transform:uppercase; font-weight:bold; font-size:1.2em; border:1px solid #000; }
#admintable thead th { background-color:#F5B348; color:#724809; padding:2px; text-transform:uppercase; border-top:1px solid #F4D39E; border-left:1px solid #F4D39E; border-bottom:1px solid #B76E00; border-right:1px solid #B76E00; }
#admintable tfoot th { background-color:#F29601; color:#724809; padding:2px; text-transform:uppercase; font-size:1.2em; }
#admintable tfoot td { background-color:#FC0; color:#724809; font-weight:bold; text-transform:uppercase; font-size:1.2em; padding:0px 5px; }
#admintable .odd {  }
#admintable tbody td { background-color:#D7DBDD; color:#5A666E; padding:2px; text-align:center; border-top:1px solid #FFF; border-left:1px solid #FFF; border-bottom:1px solid #AFB5B8; border-right:1px solid #AFB5B8;  }
#admintable tbody th { background-color:#5A666E; color:#D7DBDD; padding:2px; text-align:center; border-top:1px solid #93A1AA; border-left:1px solid #93A1AA; border-bottom:1px solid #2F3B42; border-right:1px solid #2F3B42; }
#admintable tbody td a {  color:#724809; text-decoration:none; font-weight:bold; }
#admintable tbody td a:hover { background-color:#F5B348; color:#FFF; }
#admintable tbody th a { color:#FFF; text-decoration:none; font-weight:bold; }
#admintable tbody th a:hover { color:#FC0; text-decoration:underline; }

/* ********************************************************************************************
/* ## form design ##
/* =============== */ 

table.inputForm {
	margin-left: 15px;
	margin-right: 15px;
	border-collapse: collapse;
	/*table-layout:fixed; <-- causes invite.jsf table to be displayed gaga in IE.. */
	font-size: 1em;
	margin-top: 7px !important;
	margin-bottom: 7px !important;
}

table.inputForm td {
	padding: 0px;
	vertical-align:middle;
	height: 30px;
}

table.inputForm td.colCaption {
	width: 155px;
}

table.inputForm td.colCaptionSmall {
	width: 95px;
}

table.inputForm td.colInput {
	width: 195px;
}

td.colHelp {
	width: 25px;
	overflow: hidden !important;
}

table.inputForm td.colHelp img {
	/*cursor: help;*/
	
}


table.inputForm td.colFeedback {
	padding: 0px;
	font-size: 0.9em;
	line-height: 1.4em;
}

table.inputForm td.colRest {
}

table.inputForm input[type="text"], table.inputForm input[type="password"] {
	width: 185px;
	margin-top: 4px;
    margin-bottom: 4px;
}

table.inputForm input.shorter {
	width: 100px;
}

table.inputForm input.longer {
	width: 230px;
}

table.inputForm textarea {
	width: 275px;
  margin-top: 4px;
  margin-bottom: 4px;
}


table.inputForm select {
	width: 190px;
}

table.inputForm select.shorter {
	width: 100px;
}

table.inputForm select.veryshort {
	width: 63px;
}

table.inputForm select.longer {
	width: 236px;
}


/*
table.inputForm input[type="text"] {
	height: 16px;
	font-size: 6px;
	border: 3px solid blue;
}
*/

table.inputForm span.selectColor table {
	/*width: 460px;*/
	font-size: 0.85em;
	margin: 0px;
	padding: 0px;

}

table.inputForm span.imageSelect td {
	/*width: 20%;*/
	margin: 0px;
	padding: 0px;
	height: 21px;
	vertical-align: middle;
}
/*
table.inputForm span.selectColor td#colorSelectTable {
	width: 12.5%;
}
*/
	
table.inputForm span.imageSelect td input {
	margin: 0px;
	margin-right: 4px;
	margin-left: 2px;
}

table.inputForm span.imageSelect td img {
	margin: 0px;
	margin-right: 18px;
	margin-left: -1px;	
}

span.dojoTT {
	font-size: 1em;
	background-color: #FAFAD2;
	color: black;
	font-family: Arial, Tahoma, Verdana, Trebuchet MS,  Helvetica, sans-serif;
}

body .dojoTooltip {
   background: #FAFAD2;
   border: solid 1px black;
   max-width: 400px;
   z-index: 99999;
   padding-left: 3px;
   padding-right: 3px;
}

.dontshow {
  display: none;
}

td.highlightCell {
  color: #3866AA;
  font-weight: bold;
  border: 3px solid #FCA715 !important;
}

.ttText {
	border-bottom: 1px dashed #aaaaaa;
}

/* ====================== */
/* ###### tag cloud ##### */
/* ====================== */

.tagcloud {
  margin: auto;
  margin-top: 10px;
  margin-bottom: 15px;
  width: 85%;
  text-align: justify; 
  padding: 10px; 
  border: 1px solid #ccccee; 
  background-color: #f5f5f5;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  line-height: 31px;
  /*word-spacing: 4px;*/
}

.tagcloud a {
  text-decoration: none;
  margin: 3px;
  padding: 1px;
}

.tagcloud a:hover { 
  /*color: #FFFFFF;*/
  background: #DDDDE3; 
}

/* ====================== */
/* ###### new 2010  ##### */
/* ====================== */

.socialRight li {
  margin-right: 3px;
}

div.navButtonContainer {
  width: 100%;
}

div.navButton2SingleButton {
  width: 290px;
  float: left; 
  text-align: center;
  margin-bottom: 20px;
}

div.navButton3SingleButton {
  width: 193px;
  float: left; 
  text-align: center;
  margin-bottom: 20px;
}

#myTemplates div.navButtonContainer {
	position:absolute;
	right:0;
	top:33px;
	width:300px;
}

#myTemplates div.navButton2SingleButton {
	text-align:right;
	width:150px;
}

#contentLeft p.gameMapLegendHeader, #contentFull_width p.gameMapLegendHeader {
  margin: 0px;
  font-weight: bold;
}

#mapImageContainer img.si {
  position: absolute;
  z-index: 3;  
} 

.listNavButton {
  width: 9px;
  height: 12px;
  padding: 0px;
  margin: 0px 2px 0px 0px;  
}

.mapHintZoomIn { /* background (+"shadow") */
   padding: 2px 4px 2px 4px; 
   background: white; 
   filter:alpha(opacity=80);
   -moz-opacity:0.8;
   opacity:0.8;
   font-weight: bold; 
   font-size: 12px; 
   color: #000000;
   z-index: 120;
   position: absolute;
   visibility: hidden;
   left: 170px; 
   top: 73px;
   width: 240px;
   text-align: center;
}

.fbLogin {
	width: auto; 
	height: auto;
	margin-top: 10px !important;
	border: 2px solid #ffffff !important;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
}

.fbLogin:hover {
	border: 2px solid #ccddee !important;
}

.menuProfilePic {
	position: absolute;
	right: 182px;
	top: 10px;
	height: 26px;
	border: none;
}

#gameTemplatePropertiesRightColumn {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color:#F9F9F9;
	border:1px dotted #E8E8E8;
	margin-bottom: 20px;
}

#gameTemplatePropertiesRightColumn table {
	margin: 5px 7px;
}

#gameTemplatePropertiesRightColumn table textarea {
	width: 340px;
	height: 53px;
	margin: 0px;
}
#gameTemplatePropertiesRightColumn table input[type="text"] {
	width: 340px;
	margin: 0px;
}

#gameTemplatePropertiesRightColumn table td {
	vertical-align: middle;
	padding: 3px 3px 3px 0px;
}

#gameTemplatePropertiesRightColumn table img {
	vertical-align: middle;
}

.mapLegendContainer {
	background-color:#F9F9F9;
	height:570px;
	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
	border:1px dotted #E8E8E8;
}

.gameSetModeSelect {
	font-weight: bold;
}

#contentLeft p.cGeneralHint, #contentFull_width p.cGeneralHint {
    color: #666666;
	  /*font-style:italic;*/
	  font-size: 0.9em;
	  /*border-left:4px dotted #DDDDDD;*/
	  padding:5px 5px 5px 10px;
	  /*background: url("../css/images/bg_pattern_diagonal.png") repeat scroll 0 0 transparent;*/
    border-left:3px solid #98CF05;
	/*font-style: italic;*/
	background-color: #F9F9F9;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
}

.jqueryslidemenu .menu ul li a, .jqueryslidemenu .menu-header ul li a {
	text-shadow: 1px 1px 2px #777777;
}

#sidebar .widget_important {
	border: 2px solid #AAFF88;
}

.regMust {
  font-size: 1.3em;
  font-weight: bold;
  /*color: #98CF05;*/
  color: #99BB99;
  font-family: Verdana;
}