/* Jewish Yellow Admin */

@import 'reset.css';
@import 'text.css';
@import 'themes/smoothness/jquery-ui-1.7.2.custom.css';

body { color: #333; padding: 0 0 40px; }
a { color: #333; text-decoration: underline; }
a:visited { color: #666666; text-decoration: none; }
fieldset { border: 1px solid #ddd; padding: 20px; }
/*label { font-weight: bold }*/
/*legend { padding: 5px; font-size: 1.1em; font-weight: bold; }*/
/*input, select, textarea { border: 1px solid #bbb; padding: .4em .4em; }*/
button { cursor:pointer; outline: 0; padding: .4em 1em; position: relative; text-decoration:none !important; text-align: center; zoom: 1; }

/* login page */
#login_form { margin: 0 auto; width: 300px; padding: 20px; background: #fff; border: 1px solid #ddd; margin-top: 50px; height: 190px; }
#login_form h1 { font-size: 1.5em; margin: 0 0 10px 0; text-align: center;   }
#login_form form input { width: 288px; font-size: 1.3em; }
#login_form form label { display: block; }
#login_form form button { margin: 15px 0 0 0; }

/* wrapper */
div#wrapper { margin: 0 auto; width: 90%; }

/* header */
div#header { background: #eee; padding: 10px 0; width: 100%; }
div#header div#header_wrapper { margin: 0 auto; width: 90%; }
div#header h1 { font-size: 1.3em; margin: 0; }

/* navigation */
div#navigation { border-top: 1px solid #eee; margin: 0; padding: 0; }
div#navigation ul { margin: 0; padding: 0; }
div#navigation ul li { list-style: none; margin: 0 0 0 1px; float: right; }
div#navigation ul li a { background: #eee; border-bottom: 1px solid #ddd; color: #333; display: block; font-size: .9em; font-weight: bold; padding: 3px 8px; }
div#navigation ul li a:hover { background: #fff; }

/* search form */
div#search_form { margin: 10px 0; }
div#search_form input { }

/* search results */
div#search_results table { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: .85em; margin: 20px 0; width: 100%; }
div#search_results table tr th { background: #eee; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 5px 10px; text-align: left; }
div#search_results table tr { border-left: 1px solid #ddd; }
div#search_results table tr:hover { background: #eee; }
div#search_results table tr td { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 5px 10px; }

/* misc */
.add_number { padding: .1em .2em; font-size: .8em;  }
.pagination { text-align: right; }
.clear { clear: both; }

/* this shit needs to be redone */
form#form form p.note{margin-left:170px; font-size:90%; color:#333}
form#form form fieldset{border:#DDD 1px solid; margin:10px 0; padding:10px}
form#form legend{font-weight:700; color:#666}
form#form form fieldset div{padding:.25em 0}
form#form label, div#client_form span.label{margin-right:10px; padding-right:10px; width:150px; display:block; float:left; text-align:right; position:relative; font-weight:bold}
form#form label.error, span.error{color:#C00}
form#form label em,  span.label em{position:absolute; right:0; font-size:120%; font-style:normal; color:#C00}
form#form input.error{background-color:#FEF; border-color:#C00}
form#form input:focus, input.error:focus, textarea:focus{background-color:#FFC; border-color:#FC6}
form#form div.controlset label, div.controlset input{display:inline; float:none}
form#form div.controlset div{margin-left:170px}
form#form .select { height: 150px; width: 300px; }
form#form div.errors p,  form p{margin:0}
form#form div { margin: 0 0 10px; }

.search_suggestions { z-index: 1000; position: absolute; margin: 5px 0 0; width: 300px; padding: 0; background: #fff; color: #333; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.search_suggestions_list { margin: 0; padding: 0; position: relative; top: 0; border: 1px solid #ddd; }
ul.search_suggestions_list { font-size: 11px; padding: 0; margin: 0; }
ul.search_suggestions_list li { list-style:none; margin: 0; padding: 1px 6px; border-bottom:1px dotted #ddd; cursor: pointer; }
ul.search_suggestions_list li:hover { background: #ddd; }

 .ui-state-error { padding: 10px; margin: 30px 0 0; }
 .ui-state-error p { margin: 0;; }


/* Styles for Manage Clients */
.link {
 cursor: pointer;
}

tr.active {
 background: lightgreen;
}

tr.under_review {
 background: lightyellow;
}

tr.deleted {
 background: lightcoral;
}

a {
 cursor: pointer;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.loading_animation {
 display:    none;
 position:   fixed;
 z-index:    1000;
 top:        0;
 left:       0;
 height:     100%;
 width:      100%;
 background: rgba( 255, 255, 255, .8 )
 url('https://api.jwiz.com/graphics/assets/loading.gif')
 50% 50%
 no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .loading_animation {
 overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .loading_animation {
 display: block;
}

.logout_icon {
 width: 20px;
 height: 20px;
 margin: 0 0 -5px 5px;
}

img.add_something {
    cursor: pointer;
    height: 30px;
    width: 30px;
    margin-left: 20px;
    margin-bottom: -5px;
}

img.page_pic {
 height: 75px;
 width: 75px;
}

.page_pic_container {
 text-align: center;
}

.hidden {
 display: none;
}


/*To Top Button*/
#toTop {
 display:none;
 text-decoration:none;
 position:fixed;
 bottom:10px;
 right:10px;
 overflow:hidden;
 width:50px;
 height:50px;
 border:none;
 text-indent:100%;
 background:url('../images/ui.totop.png') no-repeat left top;
 z-index: 5000;
}

#toTop:hover {
 background-color: #555; /* Add a dark-grey background on hover */
}