/* ciapaetira.css
 *
 * Part of http://www.caicoazze.com/ciapaetira/
 * Do not copy if not authorized!
 * 
 * Author: Dario Berzano <l3g3nd4ryf0x@gmail.com>
 */


body {
  margin: 0px;
  background-color: black;
  color: white;
}


/* Main sections */

td#Top
{
	height: 80px;
}

td#WhiteBar
{
	height: 18px;

	background-repeat: no-repeat;
	background-position: top left;
	background-color: #b1b1b1;
}

td#Crumbs
{
	padding-left: 3px;
	font-size: 10px;
	font-family: Verdana, sans-serif;
	font-weight: normal;
}

td#SectionMenu
{
	text-align: right;
	padding-right: 3px;
	font-size: 10px;
	font-family: Verdana, sans-serif;
	font-weight: normal;
}

td#Left
{
	width: 199px;
}

td#Body
{
	vertical-align: top;
	padding-left: 25px;
	padding-top: 15px;
}

td#Right
{
	width: 5%;
}

td#Foot
{
	color: #818181;

	text-align: center;

	font-size: 10px;
	font-family: Verdana, sans-serif;
	font-weight: normal;

	padding-top: 30px;
	padding-bottom: 30px;
}

#Foot a, #Foot a:visited
{
	color: #c1c1c1;
}

#Foot a:hover, #Foot a:active
{
	color: #f1f1f1;
}

table#Layer
{
	width: 100%;
	background-repeat: no-repeat;
	background-position: top left;
}


/* Root menu */

.RootMenuOut
{
	background-color: #b3b3b3;
	color: black;
	opacity: 0.8;
	filter: alpha(opacity=80);
	padding: 2px;
	margin-bottom: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	border: 1px solid white;
	width: 100%;
}

.RootMenuOver
{
	background-color: white;
	color: black;
	opacity: 0.8;
	filter: alpha(opacity=80);
	padding: 2px;
	margin-bottom: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	border: 1px solid white;
	width: 100%;
}

.RootMenuInfo
{
	color: white;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

div#RootMenu
{
	position: absolute;
	top: 135px;
	left: 20px;
	width: 153px;
}

/* Added 10 nov 2010 */
div#FbILike {
  position: absolute;
  /*top: 370px;*/
  top: 350px;
  left: 43px;
  width: 100%;
  z-index: -999;
}

.RootMenuOut a, .RootMenuOut a:visited, .RootMenuOver a, .RootMenuOver a:visited
{
	text-decoration: none;
	color: black;
}

.RootMenuOut a:hover, .RootMenuOut a:active, .RootMenuOver a:hover, .RootMenuOver a:active
{
	text-decoration: underline;
	color: black;
}


/* Section menu */

div#popupInfo
{
	text-align: left;
	min-width: 80px;
	max-width: 250px;
	border: 1px solid #b3b3b3;
	background: #636363;
	position: absolute;
	z-index: 10;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: white;
	padding: 1px;
}

/*
#SectionMenu
{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
	width: 100%;
	text-align: center;
	border-top: 1px dotted #b1b1b1;
	border-bottom: 1px dotted #b1b1b1
}
*/

#SectionMenu a, #SectionMenu a:visited
{
	text-decoration: none;
	color: #b3b3b3;
}

#SectionMenu a:hover, #SectionMenu a:active
{
	text-decoration: none;
	color: white;
}

#SectionMenuInfos
{
	color: white;
	font-size: 10px;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	position: absolute;
	width: 100%;
	height: 18px;
	top: 62px;
	left: 0px;
	text-align: right;
}


.SectionMenuBullet
{
	color: black;
}


/* Generic elements */

a, a:visited
{
	text-decoration: none;
	color: #919191;
}

a:hover, a:active
{
	text-decoration: none;
	color: #f1f1f1;
}

p.Normal a, p.Normal a:visited, ul.ListArrows li a,
  ul.ListArrows li a:visited, #ContestFeatures2010 a  {
  color: #fdcf8b;
}

p.Normal a:hover, p.Normal a:active, ul.ListArrows li a:hover,
  ul.ListArrows li a:active, #ContestFeatures2010 a:hover,
  #ContestFeatures2010 a:active {
  text-decoration: underline;
}

.Normal, li
{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #cacaca;
	text-align: justify;
}

.Dida {
  font-family: Verdana, Geneva, sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 24px;
  color: #cacaca;
  text-align: center;
  font-style: italic;
}

h1
{
	text-align: left;
	margin-left: -10px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: DroidSans-Bold, Arial Black, sans-serif;
	font-weight: normal;
	font-size: 23px; /* 23px */
	color: white;
}

h2
{
	text-align: left;
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 5px;
	font-family: DroidSans, Arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #e1e1e1;

	/*font-style: italic;*/

    /* Thx! http://www.useragentman.com/blog/2010/09/07/giving-challenged-font-face-fonts-the-italics-makeover/ */
    -moz-transform:    skewX(-10deg);
    -o-transform:      skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    transform:         skewX(-10deg);

    /* IE8+: must be on one line. */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.1763269807084645, M21=0, M22=1, SizingMethod='auto expand')";

    /* IE6 and 7 */
    filter: progid:DXImageTransform.Microsoft.Matrix(
             M11=1,
             M12=-0.1763269807084645,
             M21=0,
             M22=1,
             SizingMethod='auto expand');

}

hr {
  background-color: black;
  color: black;
  border: 0px;
  border-top: 1px dotted #b1b1b1;
  margin-left: 10px;
  margin-right: 10px;
}

b {
  color: #f1f1f1;
}

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


/* Crumbs */

.CrumbsArrow
{
	color: black;
	font-weight: bold;
}

.CrumbsDescription, .SectionMenuDescription
{
	color: black;
	font-weight: bold;
}

#Crumbs a, #Crumbs a:visited, #SectionMenu a, #SectionMenu a:visited
{
	color: black;
	font-weight: normal;
	text-decoration: none;
}

#Crumbs a:hover, #Crumbs a:active, #SectionMenu a:hover, #SectionMenu a:active
{
	color: black;
	font-weight: normal;
	text-decoration: underline;
}


/* Forms */

.labelNormal
{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #b1b1b1;
}

.labelError
{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	text-decoration: underline;
	font-size: 12px;
	color: red;
}

.formNormal, .thumbsSelect, #settingsSection input[type=text] {
  font-family: Verdana, Geneva, sans-serif;
  font-weight: normal;
  font-size: 12px;
  background: #636363;
  border: 1px solid #b1b1b1;
  color: white;
}

.formError
{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
	background: red;
	border: 1px solid #b1b1b1;
	color: white;
}

.formRow
{
	text-align: center;
	padding: 5px;
}


/* Miniature */

.thumbsTitle
{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #b1b1b1;
}

.thumbsButton
{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #b1b1b1;
}

.thumbsButton span.thumbsNotActive
{
	color: #515151;
}

a .thumbsImg, a:visited .thumbsImg
{
    border: 1px dashed #636363;
    padding: 3px;
}

a:hover .thumbsImg, a:active .thumbsImg
{
    border: 1px dashed white;
    background-color: #636363;
    padding: 3px;
}


/* Manage */

#queryResponse
{
}

#queryResponse td
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: white;
	padding: 5px;
	border-top: 1px solid #cacaca;
	padding-left: 10px;
	padding-right: 10px;
}

#queryResponse th, .closedWays th {
  text-align: left;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #f1f1f1;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.closedBlocks th {
  text-align: center;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #f1f1f1;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

/* Show */

.reportLabel
{
	font-weight: bold;
	color: #f1f1f1;
}


/* Sponsor */

.sponsorTableEven, .sponsorTableOdd {
  width: 500px;
  margin-top: 50px;
  padding-bottom: 30px;
}

.sponsorTableEven td, .sponsorTableOdd td {
  text-align: center;
  color: #e1e1e1;
}

.sponsorTableEven .SponsorTitle, .sponsorTableOdd .SponsorTitle {
  font-family: DroidSans-Bold, Arial Black, sans-serif;
  font-size: 21px;
  margin-bottom: 15px;
  text-shadow: 0px 0px 5px #cacaca;
}

.sponsorTableEven img, .sponsorTableOdd img {
  border: 0px;
}

.sponsorTableEven small, .sponsorTableOdd small {
  font-family: DroidSans, Arial, sans-serif;
  font-size: 15px;
}

/* Manage section */

.diffBi { background-color: #808080; }
.diffVe { background-color: green; }
.diffBl { background-color: blue; }
.diffGi { background-color: #ffc600; }
.diffRo { background-color: red; }

.diffForeBi { color: #808080; }
.diffForeVe { color: green; }
.diffForeBl { color: blue; }
.diffForeGi { color: #ffc600; }
.diffForeRo { color: red; }

.diffWhite {
  color: white;
}

.diffGreen {
  color: green;
}

.diffBlue {
  color: blue;
}

.diffYellow {
  color: yellow;
}

.diffRed {
  color: red;
}

.closedWays, .closedBlocks {
  border-collapse: collapse;
}

.closedWays td, .closedBlocks td {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: white;
  padding: 5px;
  border: 1px solid #cacaca;
  padding-left: 10px;
  padding-right: 10px;
}

.addBlocks {
  background: yellow;
  padding: 0px;
}

/** Scroll right and left in contest table: arrows are "brighter" by opacity
 *  when hovering.
 */
#scrollLeftControl, #scrollRightControl {
  border: 0px;
}
#scrollLeftControl img, #scrollRightControl img, .scrollTopControl img {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
#scrollLeftControl img:hover, #scrollRightControl img:hover,
  .scrollTopControl img:hover {
  cursor: pointer;
  filter: alpha(opacity=100);
  opacity: 1.0;
}

/** Scroll up arrow and down arrow.
 */
#contestTable .scrollTopControl {
  /*text-align: center;*/
  border: 0px;
}

/** Light background and dark text colour when hovering a row in contest table:
 *  this is made in order to improve readability when clicking closed ways, so
 *  you always know what participant you are editing.
 */
#contestTable tr.participant:hover td.partInfo {
  background-color: #a0a0a0;
}
#contestTable tr.participant:hover td.partInfo {
  color: black;
}

/** The element containing the current page number and the total pages number.
 */
#curPage {}

/** No participants warning instead of contest table.
 */
#noParticipants {
  font-size: 13pt;
  font-weight: bold;
  color: red;
}

/* Forum section */

.ForumTitle
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	color: #c1c1c1;
	
	margin-bottom: 30px;
	margin-top: 8px;
}

.ForumMessage
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: white;
	
	border: 1px dashed #a0a0a0;
	background-color: #636363;
	padding: 1px;
}

#ForumNavigator, #ForumNavigator2 {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: white;

  border-top: 1px dotted white;
  border-bottom: 1px dotted white;
  padding: 1px;
}


/* Piazzamenti finali */

table.finalScores {
}

.finalScoresUnqualified, .finalScoresQualified {
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 13px;
	border-bottom: 1px solid #c1c1c1;
	padding: 5px;
	color: white;
}

.finalScores th {
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 13px;
	border-bottom: 1px solid #c1c1c1;
	font-weight: bold;
	padding: 5px;
	color: white;
}

td.finalScoresQualified {
	font-weight: bold;
}


/* Gestione iscrizioni -- aggiunto hover per migliore lettura (13/10/2007) */

tr.Record:hover {
  background: #404040;
}

tr.Record td {
  white-space: nowrap;  /* added for webkit @ 20091211 */
}

/* Nuova pagina delle foto basata su Lightbox (6/12/2008) */

a .thumbsImgLb, a:visited .thumbsImgLb {
  border: 1px dashed #636363;
  padding: 3px;
  margin: 3px;
  vertical-align: middle;
}

a:hover .thumbsImgLb, a:active .thumbsImgLb {
  border: 1px dashed white;
  background-color: #636363;
  padding: 3px;
  margin: 3px;
  vertical-align: middle;
}

a#nextPageButton, a#prevPageButton {
  outline: none;
}

#thumbContainer a {
  outline: none;
}

#pageCounter, #prevPageButton, #nextPageButton {
  visibility: hidden;
}

/* Gestione iscrizioni: intestazioni che s'illuminano, più tutto ciò che s'illumina */

img.displayToggle {
  cursor: pointer;
}

table#queryResponse th span:hover,
  #contestTable span:hover, #blockPopupMenu span:hover {
  cursor: pointer;
  color: #fdcf8b;
}

/* Tabella della gara */
#settingsSection td, #settingsSection th {
  font-family: Verdana, Geneva, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #cacaca;
  padding: 3px;
}

#settingsSection input[type=text] {
  text-align: right;
}

/* Livelli di difficoltà del popup */
.unselectedDiffLevel, .selectedDiffLevel {
  padding: 1px;
}

.unselectedDiffLevel {
  border: 1px solid #515151;
}

.selectedDiffLevel, .unselectedDiffLevel:hover {
  border: 1px solid white;
  cursor: pointer;
}

/* Novità! */
.new {
  color: #fdcf8b;
  font-style: normal;
  padding-left: 19px;
  background-repeat: no-repeat;
  background-position: 0px 3px;
}

/* Titolo della pagina (una volta era un'immagine) */
/*.StyledPageTitle {
  color: #cacaca;
  font-family: Updike;
  font-size: 40px;
  text-shadow: 0px 0px 20px #cacaca;
}*/

/* Contest Features (homepage) */
#ContestFeatures2010 {
  background-repeat: no-repeat;
  background-position: center;
  sborder: 1px solid red;
}

#ContestFeatures2010 td {
  width: 250px;
  height: 160px;
  vertical-align: middle;
  text-align: center;
  font-family: DroidSans, Arial, sans-serif;
  color: #cacaca;
  font-size: 14px;
}

#ContestFeatures2010 td div, #ContestFeatures2010 td div a {
  font-family: DroidSans-Bold, Arial Black, sans-serif;
  font-size: 23px;
  color: white;
  margin-bottom: 10px;
  text-shadow: 0px 0px 10px #fdcf8b;
}

#ContestFeatures2010 td div a:hover {
  text-shadow: 0px 0px 10px #99ffff;
  text-decoration: none;
}


.SubscribeNow {
  font-family: DroidSans-Bold, Arial Black, sans-serif;
  font-size: 25px;
  margin-top: 20px;
}

.SubscribeNow a {
  color: white;
  text-shadow: 0px 0px 10px black;
}

.SubscribeNow a:hover {
  color: white;
  text-shadow: 0px 0px 10px #fdcf8b, 0px 0px 10px #fdcf8b;
}

#ContestFeatures2010 th {
  width: 290px;
}

/* Warning box */

.WarningBox {
  border: 3px dashed red;
  width: 600px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 14px;
  font-family: Verdana, Arial, helvetica, sans-serif;
  padding: 5px;
  color: red;
  background: gold;
  font-weight: bold;
  text-align: center;
}