<style type="text/css">
BODY
{
		background: rgb(200,40,40);
		color: rgb(60,60,60);
		font-size: 16px;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
}

.content
{
		
		width:100%;
		color: rgb(60,60,60);
		font-size: 16px;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		background: rgb(0,0,0);
		background-image:url('gfx/back/back-content.jpg');
		background-attachment:fixed;
		-webkit-box-shadow: rgba(0,0,0,0.7) 0px 5px 5px;
		 -khtml-box-shadow: rgba(0,0,0,0.7) 0px 5px 5px;
			 -moz-box-shadow: rgba(0,0,0,0.7) 0px 5px 5px;
				-ms-box-shadow: rgba(0,0,0,0.7) 0px 5px 5px;
				 -o-box-shadow: rgba(0,0,0,0.7) 0px 5px 5px;
						box-shadow: rgba(0,0,0,0.7) 0px 5px 5px;
		z-index:10;
		overflow:hidden;
}

.line {
		background-color:transparent;
		border-top:1px solid rgb(120,120,120);
		border-bottom:1px solid rgb(220,220,220);
		margin-top:20px;
		margin-bottom:20px;
		padding:0px;
}

.icon
{
		width:176px;
		height:176px;
		display:table-cell;
		text-align:center;
		vertical-align:bottom;
		background: rgb(140,140,140);
		-webkit-border-radius: 8px;
		 -khtml-border-radius: 8px;
		   -moz-border-radius: 8px;
		    -ms-border-radius: 8px;
		     -o-border-radius: 8px;
		        border-radius: 8px;
		overflow:hidden;
		margin:0px;
		-webkit-box-shadow: rgba(0,0,0,0.7) 0px 5px 5px inset;
		 -khtml-box-shadow: rgba(0,0,0,0.7) 0px 5px 5px inset;
			 -moz-box-shadow: rgba(0,0,0,0.7) 0px 5px 5px inset;
				-ms-box-shadow: rgba(0,0,0,0.7) 0px 5px 5px inset;
				 -o-box-shadow: rgba(0,0,0,0.7) 0px 5px 5px inset;
						box-shadow: rgba(0,0,0,0.7) 0px 5px 5px inset;
    -webkit-transition: all 0.5s;
     -khtml-transition: all 0.5s;
       -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
         -o-transition: all 0.5s;
            transition: all 0.5s;
}

.icon:hover
{
		background: rgb(140,140,140);
		color: rgb(60,60,60);
}

.tbn
{
		position:relative;
		-webkit-border-radius: 4px;
		 -khtml-border-radius: 4px;
		   -moz-border-radius: 4px;
		    -ms-border-radius: 4px;
		     -o-border-radius: 4px;
		        border-radius: 4px;
		opacity:0.5;
		filter:alpha(opacity=50); /* For IE8 and earlier */
		overflow:hidden;
    -webkit-transition: all 0.3s;
     -khtml-transition: all 0.3s;
       -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
            transition: all 0.3s;
}

.tbn:hover
{         
		-webkit-border-radius: 4px;
		 -khtml-border-radius: 4px;
		   -moz-border-radius: 4px;
		    -ms-border-radius: 4px;
		     -o-border-radius: 4px;
		        border-radius: 4px;
		-webkit-box-shadow: rgba(0,0,0,0.7) 0px 2px 2px;
		 -khtml-box-shadow: rgba(0,0,0,0.7) 0px 2px 2px;
			 -moz-box-shadow: rgba(0,0,0,0.7) 0px 2px 2px;
				-ms-box-shadow: rgba(0,0,0,0.7) 0px 2px 2px;
				 -o-box-shadow: rgba(0,0,0,0.7) 0px 2px 2px;
						box-shadow: rgba(0,0,0,0.7) 0px 2px 2px;
		opacity:1;
		filter:alpha(opacity=100); /* For IE8 and earlier */
}

.cat, A.cat:link, A.cat:active, A.cat:visited
{
		color: rgb(60,60,60);
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: normal;
		TEXT-DECORATION: none;
		margin:0px;
    -webkit-transition: all 0.5s;
     -khtml-transition: all 0.5s;
       -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
         -o-transition: all 0.5s;
            transition: all 0.5s;
}

A.cat:hover
{
		color: rgb(255,255,255);
}

A, A:link, A:active, A:visited   
{
		color: rgb(0,60,180);
		font-size: 16px;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-weight:normal;
    -webkit-transition: all 0.5s;
     -khtml-transition: all 0.5s;
       -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
         -o-transition: all 0.5s;
            transition: all 0.5s;
}

A:hover
{
		color: rgb(240,240,240);
		font-size: 16px;
		font-family: Arial, Helvetica, sans-serif;
}



.title
{
		position:relative;
		bottom:5px;
		font-color: rgb(60,60,60);
		font-family: Arial, Helvetica, sans-serif;
		font-size : 18px;
		font-weight:bold;
		TEXT-DECORATION: none;
}

.descClosed
{
		position:relative;
		left:90px;
		bottom:-20px;
    width: 20px;
    height: 20px;
    background-color: #FF0000;
}

.descOpen
{
		position:relative;
		left:90px;
		bottom:-20px;
    width: 20px;
    height: 20px;
    background-color: #00FF00;
}

.menubar
{
		position:relative;
		width:100%;
		height:50px;
		background-image:url('gfx/back/back-menu.jpg');
		border-top:1px solid rgb(50,50,50);
		background-color:rgb(40,40,40);
		border-bottom:1px solid rgb(30,30,30);
		-webkit-box-shadow: rgba(0,0,0,0.7) 0px 5px 5px;
		 -khtml-box-shadow: rgba(0,0,0,0.7) 0px 5px 5px;
			 -moz-box-shadow: rgba(0,0,0,0.7) 0px 5px 5px;
				-ms-box-shadow: rgba(0,0,0,0.7) 0px 5px 5px;
				 -o-box-shadow: rgba(0,0,0,0.7) 0px 5px 5px;
						box-shadow: rgba(0,0,0,0.7) 0px 5px 5px;
		z-index:999;
}

.fb
{
		display:table-cell;
		width:34px;
		height:34px;
		background-image:url(gfx/fb-off.png);
		background-size:34px 34px;
		opacity:1;
		filter:alpha(opacity=100); /* For IE8 and earlier */
		-webkit-border-radius: 3px;
		 -khtml-border-radius: 3px;
		   -moz-border-radius: 3px;
		    -ms-border-radius: 3px;
		     -o-border-radius: 3px;
		        border-radius: 3px;
}

#fb
{
		display:table-cell;
		width:34px;
		height:34px;
		background-image:url(gfx/fb-on.png);
		background-size:34px 34px;
		opacity:0.0;
		filter:alpha(opacity=0); /* For IE8 and earlier */
		-webkit-border-radius: 3px;
		 -khtml-border-radius: 3px;
		   -moz-border-radius: 3px;
		    -ms-border-radius: 3px;
		     -o-border-radius: 3px;
		        border-radius: 3px;
    -webkit-transition: all 0.5s;
     -khtml-transition: all 0.5s;
       -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
         -o-transition: all 0.5s;
            transition: all 0.5s;
}

#fb:hover
{
		opacity:1;
		filter:alpha(opacity=100); /* For IE8 and earlier */
}

.menu, A.menu:link, A.menu:active, A.menu:visited
{
		color: rgb(120,120,120);
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		font-weight: normal;
		TEXT-DECORATION: none;
		margin:0px;
    -webkit-transition: all 0.5s;
     -khtml-transition: all 0.5s;
       -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
         -o-transition: all 0.5s;
            transition: all 0.5s;
}

A.menu:hover
{
		color: rgb(255,255,255);
}

.menuu, A.menuu:link, A.menuu:active, A.menuu:visited
{
		color: rgb(255,58,58);
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		font-weight: normal;
		TEXT-DECORATION: none;
		margin:0px;
    -webkit-transition: all 0.5s;
     -khtml-transition: all 0.5s;
       -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
         -o-transition: all 0.5s;
            transition: all 0.5s;
}

A.menuu:hover
{
		color: rgb(255,180,180);
}

.link, A.link:link, A.link:active, A.link:visited
{
		position:relative;
		top:3px;
		color: rgb(60,60,60);
		font-family: Arial, Helvetica, sans-serif;
		font-size : 16px;
		font-weight : bold;
		TEXT-DECORATION: none;
		border: 2px solid rgb(60,60,60);
		-webkit-border-radius: 6px;
		 -khtml-border-radius: 6px;
		   -moz-border-radius: 6px;
		    -ms-border-radius: 6px;
		     -o-border-radius: 6px;
		        border-radius: 6px;
		padding:2px 4px;
		margin:0px;
}

A.link:hover
{
		color: rgb(255,50,50);
		border: 2px solid rgb(255,50,50);
}

#ytlink, A#ytlink:link, A#ytlink:active, A#ytlink:visited
{
		position:relative;
		bottom:7px;
		color: rgb(60,60,60);
		font-family: Arial, Helvetica, sans-serif;
		font-size : 16px;
		font-weight : bold;
		TEXT-DECORATION: none;
		border: 2px solid rgb(60,60,60);
		-webkit-border-radius: 6px;
		 -khtml-border-radius: 6px;
		   -moz-border-radius: 6px;
		    -ms-border-radius: 6px;
		     -o-border-radius: 6px;
		        border-radius: 6px;
		padding:2px 4px;
		margin:0px;
}

A#ytlink:hover
{
		color: rgb(255,50,50);
		border: 2px solid rgb(255,50,50);
}

.admbutton
{
		background-color:#E5E5E5;
		border-width:1px;
		border-style:solid;
		border-bottom-left-radius:4px;
		border-bottom-right-radius:4px;
		border-top-left-radius:4px;
		border-top-right-radius:4px;
		border:1px solid #999999;
		width: 20px;
		height: 20px;
		text-align: center;
    font-family : Arial, Helvetica, sans-serif;
    color: rgb(60,60,60);;
    font-weight : bold;
    font-size : 15px;
}
 
.admbutton:hover
{
		background-color:#CCCCCC;
}

.button
{
		color: rgb(60,60,60);
		font-family: Arial, Helvetica, sans-serif;
		font-size : 16px;
		font-weight : bold;
		TEXT-DECORATION: none;
		background-color: transparent;
		border: 2px solid rgb(60,60,60);
		-webkit-border-radius: 6px;
		 -khtml-border-radius: 6px;
		   -moz-border-radius: 6px;
		    -ms-border-radius: 6px;
		     -o-border-radius: 6px;
		        border-radius: 6px;
    -webkit-transition: all 0.5s;
     -khtml-transition: all 0.5s;
       -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
         -o-transition: all 0.5s;
            transition: all 0.5s;
    cursor:pointer;
}

.button:hover
{
		color: rgb(255,50,50);
		border: 2px solid rgb(255,50,50);
}

.textfield
{
		background: rgb(240,240,240);
		color: rgb(60,60,60);
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: normal;
		TEXT-DECORATION: none;
		height:24px;
		padding-left:4px;
		padding-right:4px;
		border: transparent;
		-webkit-border-radius: 6px;
		 -khtml-border-radius: 6px;
		   -moz-border-radius: 6px;
		    -ms-border-radius: 6px;
		     -o-border-radius: 6px;
		        border-radius: 6px;
		-webkit-box-shadow: rgba(0,0,0,0.7) 0px 2px 5px inset;
		 -khtml-box-shadow: rgba(0,0,0,0.7) 0px 2px 5px inset;
			 -moz-box-shadow: rgba(0,0,0,0.7) 0px 2px 5px inset;
				-ms-box-shadow: rgba(0,0,0,0.7) 0px 2px 5px inset;
				 -o-box-shadow: rgba(0,0,0,0.7) 0px 2px 5px inset;
						box-shadow: rgba(0,0,0,0.7) 0px 2px 5px inset;
}

.textfield-err
{
		background: rgb(255,50,50);
		color: rgb(240,240,240);
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: normal;
		TEXT-DECORATION: none;
		height:24px;
		padding-left:4px;
		padding-right:4px;
		border: transparent;
		-webkit-border-radius: 6px;
		 -khtml-border-radius: 6px;
		   -moz-border-radius: 6px;
		    -ms-border-radius: 6px;
		     -o-border-radius: 6px;
		        border-radius: 6px;
		-webkit-box-shadow: rgba(0,0,0,0.7) 0px 2px 5px inset;
		 -khtml-box-shadow: rgba(0,0,0,0.7) 0px 2px 5px inset;
			 -moz-box-shadow: rgba(0,0,0,0.7) 0px 2px 5px inset;
				-ms-box-shadow: rgba(0,0,0,0.7) 0px 2px 5px inset;
				 -o-box-shadow: rgba(0,0,0,0.7) 0px 2px 5px inset;
						box-shadow: rgba(0,0,0,0.7) 0px 2px 5px inset;
}

.textfield-text
{
		background: rgb(240,240,240);
		color: rgb(60,60,60);
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: normal;
		TEXT-DECORATION: none;
		padding-left:4px;
		padding-top:4px;
		padding-right:4px;
		padding-bottom:4px;
		border: transparent;
		-webkit-border-radius: 6px;
		 -khtml-border-radius: 6px;
		   -moz-border-radius: 6px;
		    -ms-border-radius: 6px;
		     -o-border-radius: 6px;
		        border-radius: 6px;
		-webkit-box-shadow: rgba(0,0,0,0.7) 0px 2px 5px inset;
		 -khtml-box-shadow: rgba(0,0,0,0.7) 0px 2px 5px inset;
			 -moz-box-shadow: rgba(0,0,0,0.7) 0px 2px 5px inset;
				-ms-box-shadow: rgba(0,0,0,0.7) 0px 2px 5px inset;
				 -o-box-shadow: rgba(0,0,0,0.7) 0px 2px 5px inset;
						box-shadow: rgba(0,0,0,0.7) 0px 2px 5px inset;
		resize: none;
    overflow: auto;
}

.textfield-text-err
{
		background: rgb(255,50,50);
		color: rgb(240,240,240);
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: normal;
		TEXT-DECORATION: none;
		padding-left:4px;
		padding-top:4px;
		padding-right:4px;
		padding-bottom:4px;
		border: transparent;
		-webkit-border-radius: 6px;
		 -khtml-border-radius: 6px;
		   -moz-border-radius: 6px;
		    -ms-border-radius: 6px;
		     -o-border-radius: 6px;
		        border-radius: 6px;
		-webkit-box-shadow: rgba(0,0,0,0.7) 0px 2px 5px inset;
		 -khtml-box-shadow: rgba(0,0,0,0.7) 0px 2px 5px inset;
			 -moz-box-shadow: rgba(0,0,0,0.7) 0px 2px 5px inset;
				-ms-box-shadow: rgba(0,0,0,0.7) 0px 2px 5px inset;
				 -o-box-shadow: rgba(0,0,0,0.7) 0px 2px 5px inset;
						box-shadow: rgba(0,0,0,0.7) 0px 2px 5px inset;
		resize: none;
    overflow: auto;
}
</style>