﻿/*--------------------------------------------------------------
1 Logon
----------------------------------------------------------------*/
body.logon {
    max-width:27.143em;
    min-width:380px;
    margin: 0 auto;
}

body.logon header { background-color:transparent; }
body.logon #logo {
    top:175px;
}
body.logon form>div {
    background:none #f8f9f6;
    box-shadow:0 1px 0 #fff inset,0 0 50px #c9ccc6 inset;
    padding-top:106px;
}
body.logon h1 { background:none; }
body.logon fieldset {
    background-position:0 bottom;   
    margin:0 29px;
    padding-bottom:14px;
}
body.logon input[type=text],
body.logon input[type=password] {
    color:#a7a6a6;
    font-size:128.6%;
    font-weight:normal;
    padding:.6em .6em .65em;
}
body.logon #button {
    background:none;
    margin:0 29px;
    padding:4px 0 23px;
}
body.logon #button {
    text-align:right;
    position:relative;
}
body.logon #button a {
    color:#2d8dd7;
    position:absolute;
    left:0;
    top:35px;
}
/*--------------------------------------------------------------
2 Setup
----------------------------------------------------------------*/
body.setup {
 	max-width:35.286em;
	min-width:500px;
    margin: 0 auto;
}
#logo {
    position:absolute;
    left:50%;
    margin-left:-84px;
    top:208px;
    z-index:100;
}
/*--------------------------------------------------------------
3 Start
----------------------------------------------------------------*/
body.start {
    margin: 0 auto;
 	max-width:35.286em;
	min-width:500px;
	position:static;
}
body.start h1 { background-position:19.5em 16px; }
body.start form>div { padding-top:10px; }
body.start fieldset { background:none; }
body.start form { position:relative; }
body.start form label {
    color:#3c474e;
    margin-bottom:7px;
}
body.start #button {
    margin-top:1.4em;
}
/*--------------------------------------------------------------
4 Dashboard
----------------------------------------------------------------*/
body.dashboard h1 { background:none; }
/*--------------------------------------------------------------
5 New
----------------------------------------------------------------*/
body.new form>div {
    background:none #f8f9f6;
    box-shadow:0 1px 0 #fff inset,0 0 50px #c9ccc6 inset;
    padding:0;
}
body.new fieldset {
    background:none;
    margin:0;
    padding-top:52px;
}
body.new span.button {
    background:-moz-linear-gradient(top, #d3d2d1 0%, #afafaf 100%);
    background:-webkit-linear-gradient(top, #d3d2d1 0%,#afafaf 100%);
    border-radius:5px;
    box-shadow:0 1px 0 #cfd4cf;
    display:inline-block;
    margin-top:1.1em;
    overflow:hidden;
    padding:1px;
    position:absolute;
    right:23px;
    margin-top:35px;
    z-index:100;    
}
body.new span.button button {
	background:-moz-linear-gradient(top, #fff 0%, #e2e6da 100%);
	background:-webkit-linear-gradient(top, #fff 0%,#e2e6da 100%);	
	color:#6d6e6d;
	border:0;
	border-radius:4px;
	font-weight:bold;
	padding:5px 12px;
	display:inline-block;
	position:relative;
	text-decoration:none;
	text-shadow:1px 1px 0 rgba(255,255,255,1);    
	width:auto;
}
body.new span.button button:hover {
	background:-moz-linear-gradient(top, #fafafa 0%, #d8dbd0 100%);
	background:-webkit-linear-gradient(top, #fafafa 0%,#d8dbd0 100%);	    
}
body.new span.button button:active {
	background:-moz-linear-gradient(top, #e2e6da 0%, #fff 100%);
	background:-webkit-linear-gradient(top, #e2e6da 0%,#fff 100%);
	box-shadow:0 1px 1px rgba(0,0,0,0.2) inset;
}
/*--------------------------------------------------------------
6 Pages
----------------------------------------------------------------*/


.ui-sortable-placeholder { height:61px; }

/*
   .ui-sortable-placeholder {
      position: absolute;
      margin: 3px 0 0 -2px;
      width: 953px;
      height: 2px;
      z-index: 4;
      visibility:visible !important;  
      background-color: #2261f0;
      box-shadow: 0 1px 2px rgba(0,0,0,0.3);
      -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
      -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
      -o-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
      border: none;
  }

 .ui-sortable-placeholder:before {
      vertical-align: bottom;
      position: relative;
      top: -7px;
      left: -3px;
      content: url("data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOCAYAAAGOZtYDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjczRjJGQkQ2RDNEMTFFMEI2MDRDNzFDNjY2QjI1REUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjczRjJGQkU2RDNEMTFFMEI2MDRDNzFDNjY2QjI1REUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyNzNGMkZCQjZEM0QxMUUwQjYwNEM3MUM2NjZCMjVERSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNzNGMkZCQzZEM0QxMUUwQjYwNEM3MUM2NjZCMjVERSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po6Xaz0AAAHZSURBVHjaYmAAAubYzwzMQJqRkV+1AiCAQALsDLzZb/4DBBAjSEi3+fu/aze+PWSAAnEgZgIIILAmEAbpZGBUCNbRa/39HyjAywSSuvPoM8P///8/g9hcQMwH5DAABBBYN6NGhrLHiv//mWM+vALZA9IP0sLI8OM159XznxikpBlFRfO//gCK/YfoUIrUBKr6z6hTFAnkioKMAgggsFuBmA3qjH9gZ4DMY0/88l+j7ed/Jved1iCHgsxm+ffvPwPr338MsmaOR5gMG9RAWrlZ4z9/kZD4B9b27iMrAwuIAXLmhy+/Gb59ZP3zdwmXNBNYDCj47dWnC3+X8GsD+Z9A2kGqBaCu+MSgGPETIMAYocHDwmQ1Q4RROfo5mPf3x+7/b04X/dvldQvI+wN0JthCmGIuoOfkWe1mXdPXYmNgYmNjeAe0+96N7x/+vzzk9W+37zmgml8sUA2MDP9+MYMd+Pk3kPsbbIKSEpvARym3Yx9kvjD8/fMf4gsYQCiGgN+//zB8/sjw6//N2dZ/T5WcQVUMhJ++/Wb494cFaBHTr//3V9f8O5q6GSj1gYGhBO5mdlB8ArEQNG7/AvFncCgwMHwFuRcYXv9gihmhiQUWYf+hGv7BohcUuACbWblftXWMnwAAAABJRU5ErkJggg==");
  }
*/

/*--------------------------------------------------------------
6 Manage users
----------------------------------------------------------------*/
body.users div#users {
    background: rgba(109, 60, 35, 0.3);
    box-shadow: 0 1px 0 rgba(255,255,255,0.3);
    border-radius:5px;
    border: 1px solid #845735;
    border-spacing: 0 30px;
    margin-top:12px;
	padding:10px;
	position:relative;
}

body.users h1 { background:none; }
body.users table {
    border-collapse:collapse;
    width:100%;
}
body.users table caption {
    background:-moz-linear-gradient(top, #f1f2ef 0%, #e5e7e1 100%);
    background:-webkit-linear-gradient(top, #f1f2ef 0%,#e5e7e1 100%);
    border-radius:5px 5px 0 0;
    box-shadow:0 1px 0 rgba(215,218,208,1),0 1px 0 rgba(255, 255, 255, .7) inset;
    color:#6c6d6b;
    font-weight:bold;
    line-height:51px;
    text-align:center;
    text-shadow:0 1px 0 rgba(255,255,255,1);
    position:relative;
}
body.users table tr {
    border-radius:0 0 5px 5px;
    color:#b4b6b0;
    text-shadow:0 1px 0 rgba(255,255,255,1);
    box-shadow:0 2px 2px rgba(0,0,0,0.3);
}
body.users thead span {
    font-size:71.4%;
    font-weight:bold;
    text-transform:uppercase;
}
body.users table th span { margin-top:0; }
body.users table th:first-child span {
    border-radius:0 0 0 5px;
}
body.users table th:last-child span {
    border-radius:0 0 5px 0;
}
body.users table th {
    text-align:left;
    margin:0;
}
body.users table td:first-child { width:10px; }
body.users table td:first-child span {
    border-radius:5px 0 0 5px;
}
body.users table td:last-child span {
    border-radius:0 5px 5px 0;
}
body.users table td {
    color:#525c62;
  	font-size:85.7%;
}
body.users table td.name {
    color:#323e45;
    font-size:100%;
    font-weight:bold;
}
body.users table td.name span {
    padding:0 10px;
    line-height:54px;
    white-space: nowrap;
}
body.users td span,
body.users th span {
    background:-moz-linear-gradient(top, #ffffff 0%, #f2f4f0 100%);
    background:-webkit-linear-gradient(top, #ffffff 0%,#f2f4f0 100%);    
    border-left:solid 1px #e6e8e2;
    border-right:solid 1px #fff;
    display:block;
    margin-top:7px;
    padding:19px 10px 17px;
}

body.users th span {
    padding:8px 10px 8px;
}
body.users td span span a {
	background:-moz-linear-gradient(top, #fff 0%, #e2e6da 100%);
	background:-webkit-linear-gradient(top, #fff 0%,#e2e6da 100%);	
    border-left: 1px solid #E6E8E2;
    border-right: 1px solid #FFFFFF;	
	display:block;
	float:left;
	height:23px;
}
body.users td span span a:first-child {
    border-left:0;
    border-radius: 20px 0 0 20px;
}
body.users span.adduser  {
    position:absolute;
    right:20px;
    top:4px;
}
body.users span.add {
    position: absolute;
    right: 20px;
    top: 4px;
}
body.users span.button {
    background: -moz-linear-gradient(center top , #D3D2D1 0%, #AFAFAF 100%) repeat scroll 0 0 transparent;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 0 #CFD4CF;
    display: inline-block;
    margin-top: 1.1em;
    overflow: hidden;
    padding: 1px;
    z-index: 100;
}
body.users span.button a:link,
body.users span.button a:visited {
    background: -moz-linear-gradient(center top , #FFFFFF 0%, #E2E6DA 100%) repeat scroll 0 0 transparent;
    border: 0 none;
    border-radius: 4px 4px 4px 4px;
    color: #6D6E6D;
    display: inline-block;
    font-weight: bold;
    padding: 5px 7px 0;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #FFFFFF;
    width: auto;
}
body.users span.button a:hover {
	background:-moz-linear-gradient(top, #fafafa 0%, #d8dbd0 100%);
	background:-webkit-linear-gradient(top, #fafafa 0%,#d8dbd0 100%);	    
}
body.users span.button a:focus,
body.users span.button a:active {
	background:-moz-linear-gradient(top, #e2e6da 0%, #fff 100%);
	background:-webkit-linear-gradient(top, #e2e6da 0%,#fff 100%);
	box-shadow:0 1px 1px rgba(0,0,0,0.2) inset;
}
/*--------------------------------------------------------------
6 Register user
----------------------------------------------------------------*/
body.register h1 {
    background-position:16.5em 16px;
}
body.register {
 	max-width:35.286em;
	min-width:500px;    
}
body.register form > div { padding:0; }
body.register nav { right:-237px; }