body
{
     background: black;
     font-family: Arial, Helvetica, sans-serif;
     /*font-family: Georgia, serif;*/
     text-shadow: 0 1px 1px rgba(0,0,0,.4);

     font-size: 12px;
     color: #FFFFFF;
     margin: 0px;
     padding: 0px;
}

h2
{
     color: #FFFFFF;
     font-weight: bold;
     font-size: 16px;

}

a
{
     color: #FFFF00;
}

.a
{
     color: #FFFF00;
}

a:hover
{
     color: #CCCCFF;
}


p.right
{
     text-align: right;
}

img
{
     border: none;
}

table.nopad
{
     border-width: 0px;
     border-spacing: 0px;
     border-style: none;
     /*  border-collapse: separate;*/
     /*     font-family: Arial, Helvetica, sans-serif;*/
     font-size: 12px;
}
table.download
{
     width: 100%;
}
.downloadlink:hover
{
     color: #0000ff;
     font-size: 16px;
     font-weight: bold;
     text-align: center;
}
.downloadsize
{
     width: 800px;
}
.downloadcontainer
{
     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'), alpha(opacity=75);
     border: 1px solid #333333;
     color: #D7D7D7;

     font: 14px/100% Arial, Helvetica, sans-serif;
     -webkit-border-radius: .5em;
     -moz-border-radius: .5em;
     border-radius: .5em;
     -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,1);
     -moz-box-shadow: 2px 2px 2px rgba(0,0,0,1);
     box-shadow: 2px 2px 2px rgba(0,0,0,1);

     opacity: 0.75;
     /*     filter: alpha(opacity=75);*/
     padding: 10px 10px 30px 10px;
     margin-top: 0px;
     margin-bottom: 30px;
     margin-right: auto;
     margin-left: auto;
}
.shade1
{
     /*     font-family: Arial, Helvetica, sans-serif;*/
     -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,1);
     -moz-box-shadow: 2px 2px 2px rgba(0,0,0,1);
     box-shadow: 2px 2px 2px rgba(0,0,0,1);

     font-size: 14px;
     background-color: #c4d7e7;
     color: black;
     border: 1px solid black;
     padding: 5px;
     opacity: 0.75;
     filter: alpha(opacity=75);
}
.shade1 a
{
     color: #0000FF;
}
.downloaddivtitle
{
     text-align: center;
     float: left;
     width: 614px;
     margin-bottom: 2px;
     height: 16px
}
.downloaddivdlcount
{
     text-align: center;
     float: right;
     width: 160px;
     margin-bottom: 2px;
/*      padding-bottom: 5px; */
     height: 16px
}
.downloaddivdesc
{
     clear: both;
     margin-bottom: 2px;
}
.downloaddivmisc
{
     text-align: center;
     float: right;
     width: 160px;
     margin-left: 2px;
     margin-bottom: 15px;
}
.downloadlink
{
     color: #000000;
     font-size: 16px;
     font-weight: bold;
     text-align: center;
}
.downloadlink a
{
     color: #000000;
}
.downloaddesc
{
     /*     font-family: Arial, Helvetica, sans-serif;*/
     -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,1);
     -moz-box-shadow: 2px 2px 2px rgba(0,0,0,1);
     box-shadow: 2px 2px 2px rgba(0,0,0,1);

     font-size: 14px;
     background-color: #C4D7E7;
     color: #33414D;
     border: 1px solid black;
     padding: 5px;
}
.downloaddesc a
{
     color: #4444FF;
}

.indent1
{
     position: relative;
     left: 25px;
}

.downloadtitles
{
     font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
     padding: 10px 10px 20px 10px;
     font-size: 26px;
     font-weight: bold;
     text-align: center;
}
.downloadsub
{
     /*     margin: 20px;*/
}

.tablist
{
     white-space: nowrap;
     margin: auto;
     padding-left: 0;
     margin-left: 0;

}
.tablist li
{
     float: left;
     list-style: none outside none;
     padding: -3px;
     margin: 1px;
     z-index: 5;
}

.tablist li ul
{
     opacity: 0.85;
     filter: alpha(opacity=85);
     position: absolute;
     display: none;  /* */
     padding-left: 0;
     margin-left: -1px;
     z-index: 6;
}
.tablist li:hover > ul
{
     display: block;
}
.tablist li ul li
{
     margin-bottom: -1px;
     clear: left;
     z-index: 7;
}
#tab_bar:after {
     clear: both;
     content: ".";
     display: block;
     height: 0;
     line-height: 0;
     visibility: hidden;
}
.shadow3d
{
     color: white;
     text-shadow: 
          0 1px 0 #CCCCCC,
          0 6px 1px rgba(0, 0, 0, 0.1),
          0 0 5px rgba(0, 0, 0, 0.1),
          0 1px 3px rgba(0, 0, 0, 0.3),
          0 3px 5px rgba(0, 0, 0, 0.2),
          0 5px 10px rgba(0, 0, 0, 0.25),
          0 10px 10px rgba(0, 0, 0, 0.2),
          0 20px 20px rgba(0, 0, 0, 0.15);
}

.button {
     display: inline-block;
     outline: none;
     cursor: pointer;
     text-align: center;
     text-decoration: none;
     font: 14px/100% Arial, Helvetica, sans-serif;
     padding: .5em 0em .55em;
     text-shadow: 0px 0px 3px rgba(255,255,255,0.8);
     /*     -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);
     margin: auto;
     width: 114px;
}
.button:hover
{
     text-decoration: none;
}
.button:active
{
     position: relative;
     top: 1px;
}

.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');
}
.gray
{
     color: #aaa;
     border: solid 1px #333;
     background: #222;
     background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#000));
     background: -moz-linear-gradient(top,  #555,  #000);
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#000000');
}
.gray:hover
{
     background: #000;
     background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
     background: -moz-linear-gradient(top,  #333,  #000);
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');
}
.gray:active
{
     color: #555;
     background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
     background: -moz-linear-gradient(top,  #000,  #333);
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

.faqquestion1
{
     font-weight: bold;
     text-shadow: 1px 1px 3px white;
}
.faqquestion2
{
     text-decoration: none;
     text-shadow: 1px 1px 3px black;
}
.faqquestion2:hover
{
     color: blue;
}
.shade2
{
     -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,1);
     -moz-box-shadow: 2px 2px 2px rgba(0,0,0,1);
     box-shadow: 2px 2px 2px rgba(0,0,0,1);

     font-size: 14px;
     background-color: #c4d7e7;
     color: black;
     border: 1px solid black;
     padding: 5px;
     opacity: 0.75;
     filter: alpha(opacity=75);
}
.faq1
{
     font-size: 14px;
     background-color: #c4d7e7;

     padding: 6px;
     opacity: 0.75;
     filter: alpha(opacity=75);
}
.faq1:hover
{
     -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,1);
     -moz-box-shadow: 2px 2px 2px rgba(0,0,0,1);
     box-shadow: 2px 2px 2px rgba(0,0,0,1);

     font-size: 14px;
     background-color: #c4d7e7;

     border: 1px solid black;
     padding: 5px;
     opacity: 0.75;
     filter: alpha(opacity=75);
}
.faq1 a
{
     color: black;
}
.pagewidth
{
     width: 830px;
     margin-left: auto;
     margin-right: auto;
}

.innerpagewidth
{
     width: 802px;
     margin-left: auto;
     margin-right: auto;
}

#headerback
{
     /*  background: #4682B4 url(act_data/headerback.png) repeat-x;*/
     width: 830px;
     height: 80px;
     margin-top: 10px;
     margin-bottom: 10px;
     margin-left: auto;
     margin-right: auto;
}
#tab_bar
{
     width: 830px;
     margin-left: auto;
     margin-right: auto;
     padding-left: 2px;
     z-index: 4;
}
#contentbox
{
     margin-bottom: 30px;
     margin-left: 30px;
     margin-right: 30px;
     margin-top: 10px;
     z-index: 1;
}


#footer
{
     /*     background: #4682B4 url(act_data/headerback2b.png) repeat;*/
     opacity: 0.75;
     filter: alpha(opacity=75);
}

#about_corner1
{
     z-index: -1;
     position: absolute;
     left: 50px;
     top: 200px;
}

#about_corner2
{
     z-index: -1;
     position: absolute;
     left: 560px;
     top: 440px;
}
#about_pic
{
     z-index: -1;
     position: relative;
     left: 750px;
     top: 0px;
}

#about_content
{
     position: absolute;
     left: 100px;
     top: 250px;
     z-index: 2;
     width: 600px;
     text-align: justify;
}

#download_pic
{
     z-index: 1;
     position: absolute;
     position: fixed;
     left: 900px;
     top: 200px;
}
#prog_days
{
     font-size: 11px;
     z-index: 1;
}
#features ul
{
     font-size: 13px;
     font-weight: bold;
}
#features ul ul
{
     font-size: 10px;
     font-weight: normal;
}

#twitterbox
{
     z-index: 1;
     width: 220px;
     height: 738px;
     overflow: auto;
}
#validate
{
     margin: auto;
     white-space: nowrap;
     width: 620px;
     opacity: 0.75;
}
ul.twitbox
{
     list-style: none;
     margin: 0;
     padding: 0;
}
ul.twitbox li
{
     border-bottom:1px dashed #D2DADA;
     padding: 10px;
     font-size: 10px;
     font-family: 'Lucida Grande',sans-serif;
}
ul.twitbox li.mytwitHead
{
     padding-bottom: 20px;
}
ul.twitbox li.mytwitHead a
{
     font-size: 22px;
     font-weight: bold;
}
ul.twitbox li.mytwitHead img
{
     float: left;
     padding-right: 10px;
     margin-top: -10px;
}
ul.twitbox li a
{
     color: #5cf;
     text-decoration: none;
}
ul.twitbox li a:hover
{
     text-decoration: underline;
}
ul.twitbox span.twhen
{
     color: #ffffff;
     font-family: georgia;
     font-size: 10px;
     font-style: italic;
     padding-top: 5px;
}

#faq_pic
{
     z-index: 1;
     position: absolute;
     left: 600px;
     top: 165px;
}

#imgDisplay {
     visibility: visible;
     position: fixed;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     z-index: 5;
}
#imgDisplayBackdrop {
     background-color: black;
     position: absolute;
     left: 0px;
     top: 0px;
     filter: alpha(opacity=70);
     -moz-opacity: 0.70;
     opacity: 0.70;
     width: 100%;
     height: 100%;
}
#imgDisplayImageContainer {
     background-color: transparent;
     position: absolute;
     z-index: 6;
}
#imgDisplayLeft {
     position: absolute;
     left: 0px;
     top: 0px;
     z-index: 7;
     cursor: pointer;
}
#imgDisplayImage {
}
#imgDisplayRight {
     position: absolute;
     left: 0px;
     top: 0px;
     z-index: 7;
     cursor: pointer;
}
.imgTooltip {
     position: absolute;
     top: 0px;
     left: 0px;
     visibility: hidden;
     background-color: black;
     border-color: white;
     color: white;
     font-size: 11px;
     font-weight: bold;
     border-style: solid;
     border-width: thin;
     position: absolute;
     filter: alpha(opacity=75);
     -moz-opacity: 0.75;
     opacity: 0.75;
     z-index: 7;
     max-width: 200px;
     padding: 4px;
}
#imgDisplayTitle {
     background-color: black;
     border-color: white;
     color: white;
     font-size: 13px;
     font-weight: bold;
     border-style: solid;
     border-width: thin;
     position: absolute;
     filter: alpha(opacity=80);
     -moz-opacity: 0.80;
     opacity: 0.80;
     z-index: 7;
     max-width: 600px;
     padding: 4px;
}
#imgDisplayDesc {
     background-color: black;
     border-color: white;
     color: white;
     font-size: 12px;
     font-weight: bold;
     border-style: solid;
     border-width: thin;
     position: absolute;
     filter: alpha(opacity=80);
     -moz-opacity: 0.80;
     opacity: 0.80;
     z-index: 7;
     max-width: 600px;
     padding: 4px;
}
.imgRowSlide {
     cursor: pointer;
     border: 1px white solid;
     margin: 1px;
     padding: 1px;
}
#screenshotcontainer
{
     margin: auto;
     width: 850px;
     text-align: center;
}

div#regexbuddyregex h1
{
     font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
     padding: 10px 10px 20px 10px;
     font-size: 26px;
     font-weight: bold;
     text-align: center;

     color: white;
     text-shadow: 
          0 1px 0 #CCCCCC,
          0 6px 1px rgba(0, 0, 0, 0.1),
          0 0 5px rgba(0, 0, 0, 0.1),
          0 1px 3px rgba(0, 0, 0, 0.3),
          0 3px 5px rgba(0, 0, 0, 0.2),
          0 5px 10px rgba(0, 0, 0, 0.25),
          0 10px 10px rgba(0, 0, 0, 0.2),
          0 20px 20px rgba(0, 0, 0, 0.15);
     padding-bottom: 20px;
     padding-top: 0;

}
div#regexbuddyregex tt
{
     box-shadow: 2px 2px 2px rgba(0,0,0,1);

     font-size: 14px;
     background-color: #c4d7e7;
     color: black;
     border: 1px solid black;
     padding: 5px;
     word-wrap: break-word;
     line-height: 30px;
}
div#regexbuddytree
{
     margin-top: 20px;
     box-shadow: 2px 2px 2px rgba(0,0,0,1);

     font-size: 12px;
     font-weight: bold;
     background-color: #c4d7e7;
     color: black;
     border: 1px solid black;
     padding: 5px;

}
div#regexbuddytree a
{
     color: #0000AA;
     text-decoration: none;
}
#xmlsnippet
{
     font-family: monospace;
}
#plugincode
{
     font-size: 10px;
     overflow: auto;
}
#plugincode a
{
     text-decoration: none;
}
#faqquestion
{
     font-size: 17px;
}
#faqanswer
{
     width: 790px;
     margin-top: 4px;
     float: right;
}
#otherbrowersbad
{
     color: #ffaaaa;
     font-size: 8px;
     position: relative;
     padding-bottom: 10px; 
     width: 260px; 
     line-height: 9px;
     text-align: center; 
     float: left;
     margin-left: 15px;
}

.downloadnew {
    background-color: yellow;
    border-radius: 50px 50px 50px 50px;
    font-size: 10px;
    margin: 10px;
    padding: 3px;
}