/************************************************************************
/*
/*    NatesDawgs.com Email Alerts styling rules
/*     
/*    Rules on this page will govern the styling for the email alerts. 
/*
/*    INCLUDE SITE WIDE VARIABLES
/*
       
/************************************************************************
/*
/*    define css VARIABLES
/*
/************************************************************************/


/************************************************************************
/*
/*    end VARIABLES
/*
/************************************************************************/


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

#alerts_desc {
 margin-left: 40px;
}

#emailalertErr {
 color:red;
 font-size:10pt;
 font-weight:bold;
 letter-spacing:1.3px;
 margin:15px;
}

table.alerttbl {
 margin-left:50px;
 width:300px;
}

table.alerttbl td.headrow {
 font-weight:bold;
 text-align:center;
 font-style:italic;
}

table.alerttbl td {
 padding-top:10px;
}

table.alerttbl td.buttonrow {
 text-align:center;
}

table.alerttbl td.lefthead {
 width:200px;
 text-align:right;
 font-style:italic;
 padding-right:10px;
}

/************************************************************************
/*
/*    begin ON/OFF SWITCH
/*       - more colors at: http://www.webdesignerwall.com/demo/css-buttons.html
/*
/************************************************************************/

.go_button {
 display: inline-block;
 width:125px;
 min-width:125px;
 margin-top:10px;
 margin-bottom:3px;
 outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: 14px/100% Arial, Helvetica, sans-serif;
 padding: .5em 1em .55em;
 text-shadow: 0 1px 1px rgba(0,0,0,.3);
 -webkit-border-radius: .5em; 
 -moz-border-radius: .5em;
 border-radius: .5em;
 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.go_button:hover {
 text-decoration: none;
}

.go_button:active {
 position: relative;
 top: 1px;
}

/* red */
.red, .red:visited {
 color: #faddde;
 border: solid 1px #980c10;
 background: #d81b21;
 background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
 background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}

.red:hover {
 background: #b61318;
 background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
 background: -moz-linear-gradient(top,  #c9151b,  #a11115);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}

.red:active {
 color: #de898c;
 background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
 background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* gray */
.gray, .gray:visited {
 color: #e9e9e9;
 border: solid 1px #555;
 background: #6e6e6e;
 background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
 background: -moz-linear-gradient(top,  #888,  #575757);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}

.gray:hover {
 background: #616161;
 background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
 background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}

.gray:active {
 color: #afafaf;
 background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
 background: -moz-linear-gradient(top,  #575757,  #888);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* black */
.black {
 color: #d7d7d7;
 border: solid 1px #333;
 background: #333;
 background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
 background: -moz-linear-gradient(top,  #666,  #000);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
 background: #000;
 background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
 background: -moz-linear-gradient(top,  #444,  #000);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
 color: #666;
 background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
 background: -moz-linear-gradient(top,  #000,  #444);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* white */
.white, .white:visited {
 color: #606060;
 border: solid 1px #b7b7b7;
 background: #fff;
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
 background: -moz-linear-gradient(top,  #fff,  #ededed);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

.white:hover {
 background: #ededed;
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
 background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

.white:active {
 color: #999;
 background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
 background: -moz-linear-gradient(top,  #ededed,  #fff);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/************************************************************************
/*
/*    end ON/OFF SWITCH
/*
/************************************************************************/