/*
 * Heading      : #96BC1D
 * Background   : #F2F2F2
 * Borders      : #262626
 * FONT1        : #404040
 * FONT2        : #737373
 * FONT3        : #C0C0C0
 *
 */

html {
    background: url("/images/light_grey.jpg") repeat scroll left top #ffffff;
    /* background-color:#f2f2f2; */
    color:#737373;
    font-family:Helvetica,Arial,san-serif;
    font-size:13px;
}

a { 
    display:inline; 
    color:#0395CC; 
    text-decoration: none;
}

a:hover { 
    color:#7FCDFE; 
}

#holder {
    margin:0 auto;
    width:800px;
}

#header {
    height: 70px;
}

#main-contents {
    background: url("/images/bg-gradient.png") repeat-x scroll left top #e9e8e9;
    /** 
     * background-color:#ffffff; 
     * background-color: rgba(255,255,255,0.5); 
     **/
    background-color: rgb(236,236,236);
    border:1px solid #737373;
    padding:20px;
    margin: 2px 0 0 0;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
}

#portscan-scanoptions, #portscan-generaloptions {
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
}

#main-contents h1 {
    color: #96BC1D;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 5px;
}

#main-contents h3 {
    color: #737373;
    font-size: 25px;
}

#main-contents h3 p {
    margin-left: 10px;
    margin-top: 0px;
    vertical-align: bottom;
}

#main-contents h2 {
    font-weight: bold;
    font-size: 25px;
    color: #7CB7E3;
    margin-top: 10px;
}

#main-contents h2 p{
    font-size: 16px;
    font-weight: normal;
    text-align: justify;
    color: #737373;
}

#main-contents li {
    list-style-image: url(/images/bullet_blue.png);
    margin-left: 20px;
    list-style-type: square;
}

.small a{
    font-size: 10px;
    margin-left: 10px;
}

.left {
    float:left;
}

.right {
    float: right;
}

.small-head {
    padding: 0 10px;
    font-size: 11px;
    font-weight: bold;
    color: #737373;
}

.small-desc {
    padding: 0 50px 0 10px;
    font-size: 11px;
    color: #737373;
}

.small-last {
    padding: 0 0 0 10px;
    font-size: 11px;
    color: #737373;
}

.small-delimeter {
    font-size: 11px;
    color: #c0c0c0;
    font-weight: bold;
}

.faq-small-head {
    padding: 10px 0px;
    font-size: 12px;
    font-weight: bold;
    color: #c0c0c0;
}

.faq-small-head p {
    padding: 0px 20px;
}

#map {
    margin: 0 auto;
}

.input-box {
    border: 1px solid #737373;
    color: #737373;
    font-size: 16px;
    padding: 2px;
    margin-right: 5px;
}

.input-button {
    border: 1px solid #737373;
    color: #737373;
    font-size: 16px;
    margin-right: 5px;
    padding: 1px;
    cursor:pointer;
}

.input-area {
    margin-top: 10px;
    margin-bottom: 10px;
}

.input-box-port {
    border: 1px solid #737373;
    color: #737373;
    font-size: 16px;
    padding: 2px;
    margin-right: 5px;
}

.status-info {
    font-size: 14px;
    color: #f08080;
}

#ip-container {
    height: 70px;
}

.error-msg {
    background-image: url("/images/error.png"); 
    background-repeat: no-repeat; 
    background-position: top; 
    background-color: #FACCCC;
    font-size: 16px;
    color: #f08080;
    padding: 8px;
}

#ping-table {
    width: 760px;
}

#ping-head {
    background: #737373;
    clear: both;
    color: #ffffff;
    height: 25px;
}

#pinghead-packet {
    float: left;
    line-height: 25px;
    width: 100px;
    margin-left: 15px;
}

#pinghead-ip {
    float: left;
    line-height: 25px;
    width: 350px;
}

#pinghead-ms {
    float: left;
    line-height: 25px;
    width: 80px;
}

#pinghead-lost {
    float: left;
    line-height: 25px;
    width: 100px;
}

#pinghead-ttl {
    float: left;
    line-height: 25px;
    width: 100px;
}

.rowping-packet {
    margin-left: 15px;
    line-height: 20px;
    width: 100px;
    float: left;
}

.rowping-ip {
    width: 350px;
    line-height: 20px;
    float: left;
}

.rowping-ms {
    width: 80px;
    line-height: 20px;
    float: left;
}

.rowping-lost {
    width: 100px;
    line-height: 20px;
    float: left;
}

.rowping-ttl {
    width: 100px;
    line-height: 20px;
    float: left;
}

#portscan-advance {
    width: 760px;
    margin: 0 auto;
}

#portscan-advance label {
    font-weight: normal;
    margin: 0;
    padding: 0;
}


#portscan-scanoptions {
    border: 1px solid #737373;
    height: 70px;
}

#portscan-label {
    font-size: 14px;
    font-weight: bold;
    margin: 10px;
}

#portscan-scanoption {
    margin: 0 10px;
    float: left;
}

#portscan-generaloptions {
    border: 1px solid #737373;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 120px;
}

.portscan-type {
    float: left;
    margin: 10px 5px 0 0;
}


.portscan-warning {
    background-image: url(/images/alert-bg.png);


    background-repeat: repeat-x; 
    background-position: top; 
    background-color: #F3F8AE; 
    border: 1px solid #D0DC43; 
    color: #85664E; 
    padding: 5px; 
    -moz-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    -webkit-border-radius: 5px;
    width: 700px;
    font-size: 12px;
    line-height: 16px;
    margin: 0 auto 20px auto;
}

.portscan-warning span { 
    background-image: url(/images/alert-ico.png); 
    background-repeat: no-repeat; 
    background-position: 5px center; 
    display:inline-block; 
    padding-right: 10px; 
    padding-left: 30px; 
    font-weight: bold; 
}

.portscan-type input {
    margin-right: 5px;
}

label {
    font-weight: bold;
    margin: 2px;
}

.pass {
    color: #96BC1D;
}

.fail {
    color: #F08080;
}

.unknown {
    color: #CCCC78;
}

#portscan-advance input {
    margin-right: 5px;
}

#tos-contents {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: justify;
}

#tos-contents li {
    list-style-position: inside;
    list-style-image: url(/images/bullet_blue.png);
    list-style-type: square;
    margin: 20px;
}

#tos-acceptance {
    color: #C0C0C0;
}

#top-ads {
    margin: 10px auto 0 auto;
    text-align: center;
}

#bottom-ads {
    margin: 10px auto 0 auto;
    text-align: center;
}

#footer {
    text-align: center;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 10px;
}

#footer a:visited, #footer a:hover {
    color: #737373;
    text-decoration: underline;
}

#cookies_info table, #cookies_info td, #cookies_info tr, #cookies_info th {
    margin: 0 auto;
    padding: 5px;
    border: 2px;
    font-size: 10px;
}

#cookies_info h2 {
    font-size: 12px;
    font-weight: bold;
}