/* ================================ *\
        LAYOUT
\* ================================ */
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding:0px;
  margin:0px;
  color:#ffffff;
}

legend {
  font-weight: bold;
  color: #FFFFFF;
}

table {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

a {
  font-size:14px;
  font-weight: bold;
}

a:link {
  text-decoration: none;
  color: #FFFFFF;
}
a:visited {
  text-decoration: none;
  color: #FFFFFF;
}
a:hover
{
  text-decoration: underline;
  color: #CCC;
}
a:active
{
  text-decoration: none;
  color: #FFFFFF;
}
a img {
  border: 0;
}

h3 {
  font-size:16px;
  font-weight:bold;

}

table.sample {
  border-width: 0px 0px 0px 0px;
  border-spacing: 2px;
  border-style: none none none none;
  border-color: white white white white;
  border-collapse: separate;
}

table.sample th {
  border-width: 1px 1px 1px 1px;
  padding: 2px 2px 2px 2px;
  border-style: dotted dotted dotted dotted;
  border-color: white white white white;
}

table.sample td {
  border-width: 1px 1px 1px 1px;
  padding: 2px 2px 2px 2px;
  border-style: dotted dotted dotted dotted;
  border-color: white white white white;
}

#background {
  z-index:0;
  background-image: url("../images/background.png");
  position:absolute;
  width:100%;
  height:100%;
}

#left {
  z-index:1;
  background-image: url("../images/left.png");
  position:absolute;
  width:140px;
  top:0px;
  bottom:0px;
  height:100%;
}

#right {
  z-index:1;
  background-image: url("../images/right.png");
  position:absolute;
  width:140px;
  height:100%;
  right:0px;
}

#top {
  z-index:1;
  background-image: url("../images/top.png");
  position:absolute;
  width:100%;
  height:140px;
}

#bottom {
  z-index:1;
  background-image: url("../images/bottom.png");
  position:absolute;
  width:100%;
  height:140px;
  bottom:0px;
}

#topleft {
  z-index:2;
  position:absolute;
  background-image: url("../images/topleft.png");
  width:140px;
  height:140px;
}

#bells-nw {
  z-index:2;
  position:absolute;
  background-image: url("../images/bells-nw.png");
  width:140px;
  height:150px;
}

#bottomleft {
  z-index:2;
  position:absolute;
  background-image: url("../images/bottomleft.png");
  width:140px;
  height:140px;
  bottom:0px;
}

#topright {
  z-index:2;
  position:absolute;
  background-image: url("../images/topright.png");
  width:140px;
  height:140px;
  right:0px;
}

#bells-ne {
  z-index:2;
  position:absolute;
  background-image: url("../images/bells-ne.png");
  width:140px;
  height:150px;
  right:0px;
}

#bottomright {
  z-index:2;
  position:absolute;
  background-image: url("../images/bottomright.png");
  width:140px;
  height:140px;
  bottom:0px;
  right:0px;
}

#sigla {
  z-index:3;
  top: 140px;
  left:35%;
  position:absolute;
  background-image: url("../images/sigla.png");
  width:261px;
  height:296px;
}

#siglabg {
  z-index:3;
  left:35%;
  top: 140px;
  position:absolute;
  background-image: url("../images/siglabg.png");
  width:261px;
  height:296px;
}

/* ================================= *\
        BOTOANE
\* ================================= */

#tara {
  z-index:4;
  position:absolute;
  left:52%;
  top:76%;
}
#acasa {
  z-index:4;
  position:absolute;
  left:39%;
  top:84%;
}
#desprenoi {
  z-index:4;
  position:absolute;
  left:22%;
  top:76%;
}
#contact {
  z-index:4;
  position:absolute;
  left:12%;
  top:63%;
}
#colectii {
  z-index:4;
  position:absolute;
  left:6%;
  top:47%;
}
#noutati {
  z-index:4;
  position:absolute;
  left:9%;
  top:30%;
}
#autori {
  z-index:4;
  position:absolute;
  left:18%;
  top:17%;
}
#muzici {
  z-index:4;
  position:absolute;
  left:28%;
  top:13%;
}
#comanda {
  z-index:4;
  position:absolute;
  left:40%;
  top:10%;
}
#cos {
  z-index:4;
  position:absolute;
  left:60%;
  top:13%;
}
#albume {
  z-index:4;
  position:absolute;
  left:70%;
  top:17%;
}
#cautare {
  z-index:4;
  position:absolute;
  left:82%;
  top:25%;
}

#incurand {
  z-index:4;
  position:absolute;
  left:82%;
  top:28%;
  width:150px;
  bottom:0px;
  font-size: 14px;
}

#iubirea {
  z-index:5;
  position:absolute;
  left:28%;
  top:15%;
  width:40%;
  font-size:20px;
}

#contents {
  z-index:6;
  position:absolute;
  left:20%;
  top:20%;
  overflow:auto;
  width:59%;
  height:55%;
}

#craciun {
  z-index:6;
  position:absolute;
  left:32%;
  top:76%;
}

#craciun a {
	font-size:1.4em;
	color:#FF0000;
	text-shadow: 0 0 5px #fff;
}

div.craciun-container {
	width:100%;
	display:table;
	background:url(craciun/bg.jpg);
	color:black;
}
div.craciun-logo {
	width:219px; height:220px;
	margin:0 auto;
	background:url(craciun/logo.gif);
}
table.craciun td,table.craciun th {border-color:#666}
/* ================================= *\
        FORM ELEMENTS
\* ================================= */

.InputText {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  border: 1px solid #00418d;
  width: 180px;
}

.InputSelect {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  border: 1px solid #00418d;
  width: 180px;
}

.InputTextarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  border: 1px solid #00418d;
  width: 180px;
  height: 60px;
}

.InputCheckbox {
  color: #000000;
}

.InputSubmit {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
  background-color: #000000;
  border: 1px solid #00418d;
}


/* ========================== *\
        SORT TABLE
\* ========================== */

table.sortable {
  border-spacing: 0;
  border-style: solid;
  border-color: #aaa;
  border-width: 1px;
  border-collapse: collapse;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
}

table.sortable th, table.sortable td {
  text-align: left;
  padding: 2px 4px 2px 4px;
  border-style: solid;
  border-color: #aaa;
  font-size: 11px;
}

table.sortable th {
  border-width: 1px 0px 1px 0px;
  background-color: #ccc;
  text-align:center;
}

table.sortable th a {
  text-decoration: none;
  color: #000;
}

table.sortable td {
  border-width: 0px;
}

table.sortable tr.odd td {
  background-color: #fff;
}

table.sortable tr.even td {
  background-color: #ddd;
}

table.sortable tr.sortbottom td {
  border-width: 1px 0px 1px 0px;
  background-color: #ccc;
  font-weight: bold;
}