html{font-size:100.01%;}
body{
    background:#2e7db8;
    margin:0;
    font:100% "Inconsolata", "Courier New", monospace;
    min-width:1002px;
}
a{
    color:#146ba8;
    text-decoration:underline;
}
a:hover{
    color:#146ba8;
    text-decoration:underline;
}
img{
    border:0;
    padding-left: 3px;
}
form,fieldset{
    padding:0;
    margin:0;
    border:0;
}
button-right{border:0;}
form,fieldset{
    padding:0;
    margin:0;
    border:0;
}
/*wrapper*/
#wrapper {
    background:#e9e9e9;
    width:100%;
}
/*header*/
.header-holder{
    background:url(../images/bg-header-holder.gif) repeat-x;
    width:100%;
    font-size: 12pt;
}
#header {
    height:135px;
    position: relative;
    width:971px;
    margin:0 auto;
}
.nav-top{
    width:100%;
    overflow:hidden;
    padding:10px 0 0;
    height:27px;
}
.nav-top ul{
    margin:0 -5px 0 0;
    padding:0;
    list-style:none;
}
.nav-top ul.left{
    float:left;
    margin-left: 37px;
}
.nav-top ul.right{
    float:right;
    margin-right: 30px;
}
.nav-top ul li{
    background:url(../images/separator.gif) no-repeat 0 2px;
    padding:0 6px 0 8px;
    float:left;
    font:1em "Inconsolata", "Courier New", monospace;
    color:#3c88c1;
}
.nav-top ul li a{color:#3c88c1;}
.nav-top ul li a:hover{color:#3c88c1;}
.nav-top ul li:first-child{
    padding-left:0;
    background:none;
}
.nav-tabs {
    position: absolute;
    right: 26px;
    bottom: 31px;
}
.nav-tabs ul {
    list-style: none;
}
.nav-tabs ul li {
    float: left;
}
.nav-tabs ul li a {
    font:1em Helvetica, Arial, sans-serif;
    line-height: 30px;
    margin-right: 10px;
    border: 1px solid #1f4460;
    color: #eee;
    text-shadow: #222 0px -1px 1px;
    text-decoration: none;
    font-weight: bold;
    display: block;
    width: 120px;
    text-align: center;

    -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
    background-color: #ccc;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(77,77,77,0.4)), to(rgba(0,0,0,0.4)));
    background: -moz-linear-gradient(top, rgba(77,77,77,0.4), rgba(0,0,0,0.4));
}
.nav-tabs ul li a.selected {
    background-color: #e9e9e9;
    color: #222;
    text-shadow: #ddd 0px 1px 1px;
}
/*logo*/
.logo {
    padding-left: 20px;
    padding-top: 7px;
    letter-spacing: 1px;
    line-height: 32pt;
    font-family: 'Droid Sans Mono', monospace;
    text-shadow: #222 0px -1px 1px;
    font-size: 32pt;
    font-weight: bold;
}
.logo a {
    text-decoration: none;
    color: #eeeeee;
}
#main{
    padding:25px 0 24px;
    width:971px;
    margin:0 auto;
}
.block{
    overflow:hidden;
    margin:0 0 14px;
    width:100%;
}
.block-area{
    overflow:hidden;
    background:#fff;
    padding:11px 0;
    border:1px solid #146ba8;
    border-width:0 1px;
    width:969px;
}
.block-holder{background:url(../images/bg-block-holder.gif) no-repeat;}
.block-frame{
    background:url(../images/bg-block-frame.gif) no-repeat 0 100%;
    width:971px;
    overflow:hidden;
    padding:11px 0;
}
/*content*/
.box-image{
    width:379px;
    overflow:hidden;
    float:right;
    margin:0 0 0 30px;
}
* html .box-image{margin:0 42px 0 0;}
.box-image img{display:block;}
.box-inform{
    overflow:hidden;
    height:1%;
    font-size:0.88em;
    padding:0px 0 0 3px;
}
.box-inform p{
    line-height:1.4em;
    margin:0 0 7px;
}
.box-inform p strong{font-size:1.143em;}
.box-inform ul{
    margin:0;
    padding:0 0 5px 0px;
    list-style:none;
}
.box-inform ul li{
    padding:0 0 3px 9px;
    background:url(../images/bullet.gif) no-repeat 0 0.5em;
}
#analyze-btn {
    display:block;
    width:153px;
    height:41px;
    text-indent:-9999px;
    background:url(../images/image-btn.gif) no-repeat;
}
.intro{
    padding:5px 2px;
    width:265px;
    height:77px;
    border:1px solid #d7d7d7;
    border-width:1px 0;
}
.intro-c{
    background:#dde6ef;
    height:68px;
    width:252px;
    padding:8px 0 0 15px;
}
.box-img{
    float:left;
    width:35px;
    height:36px;
}
.box-img img{display:block;}
.txt{
    float:right;
    width:192px;
    padding:6px 14px 0 0;
    display:inline;
    font-size:0.8em;
    color:#505050;
}
.txt p{margin:0;}
.txt ul{
    margin:0;
    padding:0;
    list-style:none;
}
.txt ul li{
    background:url(../images/bullet2.gif) no-repeat 0 5px;
    padding:0 0 0 7px;
}
.box-area{
    width:990px;
    overflow:hidden;
}
/*footer*/
.footer-wrapper{
    width:100%;
    background:#2e7db8;
}
#footer {
    height:38px;
    width:971px;
    margin:0 auto;
    text-align:center;
    padding:24px 0 23px;
}
#footer p{
    margin:0;
    font-size:1em;
    color:#fff;
}
#footer p a{color:#fff;}
#footer p a:hover{color:#fff;}
/*inner*/
#content{
    overflow:hidden;
    background:#fff;
    padding:2px 30px 0 36px;
    height:1%;
}
#upload .form {
}
#upload .form td {
    padding: 5px 2px 5px 10px;
    color: black;
}
#upload .form th {
    padding: 5px 2px;
}
#upload table {
    margin: 0px 20px;
}

h1 {
    font-family: 'Inconsolata', Helvetica, Arial, sans-serif;
    color: #333;
    margin:0 0 20px;
    font-size: 26pt;
}

h2
{
    font-family: 'Inconsolata', Helvetica, Arial, sans-serif;
    font-size: 18pt;
}

h2.understated
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12pt;
    font-weight: normal;
}

.box-form{
    padding:0 0 57px 18px;
    height:1%;
    overflow:hidden;
}
.form-search{
    overflow:hidden;
    width:100%;
}
.row{
    height:1%;
    overflow:hidden;
    padding:0 0 17px;
}
.form-search label,
.row strong{
    float:left;
    font-size:1.6em;
    font-weight:bold;
    width:110px;
}
.row strong{
    width:auto;
    margin:0 0 0 35px;
    display:inline;
}
.form-search input{
    float:left;
    padding:0;
    font:1.4em Arial, Helvetica, sans-serif;
}
.form-search .text{
    width:339px;
    height:16px;
    border:0;
    background:none;
}
.form-search span{
    background:url(../images/bg-input.gif) no-repeat;
    width:339px;
    height:16px;
    padding:3px 5px;
    float:left;
}
.form-search .btn-file{
    height:23px;
    width:426px;
}
.form-search #r1,
.form-search #r2{
    margin:2px 0 0;
    width:16px;
    height:16px;
}
.box-radio{
    float:left;
    width:700px;
    margin:0 0 0 24px;
    display:inline;
}
.form-search .box-radio label{
    width:auto;
    font-size:1.5em;
    color:#000;
    font-weight:normal;
    margin:0 10px 5px 0;
}
.item{
    width:100%;
    overflow:hidden;
}
.item p{
    margin:0 0 0 17px;
    font-size:1.5em;
    color:#000;
}
.btn-upload{
    width:109px;
    height:31px;
    margin:5px 0 0 0;
}
.box-intro{
    width:100%;
    overflow:hidden;
    padding:0 0 17px;
}
.box-intro h2{
    font-size:1.6em;
    margin:0 0 16px 18px;
}
.box-intro ul{
    margin:0;
    padding:0 0 0 37px;
    list-style:none;
}
.box-intro ul li{
    background:url(../images/bullet3.gif) no-repeat 0 0.6em;
    padding:0 0 0 10px;
    font-size:1.6em;
    color:#000;
}
.box-intro ul li a{text-decoration:underline;}
.box-intro ul li a:hover{text-decoration:none;}
.err, .req { color: red; }
.form th { text-align: right }
#sharelink { color: black; border: 1px solid black; padding: 4px; }
#activesession {
    margin: 20px 0px;
}
.em-section {
    padding: 1px 10px 10px 10px;
    border: 2px solid #aaa;
    margin: 20px 0 0 0;
    padding: 0;
    -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
}
.em-section h2 {
    padding: 10px 0 8px 10px;
    margin: -2px;
    color: #222;
    background-color: #ddd;
    text-shadow: #fff 0px 1px 1px;
    border-bottom: 2px solid #777777;
    -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
    background: #555;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(77,77,77,0.4)), to(rgba(0,0,0,0.4)));
    background: -moz-linear-gradient(top, rgba(77,77,77,0.4), rgba(0,0,0,0.4));
}
.em-section .em-content {
    margin: 10px;
    padding-bottom: 4px;
}

.description {
    color: black;
}
#tos {
    margin: 5px 0 20px 0;
    padding: 10px;
    height: 150px;
    width: 500px;
    border: 1px solid black;
    color: black;
    overflow-x: auto;
    overflow-y: scroll;
}
#tos h1 {
    margin: 0;
    padding: 0;
    font-size: 1.3em;
}
#tos h2 {
    margin: 0;
    padding: 0;
    font-size: 1em;
}
ul.errorlist {
    margin: 0;
    padding: 0;
    float: right;
}
.errorlist li {
    color: red;
    font-size: 0.8em;
    margin: 0;
    padding: 4px;
}
.pagination {
    margin-top: 20px;
}
table.feedback {
    margin: 10px 0;
}
.feedback th {
    vertical-align: top;
    text-align: right;
}
table.auth th {
    text-align: right;
}
dl.faq dt {
    background: url(../images/expand.png) no-repeat left center;
    margin: 10px 0 10px 0;
    padding-left: 20px;
    cursor: pointer;
    color: #146BA8;
}
dl.faq dt.expanded {
    background: url(../images/collapse.png) no-repeat left center;
}
dl.faq dd {
    margin-left: 20px;
}
h3.faq {
    font-size: 12pt;
}
ul.toplevel {
    padding-left: 0;
}

/* Courtesy of http://technology.posterous.com/make-css3-buttons-that-are-extremely-fancy */
a.btn, button.btn {
  background: #555;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.4)), to(rgba(77,77,77,0.4)));
  background: -moz-linear-gradient(top, rgba(0,0,0,0.4), rgba(77,77,77,0.4));
  float: left;
  padding: 4px;
  text-decoration: none;
  outline: 0;
  border-width: 1px;
  border-style: solid;
  width: auto;
  overflow: visible;
  border-color: transparent transparent #666 transparent;
  border-color: transparent transparent rgba(202,202,202,0.27) transparent;
  -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
  -webkit-background-clip: padding-box;
}

a.btn span, button.btn span {
  display: block;
  float: left;
  letter-spacing: -1px;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #444 #111 #444;
  border-color: rgba(255,255,255,0.7) rgba(0,0,0,0.5) rgba(0,0,0,0.7) rgba(0,0,0,0.5);
  font: bold 21px/1em Arial;
  color: white;
  padding: 0.48em 2em;
  cursor: pointer;
  text-shadow: rgba(0,0,0,0.45) 0 -1px 0;
  -webkit-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; box-shadow: rgba(0,0,0,0.75) 0px 0px 3px;
  -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.6)), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.5, rgba(255,255,255,0.01)), to(transparent));
  background: transparent -moz-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.01) 50%, transparent);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#80FFFFFF', EndColorstr='#00FFFFFF');
  -webkit-background-clip: padding-box;
}

a.btn:hover span, button.btn:hover span {
  border-top-color: rgba(255,255,255,0.65);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(220,220,220,0.6)), color-stop(0.5, rgba(100,100,100,0.2)), color-stop(0.5, rgba(0,0,0,0.21)), to(rgba(0, 0, 0, 0.20)));
  background: -moz-linear-gradient(top, rgba(220,220,220,0.6), rgba(100,100,100,0.2) 50%, rgba(0,0,0,0.21) 50%, rgba(0, 0, 0, 0.20));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#99dcdcdc', EndColorStr='#33000000');
  -webkit-background-clip: padding-box;
}

a.btn:active span, button.btn:active span {
  border-top-color: rgba(255,255,255,0.2);
  border-left-color: rgba(0,0,0,0.4);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(150,150,150,0.6)), color-stop(0.5, rgba(60,60,60,0.6)), color-stop(0.5, rgba(40,40,40,0.6)), to(rgba(20, 20, 20, 0.5)));
  background: -moz-linear-gradient(top, rgba(150,150,150,0.6), rgba(60,60,60,0.6) 50%, rgba(40,40,40,0.6) 50%, rgba(20, 20, 20, 0.5));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#80969696', EndColorStr='#59000000');
  -webkit-box-shadow: inset 0 0 18px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px; -moz-box-shadow: inset 0 0 18px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px; box-shadow: inset 0 0 18px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px; 
  -webkit-background-clip: padding-box;
}

a.btn span:active, button.btn span:active {
  border-top-color: rgba(255,255,255,0.2);
  border-left-color: rgba(0,0,0,0.4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#80969696', EndColorStr='#59000000');
  -webkit-background-clip: padding-box;
}

.blockUI h1 {
    color: white;
    margin: 20px 0;
}

table.capture-listing {
    width: 100%;
    margin: 20px 0;
    border-collapse: collapse;
}

table.capture-listing th {
    text-align: left;
    border-bottom: 1px solid black;
}

td.capture-info {
    padding-top: 5px;
}

td.capture-description {
    padding-left: 20px;
}
