﻿body {
font-size: 12px;
font-family: Arial;
}

.fl {
float: left;
}

.fr {
float: right;
}

.cb {
clear: both;
}

.dn {
display: none;
}

.title {
font-size: 16px;
}

.title2 {
font-size: 14px;
}

.title3 {
font-weight: bold;
}
.title4 {
color: #C0BBBB;
font-size: 20px;
border-bottom: 1px solid #C0BBBB;
width: 100%;
}
.text {
font-size: 16px;
color: #C0BBBB;
}
.button {
height: 50px;
font-size: 14px;
font-family: Arial;
color: #F4F4F4;
font-weight: bold;
background-color: #0E3CF2;
}
.b {
font-weight: bold;
}
.i {
font-style: oblique;
}

.ml10 {
margin-left: 10px;
}

.ml20 {
margin-left: 20px;
}

.ml30 {
margin-left: 30px;
}

.mr10 {
margin-right: 10px;
}

.mt5 {
margin-top: 5px;
}

.mt10 {
margin-top: 10px;
}

.mt20 {
margin-top: 20px;
}

.mb10 {
margin-bottom: 10px;
}

.m10 {
margin: 10px 10px 10px 10px;
}

.m0 {
margin: 0 auto;
}

.pl10 {
padding-left: 10px;
}

.pr10 {
padding-right: 10px;
}

.pt10 {
padding-top: 10px;
}

.pt20 {
padding-top: 20px;
}

.pb10 {
padding-bottom: 10px;
}

.p10 {
padding: 10px 10px 10px 10px;
}

.wt1 {
width: 650px;
}

.wt2 {
width: 220px;
}

.w3 {
width: 300px;
}

.w4 {
width: 400px;
}

.w5 {
width: 650px;
}

.w6 {
width: 750px;
}

.wt6 {
width: 470px;
}

.wt7 {
width: 150px;
}


.w100p {
width: 100%;
}

.w50p {
width: 48%;
}

.w30p {
width: 29%;
}

.w25p {
width: 24%;
}


.w70p {
width: 69%;
}

.rounded {
border-radius: 5px;
}

.h1p {
height: 1%;
overflow: hidden;
}

.medium {
width: 200px;
}

.large {
width: 250px;
}

.xl-medium {width: 100px;}
.xx-medium {
width: 70px;
}
.xxx-medium {
width: 55px;
}
.small {
width: 40px;
}

.x-large {
width: 350px;
}

.x-xxlarge {
width: 400px;
}

.y-medium {
height: 100px;
}

.y-xxlarge {
height: 350px;
}

.xxlarge {
width: 550px;
height: 180px;
}

label {
width: 220px;
}

.k-grid-uploadphoto, .k-grid-uploadphoto:hover,  .k-grid-uploadphoto:focus {
min-width: 0px !important;
border-color: transparent;
background-color: transparent;
background-image:url('/Contents/Images/icon_camera.png');
background-repeat: no-repeat;
width: 16px;
height: 16px;
cursor: pointer;
}

.valid {
color: green;
}

.invalid {
color: red;
}

span.k-tooltip {
margin-top: 5px;
}

.lw {
width: 120px;
}

.lh {
height: 80px;
}

.ac {
text-align:center;
}

.ucase {
text-transform: uppercase;
}

.LightCoral label {
background-color:#F08080;
color:#000000;
display:inline-block;
width:200px;
}

.Blue label {
background-color:#3399FF;
color:#000000;
display:inline-block;
width:200px;
}

.LemonChiffon label {
background-color:#FFFACD;
color:#000000;
display:inline-block;
width:200px;
}

.SpringGreen label {
background-color:#00FF7F;
color:#000000;
display:inline-block;
width:200px;
}

.Fuchsia label {
background-color:#FF00FF;
color:#000000;
display:inline-block;
width:200px;
}

.green {
color: green;
}

.red {
color: red;
}

.hidebyposition {
position: absolute;
top: -2000px;
}

a.morelink {
text-decoration:none;
outline: none;
}
.morecontent span {
display: none;
}
.comment {
}

.console div
{
background-image: url("sprite.png");
background-repeat: no-repeat;
background-color: transparent;
}
* html .console div
{
background-image: url("sprite_ie6.png");
}
.console
{
background-color: #FFF;
border: 1px solid #CCC;
color: #333;
font: 11px Consolas, Monaco, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
width: 99%;
height: 100px;
margin: 1.4em 0 0;
overflow-x: hidden;
overflow-y: scroll;
text-align: left;
}
.console .count
{
background-color: #91AFEF;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
color: #FFFFFF;
font-size: 10px;
margin-left: 5px;
padding: 2px 6px 2px 5px;
}
.console div
{
background-position: 6px -95px;
border-bottom: 1px solid #DDD;
padding: 5px 5px 4px 24px;
}
.console .error
{
background-position: 6px -135px;
}

.k-edit-form-container {
    width: 100%;
}

.k-block {
    background-color: transparent;
}

.btnselected {
    background-color: lightgreen;
}

.voided {
    color: darkgray;
    text-decoration: line-through;
}

.k-grid td.noborder {
    border-style: none;
}

.smalllink {
    cursor: pointer;
    font-size: 10px;
}

.vat {
    vertical-align: top;
}

.tac {
    text-align: center;
}
.tar {
    text-align: right;
}
.btnlarge {
    width: 100px;
    height: 50px;
    padding-top: 15px;
}

.k-item .mpn-k-optgroup {
    font-weight: bold;
}

.k-popup .k-list .k-item.mpn-k-optgrouplistitem.k-state-hover {
    border: none;
    color: #000;
    border-radius: 0;
    background: none;
    padding: 1px 5px 1px 5px;
    box-shadow: none;
}

.priority-green {
    background-color: green;
}

.priority-yellow {
    background-color: yellow;
}

.priority-red {
    background-color: red;
}

.k-block > .k-header {
    white-space: pre-wrap;
    height: auto;
}

.target {
    border-color: Pink;
    background-color: Green;
    opacity: 0.6;
}

.sortable {
    font-size: 15px;
    text-align: center;
    color: #08C;
}

.k-grid tbody tr {
    cursor: move;
}

.placeholder {
    outline-style: dashed;
    outline-width: 1px;
    outline-color: red;
}

.cancelled {
    text-decoration: line-through;
    background-color: red;
}