/* ************************************************************************** */
/* * ADMIN ****************************************************************** */
/* ************************************************************************** */

html {
    height: 100%;
}

body {
    background-attachment: fixed;
}

#content {
    position:absolute;
    top:0px;
    bottom:0px;
    left:200px;
    right:0px;
	overflow:auto;
}

/* ========================================================================== */
/* = SCROLLBARS ============================================================= */
/* ========================================================================== */


::-webkit-scrollbar { width: 10px; height: 10px;}

::-webkit-scrollbar-thumb {
    border-radius: 2px;
}

@-moz-document url-prefix(http://),url-prefix(https://) {
    scrollbar {
       -moz-appearance: none !important;
    }
    thumb,scrollbarbutton {
       -moz-appearance: none !important;
    }
    thumb:hover,scrollbarbutton:hover {
       -moz-appearance: none !important;
    }
    scrollbar[orient="vertical"] {
      min-width: 10px !important;
      max-width: 10px !important;
      width: 10px !important;
    }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~ NAVIGATION MENU ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#nav_bar_wrapper {
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    width:200px;
    margin:0px;
	padding:0px;
    border-style:solid;
    border-width:2px;
    border-top-style:none;
    border-left-style:none;
    border-right-style:none;
    outline: none;
    overflow:auto;
    overflow-y:auto;
    overflow-x:hidden;
}

#nav_bar {
    width:100%;
    min-height:100%;
    margin:0px;
	padding:0px;
}

#nav_bar ul {
    list-style-type: none;
    padding: 7px 0px 7px 0px;
    margin: 0px;
}

#nav_bar ul li {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    padding:0px 0px 0px 14px;
    border-style: solid;
    border-width: 1px;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

#nav_bar ul li:last-child {
    border-bottom: solid 1px;
}
#nav_bar ul li:hover {
    padding-left:20px;
}

#nav_bar ul ul ul {
    display:none;
}

#nav_bar ul ul li:hover ul {
    display:block;
}

#nav_bar a,
#nav_bar a:visited,
#nav_bar a:hover {
    padding:7px 0px 7px 0px;
    display:inline-block;
    text-decoration: none;
    font-size:1.2em;
    width:100%;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~ OTHERS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

span, input, select, textarea, button, label, a {
    display: inline;
}

.btn {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

.web2py_paginator ul {
    list-style-type: none;
    padding:0px;
    margin: 0px;
    width:100%;
    border-style: solid;
    border-width: 1px;
    border-left: none;
    border-right: none;
    background:#eeeeee;
}

.web2py_paginator ul li{
    list-style-type: none;
    display:inline-block;
    margin: 0px;
    padding:7px;
    border-style: solid;
    border-width: 1px;
    border-left: none;
    border-top: none;
    border-bottom: none;
}

.web2py_paginator ul li a{
    margin: 0px;
    padding:7px;
}

.web2py_paginator ul li.current{
    background:#aaaaaa;
}