body {
    background-color: #fff;
    font-family: Arial;
    font-size: 80%;
    margin: 0;
}
a {
    color: #428bca;
    font-weight: bold;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
.right {
    float: right;
}
.clear {
    clear: both;
}
#header {
    background-color: #eaeaea;
    margin: 0 auto 20px auto;
    width: 960px;
}
#header ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#header ul li {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#header ul li a {
    border-right: solid 1px #fff;
    color: #000;
    display: inline-block;
    font-weight: bold;
    line-height: 48px;
    padding: 0 18px;
    text-decoration: none;
}
#header ul li.right a {
    margin-left: 20px;
}
#header ul li.on a, #header ul li a:hover {
    background-color: #428bca;
    color: #fff;
}

#main {
    display: none;
    margin: 0 auto;
    width: 960px;
}

/*  messages    */
#messages
{
    position: fixed;
    top: 0;
    z-index: 999999;
    width: 100%;
}
#messages div
{
    color: #fff;
    display: none;
    line-height: 48px;
    text-align: center;
}
#messages .message.notification
{
    background-color: #3cae85;
}
#messages .message.warning
{
    background-color: #cc3838;
}

.record-message {
    border: solid 1px #ccc;
    border-radius: 5px;
    padding: 10px;
}
.record-message .text {
    font-weight: bold;
    margin: 0 0 10px 0;
}
.record-message.warning .text {
    color: #cc3838;
}

/*  login page */

#login {
    width: 430px;
    height: 385px;
    margin: 0 auto;
    background: #ffffff;
    overflow: hidden;
    border-radius: 5px;
}
#logo {
    text-align: center;
}
#login .login-panels {
-webkit-transition: all 500ms cubic-bezier(1.000, 0, 0.345, 1); /* older webkit */
-webkit-transition: all 500ms cubic-bezier(1.000, -0.340, 0.345, 1.345); 
   -moz-transition: all 500ms cubic-bezier(1.000, -0.340, 0.345, 1.345); 
     -o-transition: all 500ms cubic-bezier(1.000, -0.340, 0.345, 1.345); 
        transition: all 500ms cubic-bezier(1.000, -0.340, 0.345, 1.345); /* custom */

-webkit-transition-timing-function: cubic-bezier(1.000, 0, 0.345, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(1.000, -0.340, 0.345, 1.345); 
   -moz-transition-timing-function: cubic-bezier(1.000, -0.340, 0.345, 1.345); 
     -o-transition-timing-function: cubic-bezier(1.000, -0.340, 0.345, 1.345); 
        transition-timing-function: cubic-bezier(1.000, -0.340, 0.345, 1.345); /* custom */
}
#login.load-forgotten-password .login-panels {
    margin-top: -400px;
}
.login {
    padding: 30px 30px 10px 30px;
}
#login p {
    font-size: 14px;
    color: #676767;
    text-align: left;
}
#login .details{
    font-weight: bold;
    margin: 9px 0;
}
#login .forgot, #login .back {
    text-align: center;
    clear: both;
    font-style: italic;
    color: #000;
    margin-top: 20px;
}
#login .forgot a, #login .back a {
    color: #000;
}
.login .remember {
    float: left;
    padding: 0 0 30px 0px;
    color: #676767;
    font-size: 14px;
}
#login input[type=text], #login input[type=email], #login input[type=password] {
    width: 338px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    outline: none;
    padding: 0 15px;
    height: 40px;
    margin-bottom: 20px;
}
#login input[type=checkbox] {
    border: 1px solid #cccccc;
    background-color: #fff;
}
#login .btn {  
  background-color: #f2f2f2;  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#edecec));  
  background: -webkit-linear-gradient(top, #fafafa, #edecec);
  background: -moz-linear-gradient(top, #fafafa, #edecec);
  background: -ms-linear-gradient(top, #fafafa, #edecec);  
  background: -o-linear-gradient(top, #fafafa, #edecec);
  border-radius: 5px;
  text-align: center;
  clear: both;
  border: 1px solid #cccccc;
}
#login .btn:hover  {  
  background-color: #f2f2f2;  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#e0dfdf));  
  background: -webkit-linear-gradient(top, #fafafa, #e0dfdf);
  background: -moz-linear-gradient(top, #fafafa, #e0dfdf);
  background: -ms-linear-gradient(top, #fafafa, #e0dfdf);  
  background: -o-linear-gradient(top, #fafafa, #e0dfdf);
  border-radius: 5px;
  text-align: center;
  clear: both;
  border: 1px solid #cccccc;
}
#login .btn a {
    font-size: 26px;
    color: #46719b;
    text-transform: uppercase;
    display: block;
    padding: 11px;
    font-family: GillSans, 'Lato', sans-serif;
    font-weight: 400;
}
.reset {
        padding: 30px 30px 10px 30px;
}
#login .password {
    text-align: center;
    margin-bottom: 60px;
}
#login .logo {
    text-align: center;
}

/*  forms and inputs */
.controls {
    margin: 0 0 10px 0;
}
.textbox {
    border: solid 1px #ccc;
    padding: 5px;
}
.button {
    background-color: #1C4598;
    border-top: solid 1px #3563BF;
    border-left: solid 1px #3563BF;
    border-right: solid 1px #1C4598;
    border-bottom: solid 1px #1C4598;
    color: #fff;
    display: inline-block;
    padding: 10px;
    text-decoration: none;
    text-transform: uppercase;
}
.button:hover {
    background-color: #3563BF;
}
#tabstrip {
    clear: both;
}
.edit-panel {
    float: left;
    margin: 0 40px 0 0;
}
.edit {
    margin: 10px 0;
}
.label {
    padding: 0 20px 0 0;
}
.comment_row {
    height:100%;
}
.comment_row textarea {
    height:245px;
    padding:5px;
}
.comment_row .label {
    padding: 15px 20px 0 0;
    vertical-align: top;
}

input.small {
    width: 80px;
}
.comment_row td {
    padding-top:15px;
}
.k-tabstrip > .k-content {
    padding-top: 10px;
}
div.k-window {
    top:69px !important;
}

.bin-icon {
    width: 13px;
    height: 13px;
}