*
{
    margin: 0;
    padding: 0;
    border: 0;
}

body
{
    background: #DBE4E5; /*C3CBCC;  #EAF4F5;  #f1fbfd; */
    font-size: 12pt;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}

@font-face
{
    font-family: 'parents_suckmedium';
    src: url('../fonts/parentssuck-webfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/parentssuck-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/parentssuck-webfont.woff') format('woff'), /* Modern Browsers */
         url('../fonts/parentssuck-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/parentssuck-webfont.svg#parents_suckmedium') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

h1, h3, h4, h5 {
    margin-top: 0;
    text-transform: lowercase;
}

h1 {
    text-align: right;
    border-bottom: 1px solid #fff;
    font-size: 36px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}

h2 {
    font-size: 24px;
    margin-bottom: 10px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    margin-left: 15px;
    margin-bottom: -38px;
    font-weight: normal;
    font-size: 14px;
}

h4 a {
    color: #000;
}

h4 a:hover
{
    color: #E6CC40;
}

h5 {
    margin-left: 15px;
    margin-bottom: -38px;
    font-weight: normal;
    font-size: 14px;
}

h5 a {
    color: #000;
    text-decoration: underline;
}

h5 a:hover
{
    color: #E6CC40;
}

a
{
    color: #E6CC40;
    text-decoration: none;
}

a:hover
{
    /* font-weight: bold; */
    color: #fff;
}

#pagebg
{
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top,  #000000 0%, #DBE4E5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#DBE4E5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #000000 0%,#DBE4E5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #000000 0%,#DBE4E5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #000000 0%,#DBE4E5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #000000 0%,#DBE4E5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#DBE4E5',GradientType=0 ); /* IE6-9 */
    height: 650px;
    width: 100%;
    position: fixed;
    z-index: -10;
}

#alerter
{
    height: 100%;
    filter: alpha(opacity=85); /* internet explorer */
    opacity: 0.85;           /* fx, safari, opera, chrome */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=85)"; /*IE8*/
    background: #ff0000;
    position: absolute;
    width: 100%;
    top: 0px;
    margin-left: auto;
    margin-right: auto;
    z-index: 100;
    visibility: hidden;
}

#overlay
{
    height: 100%;
    filter: alpha(opacity=90); /* internet explorer */
    opacity: 0.9;           /* fx, safari, opera, chrome */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=90)"; /* IE8 */
    background: #494949;
    position: absolute;
    Width: 100%;
    top: 0px;
    left: 0px;
    z-index: 400;
    visibility: hidden;
}

#main
{
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    border: 0px;
    border-color: red;
    border-style: dashed;
}

#sub1wrapper
{
    width: 1048px;
    margin-left: auto;
    margin-right: auto;
    border: 0px;
    border-color: red;
    border-style: dashed;
    padding-bottom: 0px;
}

#header
{
    height: 100px;
    border-width: 0px;
    border-style: dashed;
    border-color: #FF0000;
    position: relative;
}

/* Menu */

#menu {
    width: 1036px;
    height: 89px;
    margin: 0 auto;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    position:relative;
    border: 0px;
    border-color: #FFF000;
    border-style: dashed;
}

#menu ul {
    margin: 0;
    padding: 65px 0 0 211px;
    list-style: none;
    z-index:10;
    position:absolute;
    z-index:20;
}

#menu li {
    display: inline;
    float:left;
}

#menu a, .menu a:active, .menu a:visited {
    letter-spacing: -1px; 
    text-transform: lowercase;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    padding: 0px 8px 0px 7px;
}

#menu a:hover {
/*    text-decoration: underline; */
    color: #E6CC40;
}

#slide {
    position: absolute;
    top: 64px;
    height: 24px;
    /* background: blue; */
    border: 1px;
    border-color: #fff;
    border-style: solid;
    z-index: 10;
}

/* Submenu */

#submenu {
	float: right;
	width: 102px;
	margin-right: 70px;
	font-size: 14px;
   	position: relative;
        z-index: 50;
}

#submenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#submenu li {
	padding: 4px 0px 5px 0;
	border-top: 1px solid #FFFFFF;
}

#submenu li.first {
	border: none;
	padding-top: 30px;
}

#submenu a {
	text-decoration: none;
        color: #fff;
}

#submenu a:hover {
	text-decoration: underline;
	color: #000;
}

#bgbox
{
    height: 280px;
    width: 500px;
    margin-top: 98px;
    margin-left: 356px;
    margin-right: auto;
    -webkit-transform: rotate(343deg);
    -moz-transform: rotate(343deg);
    -o-transform: rotate(343deg);
    -ms-transform: rotate(343deg);
    transform: rotate(343deg);
    background: #cccccc; /* Old browsers */
    background: -moz-linear-gradient(top,  #000000 0%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #000000 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #000000 0%,#cccccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #000000 0%,#cccccc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #000000 0%,#cccccc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    box-shadow: -3px 3px 3px 0px rgba(0, 0, 0, 0.7);
    border: 25px;
    border-color: #fff;
    border-style: solid;
    opacity: 0.3;
    filter: alpha(opacity=30); /* IE6+ */
    position: absolute;
    z-index: -1;
}

#bgbox2
{
	float: left;
    height: 280px;
    width: 500px;
    margin-top: -329px;
    margin-left: 443px;
    margin-right: auto;
    -webkit-transform: rotate(343deg);
    -moz-transform: rotate(343deg);
    -o-transform: rotate(343deg);
    -ms-transform: rotate(343deg);
    transform: rotate(343deg);
    background: #cccccc; /* Old browsers */
    background: -moz-linear-gradient(top,  #000000 0%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #000000 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #000000 0%,#cccccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #000000 0%,#cccccc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #000000 0%,#cccccc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    box-shadow: -3px 3px 3px 0px rgba(0, 0, 0, 0.7);
    border: 25px;
    border-color: #fff;
    border-style: solid;
    opacity: 0.3;
    filter: alpha(opacity=30); /* IE6+ */
    position: absolute;
    z-index: -1;
}

#cornerbox1
{
    float: left;
    height: 165px;
    width: 175px;
    margin-top: -25px;
    margin-left: 0px;
    margin-right: 0px;
    background: #cccccc; /* Old browsers */
    background: -moz-linear-gradient(top,  #000000 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #000000 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #000000 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #000000 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #000000 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    box-shadow: -3px 3px 3px 0px rgba(0, 0, 0, 0.7);
    border: 7px;
    border-color: #fff;
    border-style: solid;
    position: absolute;
    z-index: 15;
}

#cornerbox2
{
    float: left;
    height: 165px;
    width: 175px;
    margin-top: -30px;
    margin-left: 25px;
    margin-right: 0px;
    -webkit-transform: rotate(343deg);
    -moz-transform: rotate(343deg);
    -o-transform: rotate(343deg);
    -ms-transform: rotate(343deg);
    transform: rotate(343deg);
/*  background: #cccccc;
    background: url(images/banner4.jpg); */
    box-shadow: -3px 3px 3px 0px rgba(0, 0, 0, 0.7);
    border: 7px;
    border-color: #fff;
    border-style: solid;
    position: absolute;
    z-index: 20;
}

#cornerbox3
{
    float: right;
    height: 60px;
    width: 170px;
    margin-top: -15px;
    margin-left: 885px;
    margin-right: 0px;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    border: 0px;
    border-color: #000;
    border-style: dashed;
    position: absolute;
    z-index: 10;
}

#cornerbox4
{
    float: right;
    height: 60px;
    width: 170px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    background: #B2B2B2; /* Old browsers */
    background: -moz-linear-gradient(top,  #B2B2B2 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B2B2B2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #B2B2B2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #B2B2B2 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #B2B2B2 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #B2B2B2 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B2B2B2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#cornerbox5
{
    float: left;
    height: 60px;
    width: 170px;
    margin-top: -60px;
    margin-left: -71px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 0px;
    border-color: #000;
    border-style: dashed;
    position: relative;
    z-index: 10;
}

#cornerbox6
{
    float: left;
    height: 60px;
    width: 170px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    background: #B2B2B2; /* Old browsers */
    background: -moz-linear-gradient(top,  #B2B2B2 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B2B2B2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #B2B2B2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #B2B2B2 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #B2B2B2 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #B2B2B2 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B2B2B2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#box
{
    height: 320px;
    width: 930px;
    margin-left: auto;
    margin-right: auto;
    background: #ccc;
    background: url(../images/banner4.jpg);
    position: relative;
    box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.7);
    /* For IE 5.5 - 7 */
/*    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#00000000'); */
    border: 15px;
    border-color: #fff;
    border-style: solid;
    z-index: 5;
}


#sub1boxborder
{
    min-height: 600px;
    width: 1000px;
    background: #B2B2B2;
    margin-left: 38px;
    margin-right: 0px;
    border: 5px;
    border-color: #fff;
    border-style: solid;
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.5);
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#00000000');
    position: relative;
    z-index: 11;
}

#sub1boxborderline
{
    min-height: 596px;
    width: 996px;
    margin-left: 0px;
    margin-right: 0px;
    border: 2px;
    border-color: #B2B2B2;
    border-style: solid;
    position: relative;
    z-index: 11;
}

#sub1box
{
    width: 1000px;
    margin-left: 0px;
    margin-right: 0px;
    border: 0px;
    border-color: #FF0000;
    border-style: solid;
    position: relative;
}

#slides
{
    height: 470px;
    width: 700px;
    margin-top: 45px;
    margin-left: 235px;
    margin-right: auto;
    border: 0px;
    border-color: #000;
    border-style: dashed;
    position: relative;
    z-index: 45;
}

#title
{
    padding-left: 230px;
    padding-right: 70px;
    padding-top: 16px;
    border-width: 0px;
    border-style: dashed;
    border-color: #000;
    position: relative;
    z-index: 50;
}

#titlewpgs
{
    padding-left: 230px;
    padding-right: 70px;
    padding-top: 35px;
    border-width: 0px;
    border-style: dashed;
    border-color: #000;
    position: relative;
    z-index: 999;
}

#hal
{
    float: right;
    margin: 0px 0px 0px 435px;
    font-family: 'parents_suckmedium';
    font-size: 54px;
    color: #ff0000;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    position: absolute;
}

#halcnterold
{
    float: left;
    margin: 120px 0px 0px 10px;
    font-family: 'parents_suckmedium';
    font-size: 36px;
    color: #ff0000;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    position: absolute;
}

#halcnter
{
    float: left;
    margin: 0px 0px 0px 255px;
    font-family: 'parents_suckmedium';
    font-size: 50px;
    color: #000000;
    text-shadow: 1px 1px 1px rgba(255, 0, 0, 0.6);
    position: absolute;
}

#psh
{
    float: right;
    margin: 0px 0px 0px 323px;
    font-family: 'parents_suckmedium';
    font-size: 54px;
    color: #ff0000;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    position: absolute;
}

#links
{
    width: 685px;
    margin-top: 25px;
    margin-left: 240px;
    margin-bottom: 30px;
    font-size: 10pt;
    color: #fff;
    border-width: 0px;
    border-style: dashed;
    border-color: #000;
    position: relative;
}

#links a
{
	color: #000;
}

#links a:hover
{
	color: #E6CC40;
}

#links li
{
	line-height: 22px;
	margin-left: 40px;
	list-style-image: url(images/bulletb.png);
}

#songs
{
    width: 590px;
    margin-top: 30px;
    margin-left: 220px;
    margin-bottom: 30px;
    font-size: 10pt;
    border-width: 0px;
    border-style: dashed;
    border-color: #000;
    position: relative;
}

#songs a
{
	color: #000;
}

#songs a:hover
{
	color: #E6CC40;
}

#songs li
{
	line-height: 24px;
	margin-left: 40px;
	list-style-image: url(images/bulletb.png);
}

#sigs
{
    width: 510px;
    margin-top: 40px;
    margin-left: 235px;
    margin-right: auto;
    border: 0px;
    border-color: #000;
    border-style: solid;
}

#cards
{
    width: 650px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    text-align: center;    
    border: 0px;
    border-color: #000;
    border-style: solid;
}

#it
{
    width: 600px;
    margin-top: 70px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#warning
{
    width: 650px;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    text-align: center;    
    border: 0px;
    border-color: #000;
    border-style: solid;
    position: relative;
}

#homediv
{
    width: 650px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    text-align: left;    
    border: 0px;
    border-color: #000;
    border-style: solid;
}

.sigs
{
    height: 150px;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.7);
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=110, Color='#00000000'); /* For IE 5.5 - 7 */
}

.sigsend
{
    height: 150px;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 190px;
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.7);
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=110, Color='#00000000'); /* For IE 5.5 - 7 */
}

.corners
{
    border-radius: 50px; /* CSS3 */
    -moz-border-radius: 50px; /* Firefox */
    -webkit-border-radius:50px; /* Safari and chrome */
    -khtml-border-radius:50px; /* Linux browsers */
    overflow: hidden;
}

.sub1corners
{
    border-radius: 10px; /* CSS3 */
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius:10px; /* Safari and chrome */
    -khtml-border-radius:10px; /* Linux browsers */
    overflow: hidden;
}

.sub1corners1
{
    border-radius: 4px; /* CSS3 */
    -moz-border-radius: 4px; /* Firefox */
    -webkit-border-radius:4px; /* Safari and chrome */
    -khtml-border-radius:4px; /* Linux browsers */
    overflow: hidden;
}

.slide
{
    height: 100px;
    width: 100px;
    box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, 0.7);
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#00000000'); /* For IE 5.5 - 7 */
    border-width: 5px;
    border-style: solid;
    border-color: #fff;
    margin-right: 20px;
    margin-bottom: 10px;
    display: inline-block;
}

.slide img
{
    height: 100px;
    width: 100px;
}

.url a:hover
{
    color: #FFEF0D;
}

.cards
{
    font-family: 'Permanent Marker', cursive;
    font-size: 38pt;
    color: #E6CC40;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
}

.cards a
{
    font-size: 30pt;
}

.cardstext
{
    font-family: 'Architects Daughter', cursive;
    font-size: 14pt;
}

.hometext
{
    font-family: 'Architects Daughter', cursive;
    font-size: 12pt;
}

.url
{
	font-family: 'Permanent Marker', cursive;
    font-size: 60px;
    color: #E6CC40;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
    text-align: center;
}

.alert
{
    font-family: verdana;
    font-size: 12pt;
    font-weight: bold;
    margin-top: 245px;
    filter: alpha(opacity=100); /* internet explorer */
    opacity: 1.0;           /* fx, safari, opera, chrome */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*IE8*/
}

.alert a, .alert a:hover
{
    color: #ffffff;
}

/* Footer */
#footer
{
    height: 120px;
    font-size: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    border-width: 0px;
    border-style: dashed;
    border-color: #000;
    font-family: 'Rock Salt', cursive;
}

#footerlft
{
    float: left;
    height: 120px;
    font-size: 10px;
    margin-left: 50px;
    margin-top: 0px;
    border-width: 0px;
    border-style: dashed;
    border-color: #000;
    font-family: 'Rock Salt', cursive;
}

#footerrgt
{
    float: right;
    height: 120px;
    font-size: 10px;
    margin-right: 10px;
    margin-top: 0px;
    border-width: 0px;
    border-style: dashed;
    border-color: #000;
    font-family: 'Rock Salt', cursive;
}

.footer a
{
    color: #000;
    text-decoration: none;
}

.footer a:hover
{
    color: #FF0000;
    text-decoration: underline;
}

.button
 {
    color: #E6CC40;
    border: 2px solid #fff;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 3px;
    padding-bottom: 3px;
    background: -moz-linear-gradient(top,  #a5a5a5 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5a5a5), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a5a5a5 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a5a5a5 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a5a5a5 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a5a5a5 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5a5a5', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    border-radius: 4px; /* CSS3 */
    -moz-border-radius: 4px; /* Firefox */
    -webkit-border-radius:4px; /* Safari and chrome */
    -khtml-border-radius:4px; /* Linux browsers */
    overflow: hidden;	
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.8);
    font-weight: bold;
}

.button:hover
{
    cursor: pointer;
    color: #000;
    background: -moz-linear-gradient(top,  #D8D8D8 0%, #ccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D8D8D8), color-stop(100%,#ccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #D8D8D8 0%,#ccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #D8D8D8 0%,#ccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #D8D8D8 0%,#ccc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d8d8d8 0%,#ccc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D8D8D8', endColorstr='#ccc',GradientType=0 ); /* IE6-9 */
}

.button:active
{
    border: 2px solid #fff;
    background: #000;
    color: #000;
    box-shadow: -2px -2px 2px 0px rgba(0, 0, 0, 0.8);
    background: #000; /* Old browsers */
    background: -moz-linear-gradient(top,  #D8D8D8 0%, #ccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D8D8D8), color-stop(100%,#ccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #D8D8D8 0%,#333 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #D8D8D8 0%,#ccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #D8D8D8 0%,#ccc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #D8D8D8 0%,#ccc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D8D8D8', endColorstr='#ccc',GradientType=0 ); /* IE6-9 */
 }
 
 .doh
 {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 11px;
     line-height: 18px;
     margin-top: 20px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 30px;
 }
 
 .doh a
 {
     color: #FF0000;
     text-decoration: none;
 }
 
 .doh a:hover
 {
     text-decoration: underline overline;
 }
 
.warningtext
{
    font-size: 10px;
    display: inline-block;
    line-height: 10px;
    color: #000
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect8
{
  position: relative;
}
.effect8:before, .effect8:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect8:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}