/* nferno Administration CSS Document */

html, body {
    background:#ffffff url(admin_header_background.png) top repeat-x;
    color:#000000;
    font-family:'Helvetica Neue', Helvetica, Arial;
    font-size:12px;
    margin:0;
    outline:0;
    padding:0;
    width:100%;
    height:100%;
}

h1 { font-size:24px; margin:0; padding:11px 0 8px 0; text-shadow:#C68600 0px -1px 1px;}
h2 {}
h3 {}
h4 {}

p{}
/*
fieldset { margin-bottom:10px; margin-top:10px; padding:10px; }
legend {color:#333; font-style:italic; }
*/
fieldset { padding: 16px; border-top: 1px #DEDEDE solid;}
fieldset legend {text-transform:uppercase; font-weight: bold; padding: 4px 16px 4px 16px; background: #f1f1f1;}

/* fix ie problem with menu */
.ie-lte7 .topbar .container {z-index: 2; }

td.w2p_fw {padding-bottom: 1em;}
td.w2p_fl, td.w2p_fw, td.w2p_fc { vertical-align:top; }
td.w2p_fl { text-align:right; }
td.w2p_fl,  td.w2p_fw {padding-right: 7px;}
td.w2p_fl, td.w2p_fc { padding-top: 4px; }

/* tr#submit_record__row {border-top: 1px solid #E5E5E5;} */
#submit_record__row td {padding-top: .5em;}

/* Fix */
#auth_user_remember__row label {display: inline;}
#web2py_user_form td { vertical-align:top; }


.head_button {
    background:#FFC488;
    border-radius:10px;
    -moz-border-radius:10px;
    border:#C68600 1px solid;
    color:#666;
    cursor:pointer;
    margin-bottom:5px;
    vertical-align:middle;  
}
.head_button:hover{ background:white; color:#333;}

.actions { color:#333; font-size:11px; height:20px;}

label { color:#999; font-style:italic;  }

.wrap { margin:0 auto; width:90%; min-height:100%;  }

.header { width:100%; } 

.user_panel { color:#F90; float:right; padding-top:10px; position:relative; text-align:right;}
.user_panel img { float:right; padding:0 5px 0 5px; width:50px; height:50px;}
.user_panel a { color:white; }
.sublink { font-size:10px; }

.selected {
background:#008aff; }
}
.logo { float:left; padding-top:8px; position:absolute;}
.menu { position:absolute; top:83px;}
.topnav { display:inline; list-style:none; margin-top:0px; padding:0; }
.topnav li {
    background:#333;
    border-top-right-radius:5px;
    border-top-left-radius:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    display:inline;
    float:left;
    position:relative;
    margin-right:3px;
    padding:8px 10px 8px 11px;
}
.topnav li a{ color:white;
    color: #fff;
    text-decoration: none;
    float:left;
 }
.topnav li:hover { background:#666;  }
.topnav li span { /*--Drop down trigger styles--*/
    background:url('arrow.png') no-repeat -10px -100px;
    float: left;
    height:10px;
    margin:2px 3px;
    width: 10px;
    position:relative;
}
.topnav li .subhover { cursor: pointer;} /*--Hover effect for trigger--*/

.topnav li .subnav {
    background: #333;
    display: none;
    float: left;
    left: 0px;
    list-style: none;
    margin-top: -3px !important;
    padding:0;
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    top: 30px;
    width: 170px;
    z-index:100;
}
.topnav li .subnav li{
    border-top-right-radius:0;
    border-top-left-radius:0;
    -moz-border-radius-topright:0px;
    -moz-border-radius-topleft:0px;
    clear: both;
    margin: 0;
    padding:5px;
    width: 170px;
    z-index:101;
}
html .topnav li .subnav li a {
    float: left;
    width: 145px;
    color:white;
}
html .topnav li .subnav li a:hover { /*--Hover effect for subnav links--*/
    color:white;
}

.arrow { 
    position:absolute;
    display:block;
    right:.75em;
    top:1.05em; /* IE6 only */
    width:10px;
    height:10px;
    text-indent:-999em;
    overflow:hidden;
    background:url('arrow.png') no-repeat -10px -100px;
}
a>.arrow { /* give all except IE6 the correct values */
    top:.8em;
    background-position:0 -100px; /* use translucent arrow for modern browsers*/
}

.menu a { text-decoration:none;}

.page { width:100%; float:left; margin-top:50px; z-index:1px; overflow:auto; padding-bottom:59px; }
.page_head { position:relative; height:47px; margin:8px 0 15px 0; }


.content { float:left; position:relative; width:95%; }
.controlbar { float:right; position:relative; width:25%; margin-top:75px; text-align:left; }

/*Posts Section*/
.post_block { width:100%; float:left; position:relative; }
.main_post_content { float:left; width:100%;}
.post_side td { padding:5px;}
.datepicker { width:90px; margin-right:3px; }

.post_title { height:30px; font-size:24px; width:700px; color:#666;font-style:italic;}
.post_title:focus { color:black; border:#F90 solid 1px inside; font-style:normal; }
.reg_input { width:700px; height:20px; font-size:14px; color:#666; font-style:italic;}
.reg_input:focus {color:black; font-style:normal; border:#F90 solid 1px inside; }

.stats { color:black;} 

.bulk_actions { margin-bottom:5px; float:left; }
/*Tables*/
.listed_table { width:100%; border-top-right-radius:5px; border-top-left-radius:5px; background:#CCC; cursor:pointer; float:left; color:black; border:#333 solid 1px;  cursor:pointer; float:left; color:black; -moz-border-radius-topleft:5px;}

.list_head {
    text-shadow:#333 0px -1px 1px;
    font-weight:bold;
    color:white;
    background:url('list_head2.png') bottom repeat-x; 
    border-top-right-radius:5px;
    border-top-left-radius:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    text-align:left;
}
.list_head th { padding:5px;}
.alt { background:#C5C5C5; }
.list_head:hover { }

table tr td { padding:5px; }

.hover {background:#FFE1C4;}
/*.visible{ display:none; }*/

.check { width:30px;}
.titles { font-weight:bold; width:300px; }
.titles a { color:#333; }
.titles a:hover { color:#BB5E00; }
.tags { width:200px; }
.com_bubble { text-align:center; padding-right:5px;}
.flags {text-align:center;}

.comment_count { 
    padding:2px 6px 3px 6px;
    border-radius:15px; 
    background:#333; 
    color:#F90; 
    font-weight:bold; 
    cursor:pointer; 
    font-size:10px;
 }
.comment_count:hover { background:#F90; color:#333; }

.message {
    background:#1B1B1B;
    float:left;
    position:absolute;
    width:100%;
    left:0;
}

.actions img { padding-top:3px; }
.high { height:60px; }
/*Categories*/
.expanded { width:100%; float:left; }
.cat_lists { width:95%; border-top-right-radius:5px; border-top-left-radius:5px; background:#CCC; border:#333 solid 1px;  cursor:pointer; float:left; color:black; -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px; }
.cat_lists .field { padding:10px 0 10px 0; }
.cent_column { text-align:center;}
.rite_column { text-align:right; padding-right:20px; }

/*Appearance and Templates Styles*/
.selected_tpl {width:100%; float:left; color:black; } 
.selected_tpl .current { float:left; padding:10px; border:#FF8000 solid 1px; width:100%; }
.cur_temp {float:left; width:45%; padding-right:10px;}
.available_tpls {width:100%; float:left;}
.selected_tpl h2, .available_tpls h2{ font-style:italic; color:black; }
.selected_tpl img{ float:left; padding-right:15px; width:150px; height:150px; }

.available_tpls .tpls { float:left; padding:10px; margin-right:5px; border:#999 solid 1px; text-align:center; color:black; }
.available_tpls .tpls img { width:150px; height:150px; padding:10px 0 10px 0;}
.available_tpls .tpls:hover {background:#CCC;}
.theme_files { font-style:italic; color:#666; }


/*Footer*/
.footer { 
    margin-top:-59px;
    padding:10px 0 10px 0; 
    color:#666; 
    height:38px; 
    width:100%; 
    background:#CCC; 
    border-top:#B1B1B1 solid 1px; 
    clear:both;
}
/*Opera Fix*/
body:before {
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;/
}
.footer_logo {float:left; width:77px; padding-left:15px;}
.thanks  {padding:10px; margin-top:6px; float:left; font-style:italic;}

/*Login Page & Form*/
.login_logo {  margin:100px auto 0; width:340px; }
.login_form  { border:#FFB34A 1px solid; width:250px; padding:15px; margin:0 auto; }


/*
*Grid
*
* The default style for SQLFORM.grid even using jquery-iu or another ui framework
* will look better with the declarations below
* if needed to remove base.css consider keeping these following lines in some css file.
*/
.web2py_table { border: 1px solid #ccc; }
.web2py_paginator { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.web2py_grid a { text-decoration:none;}
.web2py_grid table { width: 100% }
.web2py_grid td { white-space:normal; }
.web2py_grid tbody td {
    padding: 2px 5px 2px 5px;
    line-height: 13.5px;
    vertical-align: middle;
}
.web2py_grid input:focus,
.web2py_grid textarea:focus,
.web2py_grid select:focus {
        border: 1px solid #ffffff;
        -webkit-box-shadow: 0px 0px 6px #007eff;
        -moz-box-shadow: 0px 0px 5px #007eff;
        box-shadow: 0px 0px 5px #007eff;
    }

.web2py_grid thead th {
    background-color:#EAEAEA;
    padding: 10px 5px 10px 5px;
    line-height: 13.5px;
    vertical-align: middle;
    font-weight: bold;
    border-bottom: 1px solid #DDD;
    border-right: 1px solid #DDD;
}
.web2py_grid tr.odd {background-color: #F9F9F9;}
.web2py_grid tr:hover {background-color: #F5F5F5; }

/*
.web2py_breadcrumbs a {
    line-height: 20px; margin-right: 5px; display: inline-block;
    padding: 3px 5px 3px 5px;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    color: #3C3C3D;
    text-shadow: 1px 1px 0 #FFFFFF;
    white-space: nowrap; overflow: visible; cursor: pointer;
    background:#ECECEC;
    text-decoration: none; border: 1px solid #CACACA;
    -webkit-border-radius: 2px; -moz-border-radius: 2px;
    -webkit-background-clip: padding-box; border-radius: 2px;
    outline: none; position: relative; zoom: 1; *display: inline;
}
*/

.web2py_console {
    min-height: 60px;
    text-align: left;
}


.web2py_search_actions{
    width:40%;
    float:left;
    text-align:left;

}
.web2py_grid .row_buttons {
    min-height:25px;
    vertical-align: middle;
}
.web2py_grid .row_buttons a {
    margin: 3px;
}

.web2py_grid .row_buttons a,
.web2py_paginator ul li a,
.web2py_search_actions a,
.web2py_console input[type=submit],
.web2py_console input[type=button],
.web2py_console button {
    line-height: 20px;
    margin-right: 5px; display: inline-block;
    padding: 3px 5px 3px 5px;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 1em;
    color: #3C3C3D;
    text-shadow: 1px 1px 0 #FFFFFF;
    background:#ECECEC;
    white-space: nowrap; overflow: visible;
    cursor: pointer; text-decoration: none;
    border: 1px solid #CACACA;
    -webkit-border-radius: 2px; -moz-border-radius: 2px;
    -webkit-background-clip: padding-box; border-radius: 2px;
    outline: none; position: relative; zoom: 1; *display: inline;
}

.web2py_grid .row_buttons a:hover,
.web2py_search_actions a:hover,
.web2py_console input[type=submit]:hover,
.web2py_console input[type=button]:hover,
.web2py_paginator ul li a:hover {
color: #222;
                background: #ddd; /* Old browsers */
                background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
                background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,\
0,.3))); /* Chrome,Safari4+ */
                background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
                background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
                background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
                background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
          border: 1px solid #888;
          border-top: 1px solid #aaa;
          border-left: 1px solid #aaa;
/*
    color: #FFFFFF; border-color: #388AD4; text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    background-position: 0 -40px; background-color: #2D7DC5;
*/
}

.web2py_counter {
    margin-top: 5px;
    margin-right:5px;
    width:35%;
    float:right;
    text-align:right;
}

/*Fix firefox problem*/
.web2py_table {clear: both; display: block;}

.web2py_paginator {
    padding: 5px;
    color: #333;
    text-align:right;
    background-color: #f2f2f2; padding: 5px; border-bottom: 1px solid #DDD;

}
.web2py_paginator ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.web2py_paginator ul li {
    display: inline;
}
.web2py_paginator .current {
    font-weight: bold;
}
#w2p_query_trigger {
        margin-left: 0;
}
#w2p_query_panel {
        // float:left;
    background:#e0e0e0;
        border:1px solid #CFCFCF;
    // bottom:3px;
        // left:187px;
        // margin-top: 30px;
        min-width:550px;
    min-height:16px;
        padding: 3px 3px;
    border-radius:2px;
}
.ie9 #query_panel {padding-bottom:2px;}