/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 18, 2017, 9:49:49 PM
    Author     : sachin
*/

body{background:#eee; padding:0; margin:0; font-family: arial; font-size:16px}
input{margin-bottom: 5px}

#header{width:100%; padding:5px; box-sizing: border-box; background: #34373c; color:#fff; margin-bottom:10px;}
#header div{max-width:990px; margin:0px auto; font-size:20px;}
#header div a{color:#fff; text-decoration: none}
#header a.nav{color:#fff; margin:5px 1px; text-decoration: none; background: #17718d; padding:5px 10px; display: inline-block; border-radius: 2px; font-size:13px}
#header a.nav:hover{color:#17718d; background: #fff}

#body{margin:0px auto; width:96%; max-width:990px}

.codeLine{clear:both; background: #cdcdcd; line-height:18px}
.lineNumber{float:left; width:30px; background: #666666; color: #fff; padding:0 5px; box-sizing: border-box}
#toolbar{list-style:none; padding:0; margin:0; background: #f7f7f7; width:100%; padding-left:5px; box-sizing: border-box}
#toolbar li{margin-right:1px; font-size: 13px; display: inline-block ; background: #ddd; padding:5px; border:1px solid #cdcdcd}

.button{background: #ddd; border:1px solid #cdcdcd; display: inline-block; border-radius: 3px; font-size: 13px; cursor:pointer; box-shadow: 0px 0px 1px #ddd; overflow: hidden}
.button .count{display: inline-block; padding: 2px 10px; background: #f7f7f7}
.button .text{display: inline-block; padding: 2px 10px; text-decoration: none; color:#000}
.button .text:hover{background:#000; color:#ddd}

.intro{padding:10px; padding-left: 0}