/* Minification failed. Returning unminified contents.
(1145,5): run-time error CSS1035: Expected colon, found '/'
(1153,4): run-time error CSS1035: Expected colon, found '/'
(1177,4): run-time error CSS1035: Expected colon, found '/'
(1192,4): run-time error CSS1035: Expected colon, found '/'
 */
html {
    background-color: #ffffff;
    margin: 0;
    padding: 0;
}

body {
    color: #333333;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    margin: 0;
    padding-left: 0;
    padding-top: 0;
    width: 100%;
}

/*a {
    color: #333;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}

    a:link, a:visited,
    a:active, a:hover {
        color: #333;
    }

    a:hover {
        background-color: #c7d1d6;
    }*/

header, footer, hgroup,
nav, section {
    display: block;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}
a{color:#0088CC}
a:focus, a:hover{
  color:#333333;
  /*opacity:0.7;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter:alpha(opacity=70); */ }

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 1.6em;
    margin:0; padding:8px 0 7px;
}

h2 {
    font-size: 1.4em;
    line-height: 16px; margin: 14px 0px 2px; padding-left: 0px;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }


/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    /*max-width: 960px;*/
}

#body {
    clear: both;
    padding-bottom: 35px;
}

    .main-content {
        padding-left: 14px;
        padding-right: 14px;
        padding-top: 8px;
    }

    .featured + .main-content {
        background: url("../Images/heroAccent.png") no-repeat;
    }

header.mainHeader{background:#0398da url("images/bg-header.png") repeat-x left bottom; min-height: 141px;}
#Menu{background-image: none;}

header .content-wrapper {
    padding-top: 14px;
    background:transparent url("images/bg-contentWrapper.png") repeat-x left 10px;
}

header .content-wrapper .float-left{margin-left:20px;}


/* site title
----------------------------------------------------------*/
.site-title {
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 0;
}

.site-title a, .site-title a:hover, .site-title a:active {
    background: none;
    color: #c8c8c8;
    outline: none;
    text-decoration: none;
}








/* menu
----------------------------------------------------------*/
ul#menu {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

    ul#menu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menu li a {
            background: none;
            color: #999;
            text-decoration: none;
        }

        ul#menu li a:hover {
            color: #333;
            text-decoration: none;
        }


/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
    background-color: #fff;
}

    .featured .content-wrapper {
        background-color: #7ac0da;
        background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        color: #3e5667;
        padding: 20px 40px 30px 40px;
    }

        .featured hgroup.title h1, .featured hgroup.title h2 {
            color: #fff;
        }

        .featured p {
            font-size: 1.1em;
        }

/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

hgroup.title h1, hgroup.title h2 {
    display: inline;
}

hgroup.title h2 {
    font-weight: normal;
    margin-left: 3px;
}

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.zero {
            background: url("../Images/orderedList0.png") no-repeat;
        }

        ol.round li.one {
            background: url("../Images/orderedList1.png") no-repeat;
        }

        ol.round li.two {
            background: url("../Images/orderedList2.png") no-repeat;
        }

        ol.round li.three {
            background: url("../Images/orderedList3.png") no-repeat;
        }

        ol.round li.four {
            background: url("../Images/orderedList4.png") no-repeat;
        }

        ol.round li.five {
            background: url("../Images/orderedList5.png") no-repeat;
        }

        ol.round li.six {
            background: url("../Images/orderedList6.png") no-repeat;
        }

        ol.round li.seven {
            background: url("../Images/orderedList7.png") no-repeat;
        }

        ol.round li.eight {
            background: url("../Images/orderedList8.png") no-repeat;
        }

        ol.round li.nine {
            background: url("../Images/orderedList9.png") no-repeat;
        }

/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("../Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label {
    font-weight: 700;
}

/* login page */
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm input {
        width: 250px;
    }

    #loginForm input[type="checkbox"],
    #loginForm input[type="submit"],
    #loginForm input[type="button"],
    #loginForm button {
        width: auto;
    }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2 {
        margin-bottom:  5px;
    }

#socialLoginList button {
    margin-bottom: 12px;
}

#logoutForm {
    display: inline;
}

/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

label {
    /*display: block;
    font-size: 1.2em;*/
    font-weight: 600;
}

label.checkbox {
    display: inline;
}

input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1em;
    /*margin: 5px 0 6px 0;*/
    padding: 5px;
    width: 300px;
    font-family: Arial;
}

textarea {
    font-family: inherit;
    width: 500px;
}

    input:focus, textarea:focus {
        border: 1px solid #0398DA;
    }

    input[type="checkbox"] {
        background: transparent;
        border: inherit;
        width: auto;
    }

    input[type="submit"],
    input[type="button"],
    button {
        background-color: #d3dce0;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.2em;
        font-weight: 600;
        padding: 7px;
        margin-right: 8px;
        width: auto;
    }

    td input[type="submit"],
    td input[type="button"],
    td button {
        font-size: 1em;
        padding: 4px;
        margin-right: 4px;
    }

    td input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1em;
    /*margin: 5px 0 6px 0;*/
    padding: 5px;
    width: 130px;
    font-family: Arial;
}

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

div#wizardMenuBody .editor-label {
    clear:none!important;
}

.display-label,
.editor-label
{
clear:both;
float:left;
/*width:350px;*/
text-align:right;
/*margin: 1em 1em 0 0;*/
}

.display-field,
.editor-field {
/*margin: 1em 0 0 0;*/
}

/*.editor-label ,.display-label
{
clear:both;
float:left;
width:150px;
text-align:right;
margin: 0em 1em 1em 0;
}
.display-field,
.editor-field {
margin: 0 0 1em 0;
}*/

.option {font-size:2em; padding:1em}

/* tables
----------------------------------------------------------*/
/*table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a {
        display: block;
        position: relative;
    }

    th a:link, th a:visited, th a:active, th a:hover {
        color: #333;
        font-weight: 600;
        text-decoration: none;
        padding: 0;
    }

    th a:hover {
        color: #000;
    }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

    th.asc a:after, th.desc a:after {
        display: block;
        position: absolute;
        right: 0em;
        top: 0;
        font-size: 0.75em;
    }

    th.asc a:after {
        content: '▲';
    }

    th.desc a:after {
        content: '▼';
    }

td {
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}*/


/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {

    /* header
    ----------------------------------------------------------*/
    header .float-left,
    header .float-right {
        /*float: none;*/
    }

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }

    /* login */
    #login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

        #login a:hover {
            color: #333;
        }

    /* menu */
    nav {
        margin-bottom: 5px;
    }

    ul#menu {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        ul#menu li {
            margin: 0;
            padding: 0;
        }


    /* main layout
    ----------------------------------------------------------*/
    .main-content,
    .featured + .main-content {
        background-position: 10px 0;
    }

    .content-wrapper {
        padding-right: 10px;
        /*padding-left: 10px;*/
    }

    .featured .content-wrapper {
        padding: 10px;
    }

    /* page content */
    article, aside {
        float: none;
        width: 100%;
    }

    /* ordered list */
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li {
            padding-left: 10px;
            margin: 25px 0;
        }

            ol.round li.zero,
            ol.round li.one,
            ol.round li.two,
            ol.round li.three,
            ol.round li.four,
            ol.round li.five,
            ol.round li.six,
            ol.round li.seven,
            ol.round li.eight,
            ol.round li.nine {
                background: none;
            }

     /* features */
     section.feature {
        float: none;
        padding: 10px;
        width: auto;
     }

        section.feature img {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: 600;
        }

    /* forms */
    input {
        width: 90%;
    }

    /* login page */
    #loginForm {
        border-right: none;
        float: none;
        width: auto;
    }

        #loginForm .validation-error {
            display: block;
            margin-left: 15px;
        }

    #socialLoginForm {
        margin-left: 0;
        float: none;
        width: auto;
    }


}






/* Kendo skin */
/* main colors */

/*.k-grid-edit {
  color: #ffff00;
}
.k-grid-cancel {
  color: #ffff00;
}
.k-grid-edit {
  color: #ffff00;
}
.k-grid-add {
  color: #ffff00;
}*/

/*.k-edit-form-container {
    width: 400px;

}*/


/* GENERAL
----------------------------------------------------------*/
.centered{text-align: center}
.clear{clear:both}
.centeredContent{margin:0 auto;}
.main-content .small{font-size: 11px; font-style:italic; margin:10px 0 0;}


/* LOGIN
----------------------------------------------------------*/
.login{width:400px;}

#login{margin-right:20px; float:right}
#headerCompanies{float:right; margin:7px 20px 0;}
#headerCompanies2{float:right; margin:13px 20px 0;}

#borderContent .subtitle h2{font-weight: bold; font-size:1.12em; display: block;}
#borderContent{
   background-clip: padding-box;
    border: 1px solid #cccccc;
    border-radius: 6px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    height:auto;
    margin-bottom:5px;
    }

#borderContent div.subtitle {
    background-color: #E4E4E4;
    border: 1px solid #DADADA;
    border-radius: 6px 6px 0 0;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 15px 15px;
    text-shadow: 0 2px 0 rgba(255, 255, 255, 0.5);
    z-index: 0;}

.formContent {clear:both; margin-top:15px; display:block; padding:10px 0;}
.formContent .label{float:left; font-size:1em; width:100px; text-align: right; margin-right:4px; line-height:14px; clear:both; padding-top:13px;}
.formContent .field {float:left;}
.formContent .label.top{padding-top:6px;}

.formContent label{ font-size:1em; }
.formContent .field input {width:190px; margin-top:5px;}
.register .formContent .field input {border-radius:6px; }
#borderContent div.loginButton{
    background-color: #f7f7f7;
    border-top: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
    border-radius: 0px 0px 6px 6px;
    display: block;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    padding: 7px;
    text-shadow: 0 2px 0 rgba(255, 255, 255, 0.5);
    z-index: 0;}
.rememberPass{margin-left:105px; clear:both; padding-bottom:10px;}
.rememberPass label{font-weight: normal}
.rememberPass input{margin-bottom:0;}

.errorContent{clear:both; height:15px; display: block; font-size:11px; text-align:left}
.field .add-on{
  border-radius: 4px 0 0 4px;
  margin-right: -1px;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  display: block;
  height: 20px;
  line-height: 20px;
  min-width: 16px;
  padding: 4px 5px;
  text-align: center;
  text-shadow: 0 1px 0 #FFFFFF;
  width: auto;
  float:left;
  margin-top:5px;
  *margin-top:6px}

[class^="icon-"], [class*=" icon-"] {
    background-image: url("images/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;}
.icon-user{background-position: -168px 0;}
.icon-lock {background-position: -287px -24px;}
.field input{border-radius: 0 4px 4px 0;
    margin-bottom: 0;
    position: relative;
     background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
     height: 20px;
    line-height: 20px;
    padding: 4px 6px;}

.field input[type="text"]:focus, input[type="password"]:focus{
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);}
#borderContent .btn{
-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
   -moz-border-top-colors: none;
   border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);}
.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;}
#borderContent .btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #222222;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

#borderContent .btn-inverse:hover,
#borderContent .btn-inverse:focus,
#borderContent .btn-inverse:active,
#borderContent .btn-inverse.active,
#borderContent .btn-inverse.disabled,
#borderContent .btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}



/* Register
----------------------------------------------------------*/
.register{width:470px;}
.register .formContent{margin-left:60px;}



/* Menu
----------------------------------------------------------*/
nav{clear:both; min-height:62px;}
#Menu{background-color: transparent; border:1px solid transparent}
/*#Menu>.k-state-default .k-link:link, #Menu>.k-state-default .k-link:visited, #Menu .k-state-default .k-link{color: #ffffff}*/
#Menu > .k-item >.k-link{color:#ffffff; text-transform: uppercase; font-weight: normal; padding-top:0.8em; padding-bottom:1.16em; float:left; font-size:11px;}
#Menu > .k-item >.k-link .k-i-arrow-s{background: url("images/icon-arrow.png") 5px 6px no-repeat; }

#Menu > .k-item >.k-state-active, #Menu > .k-item >.k-link:hover{background-color: transparent;}

#Menu > .k-state-hover , #Menu > .k-state-highlight{background:url("images/bg-hover.png") left top repeat;}
#Menu img.k-image{width:20px; margin:0 auto; padding-bottom:2px;}

#Menu > .k-item {border-color:#69a4c6; width:auto; margin-top:1px;}
.iconContent{text-align: center}

.pnlProdUpdHdrTitle h2{
	text-align: center;
	font-size: 14px;
  /*margin-top:4px;*/
}

/* DASHBOARD   
----------------------------------------------------------*/
.pnlHdrTitle
{
	float:left;
	width:70%
}
.pnlHdrTitle2
{
	float:left;
	width:10%
}
.pnlHdrBtn
{
	float:left;
	width:20%
}
.pnl{
	float: left;
	width: 98%;
	padding-bottom:5px;
	margin:5px;
	margin-right:10px;
}
.pnlHdr{
  border-bottom: 2px solid #EDEDED;
  overflow:hidden;
  padding-bottom:2px;
}

.oneCol{
	width: 98.6%;
}
.pnl input[type="button"]{
  background-color:#1D1D1D;
	/*backgrou/nd-image: url("textures/glass.png");
	bord/er: 1px solid #787878;*/
	background: url("images/chartBtn.png") repeat-x scroll left top transparent;
	border: 1px solid #EDEDED;
  cursor: pointer;
	font-size:inherit;
  font-weight: 600;
  margin-right: 0px;
  width: auto;
	float:right;
	color:#666666;
}
.pnlHdrTitle h2{
	float:left;
	font-size: 14px;
  margin-top:4px;
}
.pnlHdrTitle span{
	float:left;
	margin-top:6px;
	margin-left:5px;
	color:#BABABA;
	font-weight: bold;
	font-size: 10px;
}
.itemImg{
	float:left;
	width: 21%;
}
.itemDetails{
	float:left;
	width: 78%;
}
.itemDetails p{
	padding-top:0px;
	margin-top:0px;
}
.itemHdr{
	float:left;
	margin-top:20px;
	margin-bottom:10px;
}

.item{
	border-bottom: 1px solid #EDEDED;
	overflow:hidden;
	padding-bottom:10px;
}
#btnReadMore{
	float:left;
}
.qoItem{
	float: left;
  height: 60px;
  margin: 5px;
  width: 250px;
	background:url(images/chartBtn.png) left top repeat-x;
	border: 1px solid #EDEDED;
	border-radius:4px;
	margin-top:15px;
}
.qoItemTotals{
	float: left;
  /*height: 140px;*/
  margin: 5px;
  width: 440px;
	background:url(images/chartBtn.png) left top repeat-x;
	border: 1px solid #EDEDED;
	border-radius:4px;
	margin-top:25px;    
}
.qoItem img{
	margin-top:8px;
	margin-left:10px;
	margin-right:10px;
	float:left;
  }
.qoItemVal{
	float:left;
	width:130px;
	font-weight: bold;
	margin-top:10px;
	 font-size: 14px;
}
.qoItemDetail{
	float:left;
}

.smartSiteProductCol{
	float: left;
  margin: 5px;
  width: 48%;
	background:url(images/chartBtn.png) left top repeat-x;
	border: 1px solid #EDEDED;
	border-radius:4px;
	margin-top:25px;    
}

#pnlSearch{
	margin-top:14px;
	padding-bottom:15px;
}
#pnlSearch a{
font-weight:bold;
text-decoration: none
}
.srShow{
	margin-left:15px;
}
.locList{
	background-color:#EDEDED;
	border: 1px solid #EDEDED;
	border-radius:4px;
	overflow:hidden;
	margin-top:15px;
	padding-bottom:20px;
}
.locItem{
margin-left:20px;
margin-right:20px;
border-bottom: 1px dotted #BABABA;
overflow:hidden;
}
.locItem input{
	margin-top:15px;
}
.locItemTitle{
	flo/at:left;
	width:300px;
	font-weight: bold;
	margin:10px;
	font-size: 14px;
	color:#0088CC;
}
.locItemSubTitle{
	fl/oat:left;
	overflow:hidden;
		margin:10px;
		color:#BABABA;
		font-weight: bold;

}
.locItemTxt{
	float:left;
}
.locItem input{
	float:left;
}
.stylePnl input[type="button"]{
    background-color:#1D1D1D;
	/*backgrou/nd-image: url("textures/glass.png");
	    bord/er: 1px solid #787878;*/
	background: url("images/chartBtn.png") repeat-x scroll left top transparent;
	border: 1px solid #EDEDED;
    cursor: pointer;
	font-size:inherit;
    font-weight: 600;
    margin-right: 0px;
    width: auto;
	fl/oat:right;
	color:#666666;

}
.stylePnl input[type="submit"]{
    background-color:#1D1D1D;
	/*backgrou/nd-image: url("textures/glass.png");
	    bord/er: 1px solid #787878;*/
	background: url("images/chartBtn.png") repeat-x scroll left top transparent;
	border: 1px solid #EDEDED;
    cursor: pointer;
	font-size:inherit;
    font-weight: 600;
    margin-right: 0px;
    width: auto;
	fl/oat:right;
	color:#666666;

}
.stylePnl h2{
    color:#333333;
    margin-bottom:20px;
}
.stylePnl ul{
    list-style-type: none;
    padding-left:0px;
}
.stylePnl #btnStyleSave{
    Width:75px;
}


.stylePnl #headerPrev{
      background: url("images/bg-header.png") repeat-x scroll left bottom #0398DA;
      height: 67px;
      width:357px;
      float:left;
}
.stylePnl .colorPnl{
    float:left;
    margin-left:30px;
    margin-top:14px;
}
.stylePnl .ColorPicker{
    margin-left:10px;
    width:50px;
}
.stylePnl #ThemeName{
    width:346px;
}
.stylePnl textarea{
    width:454px;
    height:300px;
}
.stylePnl #StyleName{
    width:345px;
}
#themeList{
    width:750px;
}

.stylePnl #logoPnl{
    border:1px solid #E2E2E2;
    width:290px;
    height:60px;
    float:left;
}
.stylePnl #logoPnl:hover{
    border:1px solid #0398DA;
}
.stylePnl #logoBrPnl{
    float:left;
    margin-left:25px;
    height:auto;
}
#ajaxUploadForm .uplRow{
    overflow:hidden;
}
#ajaxUploadForm .uplRow2{
    overflow:hidden;
    margin-left:85px;
}



#ajaxUploadForm {
    width:410px;
}
#ajaxUploadForm input[type="file"]{
    width:222px;
    margin-left:0px;
}
#ajaxUploadForm span {
    vertical-align:top!important;
}

#ajaxUploadForm span.maxsize{font-size:11px;}

#ajaxUploadForm #uplPnl {
   margin-left:15px;
   margin-top:6px;
}
.main-content .stylesContent #ajaxUploadForm #uplPnl .k-button{
padding:0;
height:30px;
padding:0 10px;
margin-top:14px;
}

#ajaxUploadForm #logoDisplay,.logoDisplay {
   margin-left:0px;
   margin-top:6px;
   width:100%;
   font-size:11px;
}
#topLogo {
    width:355px;
    height:61px;
    background: url('images/comdata-logo1.jpg');

}
.stylesContent{padding-top:7px;}

.green
{
	background-color:green!important;
	border:1px solid #E2E2E2 !important;
			background-image:none !important;
				color:white !important;
}
.red
{
	background-color:tomato!important;
		border:1px solid #E2E2E2 !important;
				background-image:none !important;
					color:white !important;
}
.yellow
{
	background-color:#F7CF54!important;
		border:1px solid #E2E2E2 !important;
		background-image:none !important;
		color:white !important;
}

#locPager
{
	width:140px;
	margin-top:20px;
}
	#locPager a
	{
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		border: 1px solid #BABABA;
			border-radius:2px;
	}
	#locPager .curr
	{
			color: #BABABA;
			background-color:#EDEDED;
	}

.ti {
    border: 1px solid #E2E2E2;
    height: 65px;
    margin: 5px 3px 3px;
    width: 65px;
}
.tiPnl {
    border: 1px solid #fff;
    height: 105px;
    margin: 5px 3px 3px;
    width: 75px;
    float:left;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:5px;
    padding-top:5px;
    margin-right:15px;
}
.tiHdr {
    width: 65px;
    overflow:hidden;
    margin-left:3px;
    height:30px;
    text-align: center;
}
.tiPnl:hover {
     border: 1px solid #E2E2E2;
}
.qoItemTitle
{
    width:auto;
    margin:0 auto;
    text-align:left;
    margin-top:20px;
    font-weight:bold;
    font-size: 14px;

}
.qoItemTitle p{
  padding:0 10px;
}

.qoItemTitle span
{
    padding-left:20px;
    color:#0398DA;
    display: block;
    margin-top:-18px;
    text-align:right;
}
.qoItemNoImg
{
    background:none;
    background-color: #fafafa;
}
.selStyle {
    background-color:#E2E2E2
}

/*overwrite common.css*/
.main-content P {line-height: 18px; margin: 0px 0px 8px}
.main-content .indent {padding-left: 10px;}
.line {line-height: 0; background: url(images/bg-line.png) repeat-x left center; height: 20px;}

.main-content .editor-label{padding-bottom:0; height:30px; margin-bottom:5px;}
.main-content .editor-field{padding-bottom:0; height:30px; margin-bottom:5px;}
.main-content .editor-label label{padding:3px 0 0; display:block; line-height:12px;}
.main-content .editor-field .k-datetimepicker{margin-top:1px}
.main-content p input[type="submit"]{background:url("images/bg-header.png") repeat-x scroll left top #0398DA; color:#ffffff; border-radius:5px; font-size:1.1em;}
.main-content input[type="button"]{background:url("images/bg-header.png") repeat-x scroll left top #0398DA; color:#ffffff; border-radius:5px; font-size:1.1em;}
.main-content input[type="submit"]{background:url("images/bg-header.png") repeat-x scroll left top #0398DA; color:#ffffff; border-radius:5px; font-size:1.1em;}
.main-content .stylesContent .editor-field{height:auto;}
.main-content .stylesContent #ajaxUploadForm #uplPnl{margin-top:0}
.main-content .k-tabstrip .k-content{padding-top:2em; padding-bottom:1em;}
.main-content .editor-field INPUT[type='checkbox'] {margin-top:4px;}

.main-content .k-panelbar .k-tabstrip .k-content {padding-bottom: 1em; padding-top: 2em}
.main-content .k-grid td {padding:2px 0.6em; height:26px;}
.main-content .k-button { line-height: 1.3em}
.main-content .k-grid TBODY .k-butto {outline: none}
#Grid{clear:both}
div#wizardMenuBody #Grid{
    clear:none !important;
}
.main-content .k-button{font-weight:bold;}
.main-content .k-grid-header .k-filterable .k-link{font-weight:bold;}
.main-content .k-tabstrip{margin-bottom:10px; margin-top:5px;}
#Grid tbody tr:hover {
    background: #e2e2e2;
    /*color: white;*/
}

.k-grid-header .k-header{background: none!important;}
.k-grid-header .k-header .k-link{font-weight: bold;}
.k-grid-header .k-link:link, .k-grid-header .k-link:visited, .k-grid-header .k-link{color:#2a2a2a !important}


/*page content*/
.main-content p.breadcrumbs{font-size:11px; margin-top:-10px;}
.btnClose{width:50px; border-radius:5px 5px 0 0; background-color:#F6F6F6; background-image: none, linear-gradient(to bottom, #F6F6F6 0px, #EAEAEA 100%);
 float:right; text-align:center; border:1px solid #e5e5e5; border-width:1px 1px 0px 1px; margin-top:-22px;}
.btnClose a{ padding:5px 0; text-decoration: none; color:#333333; line-height:26px; font-weight:bold}
.btnClose a:hover{color:#999999}
.line1 {line-height: 0; background: url(images/bg-line.png) repeat-x left center; height: 20px;  margin:0 auto;}

/*my profile */
.profileContent{width:996px; margin:0 auto;}
.main-content .profileContent .editor-label{width:15%; font-weight:bold; font-size:1.16em; text-align:left; height:auto;}
.main-content .profileContent .editor-field{width:80%; margin-bottom:0;}
.main-content .profileContent .wide{width:100%;}

.saveProfileViewColumns {
margin-top:10px;
}
#createNewGridProfile{
    background:url("images/bg-header.png") repeat-x scroll left top #0398DA; color:#ffffff; border-radius:5px;
    padding-top:5px;
    padding-bottom:5px;
    margin-top:10px;
    margin-bottom:10px;
}
#frmRapidSync .row .editor-field {
    width:315px;
    margin-right:10px;
}
#frmRapidSync .row {
    overflow:hidden;
    min-height:35px;
    margin-bottom:10px;
}
#frmRapidSync .buttonrow {
    overflow:hidden;
    min-height:35px;
    margin-bottom:10px;
}
#frmRapidSync .row .fl{
    float:left;
}
#frmRapidSync .row .fltechnician{
    float:left;
}
#frmRapidSync .row input[type="text"]{
    width:100px;
}
#frmRapidSync .row input[type="button"]{
    width:70px;
    margin-left: 20px;
    margin-right: 20px;
}
#frmRapidSync .fltechnician input[type="button"]{
    width:170px;
    margin-left: 20px;
    margin-right: 20px;
}
#frmRapidSync .row input[type="submit"] {
    margin-left: 20px;
    margin-right: 20px;
    width: 70px;
}
#frmRapidSync .fltechnician input[type="submit"]{
    width:170px;
    margin-left: 20px;
    margin-right: 20px;
}
#frmRapidSync .row .syncMess{
    background: url("images/bg-header.png") repeat-x scroll left top white;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 1.1em;
    padding: 7px;
    font-weight: 600;
    border: 1px solid #E2E2E2;
    cursor: pointer;
    min-height: 16px;
    min-width: 100px;
}
#frmRapidSync .row .syncMessOK{
    background-color: green;
    border: 1px solid #787878;
    text-align:center;
}
#frmRapidSync .row .syncMessBad{
    background-color: tomato;
    border: 1px solid tomato;
    text-align:center;
}

.pingInpRow {
    min-height:55px;
}
.pingInpRow div {
    margin-right:10px;
    }
.pingInpRow div {
    min-height:15px;
    }
    .pingInpRow .tar {
        text-align:right;
    }
    .pingInpRow .tal {
        text-align:left;
    }
      .pingInpRow .tar label{
        padding-right:5px;
    }
    .pingInpRow .cel1 {
        width:240px !important;
    }
    .pingInpRow .cel2 {
        width:160px !important;
    }
    .pingInpRow .cel3 {
        width:600px !important;
    }
.syncDate {
    margin-left:15px;
}
.newsUpdates{width: 40%; margin-left:20px; min-width: 400px; float:left}

/* File Transfer */
.fileTransferContent #ajaxUploadForm{width:430px}
.fileTransferContent .btnExplore{margin-top:6px;}
.fileTransferContent #ajaxUploadForm #uplPnl{margin-top:14px;}
.fileTransferContent #btnExplore{margin-top:14px; margin-left:10px}

ul.foldersContent li{  list-style-type: none; margin-bottom:7px; padding-left:12px; position: relative}
ul.foldersContent li a{text-decoration: none; color:#000000; background: url("images/icon-folder.png") no-repeat left top; padding-left:20px;}
ul.foldersContent li a.back{background: url("images/icon-back.png") no-repeat left top; width:9px; height:11px; position: absolute; padding-left:0; left:0; margin-top:4px;}
ul.foldersContent li a.back:hover{opacity:0.6}

/*Cashier Links*/
.cashierLinks{margin-left:0px; min-width: 130px; float:left; margin-top:5px;}
.cashierLinks .inner{width:130px; background-color: #f6f6f6; float:left; border:1px solid #e8e8e8; padding:14px 12px 5px;}
.cashierLinks .inner h2{margin-top:0; padding:0px 0 7px; float:left;}
.cashierLinks .inner a.button{float:right; background:#3a3a3a url("images/bg-header.png") repeat-x scroll left top; text-decoration: none; color:#ffffff; padding:4px 5px; border:1px solid #383838; border-radius:5px;}
.cashierLinks .inner a.button:hover{background-color:#5b5b5b; color:#ececec;}
.cashierLinks .inner .title{border-bottom:1px solid #e9e9e9; float:left;  width:100%; padding-bottom:4px; margin-bottom:10px;}

/*Cashier Links*/
.cashierDispenserLinks{margin-left:0px; float:left; margin-top:5px;width: 85%;}
.cashierDispenserLinks .inner{width:130px; background-color: #f6f6f6; float:left; border:1px solid #e8e8e8; padding:14px 12px 5px;}
.cashierDispenserLinks .inner h2{margin-top:0; padding:0px 0 7px; float:left;}
.cashierDispenserLinks .inner a.button{float:right; background:#3a3a3a url("images/bg-header.png") repeat-x scroll left top; text-decoration: none; color:#ffffff; padding:4px 5px; border:1px solid #383838; border-radius:5px;}
.cashierDispenserLinks .inner a.button:hover{background-color:#5b5b5b; color:#ececec;}
.cashierDispenserLinks .inner .title{border-bottom:1px solid #e9e9e9; float:left;  width:100%; padding-bottom:4px; margin-bottom:10px;}

/*Cashier Menu Links*/
.cashierMenuLinks{margin-left:0px; float:left; margin-top:5px; max-width: 230px; }
.cashierMenuLinks .inner{width:220px; background-color: #f6f6f6; float:left; border:1px solid #e8e8e8; padding:14px 12px 5px;}
.cashierMenuLinks .inner h2{margin-top:0; padding:0px 0 7px; float:left;}
/*.cashierMenuLinks .inner a.button{float:right; background:#3a3a3a url("images/bg-header.png") repeat-x scroll left top; text-decoration: none; color:#ffffff; padding:4px 5px; border:1px solid #383838; border-radius:5px;}
.cashierMenuLinks .inner a.button:hover{background-color:#5b5b5b; color:#ececec;}*/
.cashierMenuLinks .inner .title{border-bottom:1px solid #e9e9e9; float:left;  width:100%; padding-bottom:4px; margin-bottom:10px;}

ul.cashierMenuList{padding:0; margin:0 0 0 0px;}
ul.cashierMenuList li{list-style-type: none;border: 3px solid #e2e2e2; width:224px; height:54px; float:left; text-align: center; margin-bottom:6px;padding-top:26px;font-size:16px}
/*ul.cashierMenuList li.middle{margin:0 2px;}
ul.cashierMenuList li a{width:220px; height:50px; border:3px solid #e2e2e2; display: block; margin:4px auto 0; text-decoration: none; padding-top:16px;}
ul.cashierMenuList li a img{display:block; margin:0 auto; border: none; margin-bottom:4px;}
ul.cashierMenuList li a:hover{background-color: #fbfbfb;}*/
ul.cashierMenuList li:hover{background-color: #fbfbfb;}

/*Cashier Card Links*/
.cashierCardLinks{margin-left:0px; float:left; margin-top:5px; max-width: 230px; }
.cashierCardLinks .inner{width:220px; background-color: #f6f6f6; float:left; border:1px solid #e8e8e8; padding:14px 12px 5px;}
.cashierCardLinks .inner h2{margin-top:0; padding:0px 0 7px; float:left;}
/*.cashierCardLinks .inner a.button{float:right; background:#3a3a3a url("images/bg-header.png") repeat-x scroll left top; text-decoration: none; color:#ffffff; padding:4px 5px; border:1px solid #383838; border-radius:5px;}
.cashierCardLinks .inner a.button:hover{background-color:#5b5b5b; color:#ececec;}*/
.cashierCardLinks .inner .title{border-bottom:1px solid #e9e9e9; float:left;  width:100%; padding-bottom:4px; margin-bottom:10px;}

ul.cashierCardList{padding:0; margin:0 0 0 0px;}
ul.cashierCardList li{list-style-type: none;border: 3px solid #e2e2e2; width:224px; height:54px; float:left; text-align: center; margin-bottom:6px;padding-top:26px;font-size:16px}
/*ul.cashierCardList li.middle{margin:0 2px;}
ul.cashierCardList li a{width:220px; height:50px; border:3px solid #e2e2e2; display: block; margin:4px auto 0; text-decoration: none; padding-top:16px;}
ul.cashierCardList li a img{display:block; margin:0 auto; border: none; margin-bottom:4px;}
ul.cashierCardList li a:hover{background-color: #fbfbfb;}*/
ul.cashierCardList li:hover{background-color: #fbfbfb;}

/*Quick Links*/
.quickLinks{margin-left:0px; min-width: 400px; float:left; margin-top:5px;}
.quickLinks .inner{width:373px; background-color: #f6f6f6; float:left; border:1px solid #e8e8e8; padding:14px 12px 5px;}
.quickLinks .inner h2{margin-top:0; padding:0px 0 7px; float:left;}
.quickLinks .inner a.button{float:right; background:#3a3a3a url("images/bg-header.png") repeat-x scroll left top; text-decoration: none; color:#ffffff; padding:4px 5px; border:1px solid #383838; border-radius:5px;}
.quickLinks .inner a.button:hover{background-color:#5b5b5b; color:#ececec;}
.quickLinks .inner .title{border-bottom:1px solid #e9e9e9; float:left;  width:100%; padding-bottom:4px; margin-bottom:10px;}

ul.quickList{padding:0; margin:0 0 0 0px;}
ul.quickList li{list-style-type: none; width:124px; height:124px; float:left; text-align: center; margin-bottom:6px;}
ul.quickList li.middle{margin:0 6px;}
ul.quickList li a{width:110px; height:94px; border:3px solid #e2e2e2; display: block; margin:4px auto 0; text-decoration: none; padding-top:16px;}
ul.quickList li a img{display:block; margin:0 auto; border: none; margin-bottom:4px;}
ul.quickList li a:hover{background-color: #fbfbfb;}
ul.quickList li:hover{background: url("images/bg-shadow.png") no-repeat scroll left top;}
.ReportCustomerImage {
    width:100px
}

div.l { float: left;}
div.r { float: right;}
div.c { clear: both;}
div.filter { width: 300px; }
div#logData { margin-top: 25px;}

/*Modal dialog*/
#loadingDialog { text-align: center; }
/*#reportDialog{display:none}*/

/* Company */
.companyNav{width:10%;padding-right:1%;}
.companyNav ul{background-color:#f0f0f0; border:1px solid #cbc8c9; background-image: none; padding:0 1px}
.companyNav ul#WizardMenu li{border-bottom:1px solid #DAD7D7}
.companyNav ul#WizardMenu li:hover{background-color: #fefbfc}
.companyNav ul#WizardMenu li:hover a{color:#000000}
.companyNav ul#WizardMenu li.k-state-highlight a{background-color:#fefbfc; color:#000000; font-weight:bold}
.companyNav ul#WizardMenu li a{padding:10px 0.9em 10px;}


@media screen and (max-width : 600px) {

.login{width:270px;}
.formContent{padding:0px 17px;}
.formContent .label{text-align: left; padding-top:0px;}
#borderContent div.subtitle{padding-bottom:4px;}
.subtitle h2{margin:10px 0 0}
.register{width:270px;}
.register .formContent{margin-left:0;}


#login{}
.mainHeader .float-right{clear:both; width:100%; background-color: #f8faf7; height:40px;}
header .content-wrapper{padding-right:0;}
.mainHeader .float-right #headerCompanies{float:left; margin-left:5px; margin-right:5px; width:120px}
.mainHeader .k-combobox{width:120px;}
 header.mainHeader{height:181px; }

/*de pus 4 meniuri  +   quicklinks popup  +  removed dropdown, homepage + removed hello, tudor*/

.newsUpdates{min-width:100px; max-width:100%; width:99%; margin-left:0px; margin-top:20px;}
#body .pingInpRow .cel3{width:100% !important}
.editor-field .k-combobox {width:95% !important}
}

/* mobile portrait */
@media screen and (max-width : 320px){
  .quickLinks {width:270px; min-width:100px}
  .quickLinks .inner{width:270px; }
  #topLogo{width:290px !important; height:61px !important;}

  #frmRapidSync .row .editor-field{width:230px;}

  .pingInpRow .editor-field .k-combobox{width:100% !important;}
  #frmRapidSync .row input[type="button"]{margin-left:0; margin-right:0;}
  #Menu > .k-item > .k-link{padding-left:8px; padding-right:9px;}

}


/* iPads (landscape) ----------- */
@media screen and (min-width : 601px) and (max-width : 768px) {

#Menu > .k-item > .k-link {font-size: 9px;}
nav{min-height:62px;}
header.mainHeader{height:auto;}
.newsUpdates{width:90%; margin-left:0px; margin-top:20px;}
#headerCompanies #sectionCompanies .k-combobox{width:200px !important;}

 }

.wizardMenuLink {
    background: url("images/bg-header.png") repeat-x scroll left top #0398DA;
    color: #ffffff;
    border-radius: 5px;
    font-size: 1.1em;
}

.expandable {
    float:left;
}

#settlementExpand,
#transactionExpand {
    cursor: pointer;
}

.userRoleEdit, .userRoleReadOnlyEdit
{
    width:50%;
    float:left;
}

.userRoleActionParent, .userRoleActionCategory
{
    clear:both;
}