/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


.clearfix {
  	*zoom: 1;
}

.clearfix:before,
.clearfix:after {
  	display: table;
  	line-height: 0;
  	content: "";
}

.clearfix:after {
 	clear: both;
}

.fn-left{
	float:left !important;
}

.fn-right{
	float:right !important; 
}

.fn-center{
	display: block;
	position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important;

    width: auto;
    overflow: display;
}

.fn-row-center{
	position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
	
	display: inline-block;

	vertical-align: middle;
    /*width: 300px;*/
    /*overflow: display;*/
}


.fn-row-left{
	float:left !important;
}

/*.fin-row-center:before,
.fin-row-center:after,
.fin-row-right:before,
.fin-row-right:after,
.fin-row-left:before,
.fin-row-left:after{
	clear: both;
  	display: table;
  	line-height: 0;
	content: "";
}
*/

.fn-row-right{
	float:right;
}


.fn-hide {
 display: none !important;

}

.fn-show {
  display: block ;
}

.fn-invisible {
  visibility: hidden;
}

.fn-affix {
  position: fixed;
}

.fn-textleft {
  text-align: left !important;
}

.fn-textright {
  text-align: right !important;
}

.fn-textcenter {
  text-align: center !important;
}


.fn-texthide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.fn-overflow-y{
  overflow-y:auto;
 /** overflow-x:hidden;**/
 
}

.fn-overflow-x{
  /**overflow-y:hidden;**/
  overflow-x:auto;
 
}
.fn-overflow-hidden{
  overflow:hidden;  
 
}
.fn-overflow-visible{
  overflow:visible;  
 
}


@media (max-width: 767px) {
	.fn-ui-collapse{
	  
	  display:none !important;  //hide 
	}	
	.fn-ui-collapse-toggle{	 
	  display:block !important; //show button
	}	
}

@media (min-width: 768px) {
  .fn-ui-collapse {
     display:block !important; //show
  }  
  .fn-ui-collapse-toggle{	 
	  display:none !important; //hide button
	}
}

.fn-ui-collapse-hide {
 display: none  !important;

}

.fn-ui-collapse-show {
  display: block !important;
}


.mtb {
	display: table;
	width: 100%;
}
.mtr {
	display: table-row;
}

.mtd {
	display: table-cell;
}

/*.col-xs-* ,container=auto Extra small devices Phones (<768px)*/
/*   container auto width/

/*col-sm-* ,Container =750px ,Phones (<768px)	Small devices Tablets (<=768px)*/

/*col-md-* ,container=970px Medium devices Desktops (<=992px)	*/

/*col-lg-* ,container=1170px Large devices Desktops (<=1200px)	*/

.container{
padding-right:15px;
padding-left:15px;
margin-right:auto;
margin-left:auto
}


@media (min-width:768px){
.container{width:750px}
.navbar-static-top .grid960-fluid,.navbar-fixed-top .grid960-fluid,.navbar-fixed-bottom .grid960-fluid {
		  width: 750px;
		}
}

@media (min-width:992px){
.container{width:970px}
.navbar-static-top .grid960-fluid,
		.navbar-fixed-top .grid960-fluid,
		.navbar-fixed-bottom .grid960-fluid {
		  width: 970px;
		}
}


@media (min-width:1200px){
.container{width:1170px}
.navbar-static-top .grid960-fluid,
		.navbar-fixed-top .grid960-fluid,
		.navbar-fixed-bottom .grid960-fluid {
		  width: 1170px;
		}
}


.container-fluid{
padding-right:15px;
padding-left:15px;
margin-right:auto;
margin-left:auto
width:90%
}

.row{
margin-right:-15px;
margin-left:-15px
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
position:relative;
min-height:1px;
padding-right:15px;
padding-left:15px
}


.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
float:left
}

.col-xs-12{
width:100%
}

.col-xs-11{
width:91.66666667%
}

.col-xs-10{
width:83.33333333%
}


.col-xs-9{
width:75%
}

.col-xs-8{
width:66.66666667%
}

.col-xs-7{
width:58.33333333%
}

.col-xs-6{
width:50%
}

.col-xs-5{
width:41.66666667%
}

.col-xs-4{
width:33.33333333%
}

.col-xs-3{
width:25%
}

.col-xs-2{
width:16.66666667%
}

.col-xs-1{
width:8.33333333%
}

.col-xs-pull-12{right:100%}

.col-xs-pull-11{right:91.66666667%}

.col-xs-pull-10{right:83.33333333%}

.col-xs-pull-9{right:75%}

.col-xs-pull-8{right:66.66666667%}

.col-xs-pull-7{right:58.33333333%}

.col-xs-pull-6{right:50%}

.col-xs-pull-5{right:41.66666667%}

.col-xs-pull-4{right:33.33333333%}

.col-xs-pull-3{right:25%}

.col-xs-pull-2{right:16.66666667%}

.col-xs-pull-1{right:8.33333333%}

.col-xs-pull-0{right:auto}

.col-xs-push-12{left:100%}

.col-xs-push-11{left:91.66666667%}

.col-xs-push-10{left:83.33333333%}

.col-xs-push-9{left:75%}

.col-xs-push-8{left:66.66666667%}

.col-xs-push-7{left:58.33333333%}

.col-xs-push-6{left:50%}

.col-xs-push-5{left:41.66666667%}

.col-xs-push-4{left:33.33333333%}

.col-xs-push-3{left:25%}

.col-xs-push-2{left:16.66666667%}

.col-xs-push-1{left:8.33333333%}

.col-xs-push-0{left:auto}

.col-xs-offset-12{margin-left:100%}

.col-xs-offset-11{margin-left:91.66666667%}

.col-xs-offset-10{margin-left:83.33333333%}

.col-xs-offset-9{margin-left:75%}

.col-xs-offset-8{margin-left:66.66666667%}

.col-xs-offset-7{margin-left:58.33333333%}

.col-xs-offset-6{margin-left:50%}

.col-xs-offset-5{margin-left:41.66666667%}

.col-xs-offset-4{margin-left:33.33333333%}

.col-xs-offset-3{margin-left:25%}

.col-xs-offset-2{margin-left:16.66666667%}

.col-xs-offset-1{margin-left:8.33333333%}

.col-xs-offset-0{margin-left:0}

@media (min-width:768px){
.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
.col-sm-pull-12{right:100%}
.col-sm-pull-11{right:91.66666667%}
.col-sm-pull-10{right:83.33333333%}
.col-sm-pull-9{right:75%}
.col-sm-pull-8{right:66.66666667%}
.col-sm-pull-7{right:58.33333333%}
.col-sm-pull-6{right:50%}
.col-sm-pull-5{right:41.66666667%}
.col-sm-pull-4{right:33.33333333%}
.col-sm-pull-3{right:25%}
.col-sm-pull-2{right:16.66666667%}
.col-sm-pull-1{right:8.33333333%}
.col-sm-pull-0{right:auto}
.col-sm-push-12{left:100%}
.col-sm-push-11{left:91.66666667%}
.col-sm-push-10{left:83.33333333%}
.col-sm-push-9{left:75%}
.col-sm-push-8{left:66.66666667%}
.col-sm-push-7{left:58.33333333%}
.col-sm-push-6{left:50%}
.col-sm-push-5{left:41.66666667%}
.col-sm-push-4{left:33.33333333%}
.col-sm-push-3{left:25%}
.col-sm-push-2{left:16.66666667%}
.col-sm-push-1{left:8.33333333%}
.col-sm-push-0{left:auto}
.col-sm-offset-12{margin-left:100%}
.col-sm-offset-11{margin-left:91.66666667%}
.col-sm-offset-10{margin-left:83.33333333%}
.col-sm-offset-9{margin-left:75%}
.col-sm-offset-8{margin-left:66.66666667%}
.col-sm-offset-7{margin-left:58.33333333%}
.col-sm-offset-6{margin-left:50%}
.col-sm-offset-5{margin-left:41.66666667%}
.col-sm-offset-4{margin-left:33.33333333%}
.col-sm-offset-3{margin-left:25%}
.col-sm-offset-2{margin-left:16.66666667%}
.col-sm-offset-1{margin-left:8.33333333%}
.col-sm-offset-0{margin-left:0}
}


@media (min-width:992px){
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-md-1{width:8.33333333%}
.col-md-pull-12{right:100%}
.col-md-pull-11{right:91.66666667%}
.col-md-pull-10{right:83.33333333%}
.col-md-pull-9{right:75%}
.col-md-pull-8{right:66.66666667%}
.col-md-pull-7{right:58.33333333%}
.col-md-pull-6{right:50%}
.col-md-pull-5{right:41.66666667%}
.col-md-pull-4{right:33.33333333%}
.col-md-pull-3{right:25%}
.col-md-pull-2{right:16.66666667%}
.col-md-pull-1{right:8.33333333%}
.col-md-pull-0{right:auto}
.col-md-push-12{left:100%}
.col-md-push-11{left:91.66666667%}
.col-md-push-10{left:83.33333333%}
.col-md-push-9{left:75%}
.col-md-push-8{left:66.66666667%}
.col-md-push-7{left:58.33333333%}
.col-md-push-6{left:50%}
.col-md-push-5{left:41.66666667%}
.col-md-push-4{left:33.33333333%}
.col-md-push-3{left:25%}
.col-md-push-2{left:16.66666667%}
.col-md-push-1{left:8.33333333%}
.col-md-push-0{left:auto}
.col-md-offset-12{margin-left:100%}
.col-md-offset-11{margin-left:91.66666667%}
.col-md-offset-10{margin-left:83.33333333%}
.col-md-offset-9{margin-left:75%}
.col-md-offset-8{margin-left:66.66666667%}
.col-md-offset-7{margin-left:58.33333333%}
.col-md-offset-6{margin-left:50%}
.col-md-offset-5{margin-left:41.66666667%}
.col-md-offset-4{margin-left:33.33333333%}
.col-md-offset-3{margin-left:25%}
.col-md-offset-2{margin-left:16.66666667%}
.col-md-offset-1{margin-left:8.33333333%}
.col-md-offset-0{margin-left:0}
}

@media (min-width:1200px){
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}
.col-lg-12{width:100%}
.col-lg-11{width:91.66666667%}
.col-lg-10{width:83.33333333%}
.col-lg-9{width:75%}
.col-lg-8{width:66.66666667%}
.col-lg-7{width:58.33333333%}
.col-lg-6{width:50%}
.col-lg-5{width:41.66666667%}
.col-lg-4{width:33.33333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.66666667%}
.col-lg-1{width:8.33333333%}
.col-lg-pull-12{right:100%}
.col-lg-pull-11{right:91.66666667%}
.col-lg-pull-10{right:83.33333333%}
.col-lg-pull-9{right:75%}
.col-lg-pull-8{right:66.66666667%}
.col-lg-pull-7{right:58.33333333%}
.col-lg-pull-6{right:50%}
.col-lg-pull-5{right:41.66666667%}
.col-lg-pull-4{right:33.33333333%}
.col-lg-pull-3{right:25%}
.col-lg-pull-2{right:16.66666667%}
.col-lg-pull-1{right:8.33333333%}
.col-lg-pull-0{right:auto}
.col-lg-push-12{left:100%}
.col-lg-push-11{left:91.66666667%}
.col-lg-push-10{left:83.33333333%}
.col-lg-push-9{left:75%}
.col-lg-push-8{left:66.66666667%}
.col-lg-push-7{left:58.33333333%}
.col-lg-push-6{left:50%}
.col-lg-push-5{left:41.66666667%}
.col-lg-push-4{left:33.33333333%}
.col-lg-push-3{left:25%}
.col-lg-push-2{left:16.66666667%}
.col-lg-push-1{left:8.33333333%}
.col-lg-push-0{left:auto}
.col-lg-offset-12{margin-left:100%}
.col-lg-offset-11{margin-left:91.66666667%}
.col-lg-offset-10{margin-left:83.33333333%}
.col-lg-offset-9{margin-left:75%}
.col-lg-offset-8{margin-left:66.66666667%}
.col-lg-offset-7{margin-left:58.33333333%}
.col-lg-offset-6{margin-left:50%}
.col-lg-offset-5{margin-left:41.66666667%}
.col-lg-offset-4{margin-left:33.33333333%}
.col-lg-offset-3{margin-left:25%}
.col-lg-offset-2{margin-left:16.66666667%}
.col-lg-offset-1{margin-left:8.33333333%}
.col-lg-offset-0{margin-left:0}
}




.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{
display:table;content:" "
}


.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{
clear:both
}.container{
padding-right:15px;
padding-left:15px;
margin-right:auto;
margin-left:auto

}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}





 






.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}


.invisible {
  visibility: hidden;
}



@-ms-viewport {
  width: device-width;
}

@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px;
  }
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.visible-xs {
  display: none !important;
}

tr.visible-xs {
  display: none !important;
}

th.visible-xs,
td.visible-xs {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-xs.visible-sm {
    display: block !important;
  }
  tr.visible-xs.visible-sm {
    display: table-row !important;
  }
  th.visible-xs.visible-sm,
  td.visible-xs.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-xs.visible-md {
    display: block !important;
  }
  tr.visible-xs.visible-md {
    display: table-row !important;
  }
  th.visible-xs.visible-md,
  td.visible-xs.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-xs.visible-lg {
    display: block !important;
  }
  tr.visible-xs.visible-lg {
    display: table-row !important;
  }
  th.visible-xs.visible-lg,
  td.visible-xs.visible-lg {
    display: table-cell !important;
  }
}

.visible-sm {
  display: none !important;
}

tr.visible-sm {
  display: none !important;
}

th.visible-sm,
td.visible-sm {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-sm.visible-xs {
    display: block !important;
  }
  tr.visible-sm.visible-xs {
    display: table-row !important;
  }
  th.visible-sm.visible-xs,
  td.visible-sm.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-sm.visible-md {
    display: block !important;
  }
  tr.visible-sm.visible-md {
    display: table-row !important;
  }
  th.visible-sm.visible-md,
  td.visible-sm.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-sm.visible-lg {
    display: block !important;
  }
  tr.visible-sm.visible-lg {
    display: table-row !important;
  }
  th.visible-sm.visible-lg,
  td.visible-sm.visible-lg {
    display: table-cell !important;
  }
}

.visible-md {
  display: none !important;
}

tr.visible-md {
  display: none !important;
}

th.visible-md,
td.visible-md {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-md.visible-xs {
    display: block !important;
  }
  tr.visible-md.visible-xs {
    display: table-row !important;
  }
  th.visible-md.visible-xs,
  td.visible-md.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-md.visible-sm {
    display: block !important;
  }
  tr.visible-md.visible-sm {
    display: table-row !important;
  }
  th.visible-md.visible-sm,
  td.visible-md.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-md.visible-lg {
    display: block !important;
  }
  tr.visible-md.visible-lg {
    display: table-row !important;
  }
  th.visible-md.visible-lg,
  td.visible-md.visible-lg {
    display: table-cell !important;
  }
}

.visible-lg {
  display: none !important;
}

tr.visible-lg {
  display: none !important;
}

th.visible-lg,
td.visible-lg {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-lg.visible-xs {
    display: block !important;
  }
  tr.visible-lg.visible-xs {
    display: table-row !important;
  }
  th.visible-lg.visible-xs,
  td.visible-lg.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-lg.visible-sm {
    display: block !important;
  }
  tr.visible-lg.visible-sm {
    display: table-row !important;
  }
  th.visible-lg.visible-sm,
  td.visible-lg.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg.visible-md {
    display: block !important;
  }
  tr.visible-lg.visible-md {
    display: table-row !important;
  }
  th.visible-lg.visible-md,
  td.visible-lg.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

.hidden-xs {
  display: block !important;
}

tr.hidden-xs {
  display: table-row !important;
}

th.hidden-xs,
td.hidden-xs {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
  tr.hidden-xs {
    display: none !important;
  }
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-xs.hidden-sm {
    display: none !important;
  }
  tr.hidden-xs.hidden-sm {
    display: none !important;
  }
  th.hidden-xs.hidden-sm,
  td.hidden-xs.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs.hidden-md {
    display: none !important;
  }
  tr.hidden-xs.hidden-md {
    display: none !important;
  }
  th.hidden-xs.hidden-md,
  td.hidden-xs.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xs.hidden-lg {
    display: none !important;
  }
  tr.hidden-xs.hidden-lg {
    display: none !important;
  }
  th.hidden-xs.hidden-lg,
  td.hidden-xs.hidden-lg {
    display: none !important;
  }
}

.hidden-sm {
  display: block !important;
}

tr.hidden-sm {
  display: table-row !important;
}

th.hidden-sm,
td.hidden-sm {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-sm.hidden-xs {
    display: none !important;
  }
  tr.hidden-sm.hidden-xs {
    display: none !important;
  }
  th.hidden-sm.hidden-xs,
  td.hidden-sm.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
  tr.hidden-sm {
    display: none !important;
  }
  th.hidden-sm,
  td.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-sm.hidden-md {
    display: none !important;
  }
  tr.hidden-sm.hidden-md {
    display: none !important;
  }
  th.hidden-sm.hidden-md,
  td.hidden-sm.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-sm.hidden-lg {
    display: none !important;
  }
  tr.hidden-sm.hidden-lg {
    display: none !important;
  }
  th.hidden-sm.hidden-lg,
  td.hidden-sm.hidden-lg {
    display: none !important;
  }
}

.hidden-md {
  display: block !important;
}

tr.hidden-md {
  display: table-row !important;
}

th.hidden-md,
td.hidden-md {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-md.hidden-xs {
    display: none !important;
  }
  tr.hidden-md.hidden-xs {
    display: none !important;
  }
  th.hidden-md.hidden-xs,
  td.hidden-md.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md.hidden-sm {
    display: none !important;
  }
  tr.hidden-md.hidden-sm {
    display: none !important;
  }
  th.hidden-md.hidden-sm,
  td.hidden-md.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
  tr.hidden-md {
    display: none !important;
  }
  th.hidden-md,
  td.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-md.hidden-lg {
    display: none !important;
  }
  tr.hidden-md.hidden-lg {
    display: none !important;
  }
  th.hidden-md.hidden-lg,
  td.hidden-md.hidden-lg {
    display: none !important;
  }
}

.hidden-lg {
  display: block !important;
}

tr.hidden-lg {
  display: table-row !important;
}

th.hidden-lg,
td.hidden-lg {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-lg.hidden-xs {
    display: none !important;
  }
  tr.hidden-lg.hidden-xs {
    display: none !important;
  }
  th.hidden-lg.hidden-xs,
  td.hidden-lg.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-lg.hidden-sm {
    display: none !important;
  }
  tr.hidden-lg.hidden-sm {
    display: none !important;
  }
  th.hidden-lg.hidden-sm,
  td.hidden-lg.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg.hidden-md {
    display: none !important;
  }
  tr.hidden-lg.hidden-md {
    display: none !important;
  }
  th.hidden-lg.hidden-md,
  td.hidden-lg.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
  tr.hidden-lg {
    display: none !important;
  }
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

tr.visible-print {
  display: none !important;
}

th.visible-print,
td.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
  .hidden-print {
    display: none !important;
  }
  tr.hidden-print {
    display: none !important;
  }
  th.hidden-print,
  td.hidden-print {
    display: none !important;
  }
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #29d;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 15px;
  right: 15px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}


code .htmlslice{
  display:none;
 }
 code .scriptslice{
  display:none;
 }
 code .ajaxevent{
  display:none;
 }

 

.affix {
	display:block !important;
	position: fixed;
	z-index:10000;
}

.affix+.container-fluid {
 	padding-top: 70px;
}

@media ( max-width : 1024px) {
	.navbar li {
		float: left !important
	}
	.navbar-nav {
		margin: 0 !important;
	}
}
 
.affix .affix-hide{
	display:block !important;
}
.affix-hide{
	display:none;
}

.affix-bottom {
   position: static;
}

.affix-top {
   position: static;
}


/**
 *=======================================
 *
 *=======================================
 * $Revision$
 * $Rev$
 * $Author$
 * $Date$
 * $HeadURL$
 * $Id$
 * $LastChangedBy$
 * $LastChangedRevision$
 * $LastChangedDate$
 * Copyright : Copyright (C) 2005
 * Company : My PC Trading All right reserved
 *=======================================
 **/

/**
 *================================================================================
  Compnent Name: ui-breadcrumb
  Name : 
  
  Skin : tpl-default
 *================================================================================
**/

.ui-breadcrumb {
  padding: 8px 15px;
  margin: 0 0 20px;
  list-style: none;
  background-color: #f5f5f5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.ui-breadcrumb > .ui-breadcrumbitem {
  display: inline-block;
  *display: inline;
  text-shadow: 0 1px 0 #ffffff;
  *zoom: 1;
}

.ui-breadcrumb > .ui-breadcrumbitem > .divider {
  padding: 0 5px;
  color: #ccc;
}

.ui-breadcrumb > .ui-breadcrumbitem-active {
  color: #999999;
}

.ui-breadcrumb-space > .ui-breadcrumbitem:after {
  content: "\0000a0\0000a0\0000a0";
}

.ui-breadcrumb-slash > .ui-breadcrumbitem:after {
  content: " / ";
  padding: 0 5px;
  color: #ccc;
}

.ui-breadcrumb-verticalbar > .ui-breadcrumbitem:after {
  content: " | ";
  padding: 0 5px;
  color: #ccc;
}

.ui-breadcrumb-dot > .ui-breadcrumbitem:after {
  content: ".";
  padding: 0 5px;
  color: #000;
}

.ui-breadcrumb > .ui-breadcrumbitem > [class^="ui-icon-"] {
  margin-left:5px;
  margin-right: 5px;  
}

/**
 *=======================================
 *
 *=======================================
 * $Revision$
 * $Rev$
 * $Author$
 * $Date$
 * $HeadURL$
 * $Id$
 * $LastChangedBy$
 * $LastChangedRevision$
 * $LastChangedDate$
 * Copyright : Copyright (C) 2005
 * Company : My PC Trading All right reserved
 *=======================================
 **/

/**
 *================================================================================
  Compnent Name: ui-btn
  Name : 
  
  Skin : tpl-default
 *================================================================================
**/
.tpl-default .ui-btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 10px;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.tpl-default .ui-btn-parent  .ui-btn {
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1),
		to(#f1f1f1));
	background-repeat: inherit;
	width: 100%;
	height: 45px;
	text-align: left;
	padding: 10px 4px 10px;
	border-radius: 0px;
	border-bottom: 1px solid #d8d5d5;
	font-weight: bold;
}
.tpl-default .ui-btn:hover,
.tpl-default .ui-btn:focus,
.tpl-default .ui-btn:active,
.tpl-default .ui-btn.active,
.tpl-default .ui-btn.disabled,
.tpl-default .ui-btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.tpl-default .ui-btn:active,
.tpl-default .ui-btn.active {
  background-color: #cccccc \9;
}

.tpl-default .ui-btn:first-child {
  *margin-left: 0;
}

.tpl-default .ui-btn:hover,
.tpl-default .ui-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;
}

.tpl-default .ui-btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.tpl-default .ui-btn.active,
.tpl-default .ui-btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.tpl-default .ui-btn.disabled,
.tpl-default .ui-btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}


/* ui-btn-large, small, mini */

.tpl-default .ui-btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.tpl-default .ui-btn-large [class^="icon-"],
.tpl-default .ui-btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.tpl-default .ui-btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.tpl-default .ui-btn-small [class^="icon-"],
.tpl-default .ui-btn-small [class*=" icon-"] {
  margin-top: 0;
}

.tpl-default .ui-btn-mini [class^="icon-"],
.tpl-default .ui-btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.tpl-default .ui-btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}


/* ui-btn-primary, warning, danger, success, info, inverse */

.tpl-default .ui-btn-primary.active,
.tpl-default .ui-btn-warning.active,
.tpl-default .ui-btn-danger.active,
.tpl-default .ui-btn-success.active,
.tpl-default .ui-btn-info.active,
.tpl-default .ui-btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.tpl-default .ui-btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  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='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.tpl-default .ui-btn-primary:hover,
.tpl-default .ui-btn-primary:focus,
.tpl-default .ui-btn-primary:active,
.tpl-default .ui-btn-primary.active,
.tpl-default .ui-btn-primary.disabled,
.tpl-default .ui-btn-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

.tpl-default .ui-btn-primary:active,
.tpl-default .ui-btn-primary.active {
  background-color: #003399 \9;
}

.tpl-default .ui-btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  *background-color: #f89406;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  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='#fffbb450', endColorstr='#fff89406', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.tpl-default .ui-btn-warning:hover,
.tpl-default .ui-btn-warning:focus,
.tpl-default .ui-btn-warning:active,
.tpl-default .ui-btn-warning.active,
.tpl-default .ui-btn-warning.disabled,
.tpl-default .ui-btn-warning[disabled] {
  color: #ffffff;
  background-color: #f89406;
  *background-color: #df8505;
}

.tpl-default .ui-btn-warning:active,
.tpl-default .ui-btn-warning.active {
  background-color: #c67605 \9;
}

.tpl-default .ui-btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  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='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.tpl-default .ui-btn-danger:hover,
.tpl-default .ui-btn-danger:focus,
.tpl-default .ui-btn-danger:active,
.tpl-default .ui-btn-danger.active,
.tpl-default .ui-btn-danger.disabled,
.tpl-default .ui-btn-danger[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}

.tpl-default .ui-btn-danger:active,
.tpl-default .ui-btn-danger.active {
  background-color: #942a25 \9;
}

.tpl-default .ui-btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  *background-color: #51a351;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  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='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.tpl-default .ui-btn-success:hover,
.tpl-default .ui-btn-success:focus,
.tpl-default .ui-btn-success:active,
.tpl-default .ui-btn-success.active,
.tpl-default .ui-btn-success.disabled,
.tpl-default .ui-btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}

.tpl-default .ui-btn-success:active,
.tpl-default .ui-btn-success.active {
  background-color: #408140 \9;
}

.tpl-default .ui-btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  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='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.tpl-default .ui-btn-info:hover,
.tpl-default .ui-btn-info:focus,
.tpl-default .ui-btn-info:active,
.tpl-default .ui-btn-info.active,
.tpl-default .ui-btn-info.disabled,
.tpl-default .ui-btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}

.tpl-default .ui-btn-info:active,
.tpl-default .ui-btn-info.active {
  background-color: #24748c \9;
}

.tpl-default .ui-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);
}

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

.tpl-default .ui-btn-inverse:active,
.tpl-default .ui-btn-inverse.active {
  background-color: #080808 \9;
}


/* ui-btn fix */
.tpl-default button.ui-btn,
.tpl-default input[type="submit"].ui-btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

.tpl-default button.ui-btn::-moz-focus-inner,
.tpl-default input[type="submit"].ui-btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.tpl-default button.ui-btn.ui-btn-large,
.tpl-default input[type="submit"].ui-btn.ui-btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}

.tpl-default button.ui-btn.ui-btn-small,
.tpl-default input[type="submit"].ui-btn.ui-btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

.tpl-default button.ui-btn.ui-btn-mini,
.tpl-default input[type="submit"].ui-btn.ui-btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}


/**
 *================================================================================
  Compnent Name: ui-btngroup
  Name : 

 *================================================================================
**/

.tpl-default .ui-btngroup {
  position: relative;
  display: inline-block;
  *display: inline;
  *margin-left: .3em;
  font-size: 0;
  white-space: nowrap;
  vertical-align: middle;
  *zoom: 1;
}

.tpl-default .ui-btngroup:first-child {
  *margin-left: 0;
}

.tpl-default .ui-btngroup + .ui-btngroup {
  margin-left: 5px;
}

.tpl-default .ui-btngroup > .ui-btn {
  position: relative;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.tpl-default .ui-btngroup > .ui-btn + .ui-btn {
  margin-left: -1px;
}

.tpl-default .ui-btngroup > .ui-btn,
.tpl-default .ui-btngroup > .dropdown-menu,
.tpl-default .ui-btngroup > .popover {
  font-size: 14px;
}

.tpl-default .ui-btngroup > .ui-btn-mini {
  font-size: 10.5px;
}

.tpl-default .ui-btngroup > .ui-btn-small {
  font-size: 11.9px;
}

.tpl-default .ui-btngroup > .ui-btn-large {
  font-size: 17.5px;
}

.tpl-default .ui-btngroup > .ui-btn:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.tpl-default .ui-btngroup > .ui-btn:last-child,
.tpl-default .ui-btngroup > .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.tpl-default .ui-btngroup > .ui-btn.large:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.tpl-default .ui-btngroup > .ui-btn.large:last-child,
.tpl-default .ui-btngroup > .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.tpl-default .ui-btngroup > .ui-btn:hover,
.tpl-default .ui-btngroup > .ui-btn:focus,
.tpl-default .ui-btngroup > .ui-btn:active,
.tpl-default .ui-btngroup > .ui-btn.active {
  z-index: 2;
}

.tpl-default .open .ui-btn:active,
.tpl-default .open .ui-btn {
  outline: 0;
}

/*.tpl-default .ui-btngroup .dropdown-toggle:active,
.tpl-default .ui-btngroup.open .dropdown-toggle {
  outline: 0;
}
*/
/*.tpl-default .open > .ui-btn {
  *padding-top: 5px;
  padding-right: 8px;
  *padding-bottom: 5px;
  padding-left: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.tpl-default .open > .ui-btn-mini {
  *padding-top: 2px;
  padding-right: 5px;
  *padding-bottom: 2px;
  padding-left: 5px;
}

.tpl-default .open > .ui-btn-small {
  *padding-top: 5px;
  *padding-bottom: 4px;
}

.tpl-default .open > .ui-btn-large {
  *padding-top: 7px;
  padding-right: 12px;
  *padding-bottom: 7px;
  padding-left: 12px;
}
*/
.tpl-default .open .ui-btn {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

  background-color: #e6e6e6;
}

.tpl-default .open .ui-btn-primary {
  background-color: #0044cc;
}

.tpl-default .open .ui-btn-warning {
  background-color: #f89406;
}

.tpl-default .open .ui-btn-danger {
  background-color: #bd362f;
}

.tpl-default .open .ui-btn-success {
  background-color: #51a351;
}

.tpl-default .open .ui-btn-info {
  background-color: #2f96b4;
}

.tpl-default .open .ui-btn-inverse {
  background-color: #222222;
}
/*.tpl-default .ui-btngroup.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.tpl-default .ui-btngroup.open .ui-btn.dropdown-toggle {
  background-color: #e6e6e6;
}

.tpl-default .ui-btngroup.open .ui-btn-primary.dropdown-toggle {
  background-color: #0044cc;
}

.tpl-default .ui-btngroup.open .ui-btn-warning.dropdown-toggle {
  background-color: #f89406;
}

.tpl-default .ui-btngroup.open .ui-btn-danger.dropdown-toggle {
  background-color: #bd362f;
}

.tpl-default .ui-btngroup.open .ui-btn-success.dropdown-toggle {
  background-color: #51a351;
}

.tpl-default .ui-btngroup.open .ui-btn-info.dropdown-toggle {
  background-color: #2f96b4;
}

.tpl-default .ui-btngroup.open .ui-btn-inverse.dropdown-toggle {
  background-color: #222222;
}
*/

/* ui-btngroup-vertical */
.tpl-default .ui-btngroup-vertical {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
}

.tpl-default .ui-btngroup-vertical > .btn {
  display: block;
  float: none;
  max-width: 100%;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.tpl-default .ui-btngroup-vertical > .btn + .btn {
  margin-top: -1px;
  margin-left: 0;
}

.tpl-default .ui-btngroup-vertical > .btn:first-child {
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

.tpl-default .ui-btngroup-vertical > .btn:last-child {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tpl-default .ui-btngroup-vertical > .btn-large:first-child {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}

.tpl-default .ui-btngroup-vertical > .btn-large:last-child {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}


/**
 *================================================================================
  Compnent Name: ui-toolbar
  Name : 

 *================================================================================
**/

.tpl-default .ui-toolbar {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 0;
}

.tpl-default .ui-toolbar > .ui-btn + .ui-btn,
.tpl-default .ui-toolbar > .ui-btngroup + .ui-btn,
.tpl-default .ui-toolbar > .ui-btn + .ui-btngroup {
  margin-left: 5px;
}

.open > .dropdown-menu {
  display: block;
}


/**
 *================================================================================
  Compnent Name: ui-message-close
  Name : 

 *================================================================================
**/

.ui-btn-close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.ui-btn-close:hover,
.ui-btn-close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

button.ui-btn-close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
 


.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
          transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  height: auto;
  max-width: 100%;
  line-height: 1;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.carousel-control.left {

}

.carousel-control.right {
  right: 0;
  left: auto;
}

.carousel-control:hover,
.carousel-control:focus {
  text-decoration: none;
  
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  display: inline-block;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}

.carousel-control .icon-prev:before {
  content: '\2039';
}

.carousel-control .icon-next:before {
  content: '\203a';
}


.carousel-indicators {
  position: absolute;
  bottom: 10px;
  z-index: 15;
  width: 100%;
  padding-left: 0;
  margin-left: -5%;
  text-align: right;
  list-style: none;
}

.carousel-control-effect1.left {
  background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.carousel-control-effect1.right {
  right: 0;
  left: auto;
  background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.carousel-control-effect1:hover,
.carousel-control-effect1:focus {
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}


.uicollapse {
  display: none;
}

.uicollapse.in {
  display: block;
}

.uicollapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
          transition: height 0.35s ease;
}


		
/* ====================== */
// combox component css
//this is scroller panel
/* ====================== */
/*when loading icon*/
.ac_loading {

}
/*when combox over that select item*/
.ac_over {
  color: #ffffff !important;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); 
}

.ac_results {	 
	overflow: hidden;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ComboxTableHeader {
	font-weight: bold;
	background-color: #CCCCCC;
	line-height: 30px;
}

.ComboxTableContent {
	line-height: 30px;
}

.ComboxHeight{
	max-height: 300px;
}
	

@charset "UTF-8";
/* for common css usage: make a standard layout*/

/**
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
body{
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  
}
**/

/* below overflow for innerheight, scroll postion can work correct mode*/
body{
  overflow:auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  background-color: #ffffff;
}

/* for label use*/
.FieldSty{
	height:30px;
	padding-top:5px;
	padding-bottom:5px;
}

.box-padding{
  padding:10px 10px 10px 10px !important;
}
.box-padding-0{
  padding:0px 0px 0px 0px !important;
}
.box-padding-5{
  padding:5px 5px 5px 5px !important;
}
.box-padding-10{
  padding:10px 10px 10px 10px !important;
}

.box-margin{
  margin:10px 10px 10px 10px !important;
}
.box-margin-0{
  margin:0px 0px 0px 0px !important;
}
.box-margin-5{
  margin:5px 5px 5px 5px !important;
}
.box-margin-10{
  margin:10px 10px 10px 10px !important;
}

.line-padding{
  padding-top:10px !important;
  padding-bottom:10px !important;
}
.line-padding-0{
  padding-top:0px !important;
  padding-bottom:0px !important;
}
.line-padding-5{
  padding-top:5px !important;
  padding-bottom:5px !important;
}
.line-padding-10{
  padding-top:10px !important;
  padding-bottom:10px !important;
}

.line-margin{
  margin-top:10px !important;
  margin-bottom:10px !important;
}
.line-margin-0{
  margin-top:0px !important;
  margin-bottom:0px !important;
}
.line-margin-5{
  margin-top:5px !important;
  margin-bottom:5px !important;
}
.line-margin-10{
  margin-top:10px !important;
  margin-bottom:10px !important;
}

.col-padding{
  padding-left:5px !important;
  padding-right:5px !important;
}
.col-padding-0 {
  padding-left:0px !important;
  padding-right:0px  !important;
}
.col-padding-5{
  padding-left:5px !important;
  padding-right:5px !important;
}
.col-padding-10{
  padding-left:10px !important;
  padding-right:10px !important;
}


.col-margin{
  margin-left:5px !important;
  margin-right:5px !important;
}
.col-margin-0{
  margin-left:0px  !important;
  margin-right:0px !important;
}
.col-margin-5{
  margin-left:5px !important;
  margin-right:5px !important;
}
.col-margin-10{
  margin-left:10px !important;
  margin-right:10px !important;
}

.ui-title-nav{
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
}

table {
  max-width: 100%;
  /*background-color: transparent;*/
  border-collapse: collapse;
  border-spacing: 0;
}

ul,
ol {
  padding: 0;
  margin: 0 0 10px 25px;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

li {
  line-height: 20px;
}

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}

ul.inline,
ol.inline {
  margin-left: 0;
  list-style: none;
}

ul.inline > li,
ol.inline > li {
  display: inline-block;
  *display: inline;
  padding-right: 5px;
  padding-left: 5px;
  *zoom: 1;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 200;
  line-height: 30px;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

cite {
  font-style: normal;
}

.muted {
  color: #999999;
}

a {
  color: #0088cc;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #005580;
  text-decoration: underline;
}

a.muted:hover,
a.muted:focus {
  color: #808080;
}

.text-warning {
  color: #c09853;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #a47e3c;
}

.text-error {
  color: #b94a48;
}

a.text-error:hover,
a.text-error:focus {
  color: #953b39;
}

.text-info {
  color: #3a87ad;
}

a.text-info:hover,
a.text-info:focus {
  color: #2d6987;
}

.text-success {
  color: #468847;
}

a.text-success:hover,
a.text-success:focus {
  color: #356635;
}

dl {
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 20px;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 10px;
}

.dl-horizontal {
  *zoom: 1;
}

.dl-horizontal:before,
.dl-horizontal:after {
  display: table;
  line-height: 0;
  content: "";
}

.dl-horizontal:after {
  clear: both;
}

.dl-horizontal dt {
  float: left;
  width: 160px;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dl-horizontal dd {
  margin-left: 180px;
}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 20px;
  border-left: 5px solid #eeeeee;
}

blockquote p {
  margin-bottom: 0;
  font-size: 17.5px;
  font-weight: 300;
  line-height: 1.25;
}

blockquote small {
  display: block;
  line-height: 20px;
  color: #999999;
}

blockquote small:before {
  content: '\2014 \00A0';
}

blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}

blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}

blockquote.pull-right small:before {
  content: '';
}

blockquote.pull-right small:after {
  content: '\00A0 \2014';
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}

address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 20px;
}

code,
pre {
  padding: 0 3px 2px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

code {
  padding: 2px 4px;
  color: #fff;
  white-space: nowrap;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

pre.prettyprint {
  margin-bottom: 20px;
}

pre code {
  padding: 0;
  color: inherit;
  white-space: pre;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}


img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  display: inline-block;
  height: auto;
  max-width: 100%;
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.img-circle {
  border-radius: 50%;
}


.thumbnail {
  display: inline-block;
  display: block;
  height: auto;
  max-width: 100%;
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.thumbnail > img {
  display: block;
  height: auto;
  max-width: 100%;
}

a.thumbnail:hover,
a.thumbnail:focus {
  border-color: #428bca;
}

.thumbnail > img {
  margin-right: auto;
  margin-left: auto;
}

.thumbnail .caption {
  padding: 9px;
  color: #333333;
}

.ui-table-responsive{
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 768px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    border: 1px solid #dddddd;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
    background-color: #fff;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > thead > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > thead > tr:last-child > td,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

/*Rounded corner*/
.border-top-radius(4px) {
  border-top-right-radius: 4px;
   border-top-left-radius: 4px;
}
.border-right-radius(4px) {
  border-bottom-right-radius: 4px;
     border-top-right-radius: 4px;
}
.border-bottom-radius(4px) {
  border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
}
.border-left-radius(4px) {
  border-bottom-left-radius: 4px;
     border-top-left-radius: 4px;
}
* ::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #ede8e8;
}

* ::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background-color: #ede8e8;
}

* ::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #a39f9f;
}
/*
 *  STYLE 3
 */

.scrollbar3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.scrollbar3::-webkit-scrollbar
{
	width: 6px !important;
	height: 6px !important;
	background-color: #F5F5F5;
}

.scrollbar3::-webkit-scrollbar-thumb
{
	background-color: #000000;
}
 
/*
 *  STYLE 1
 */
 


/*
 *  STYLE 2
 */

.scrollbar2::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.scrollbar2::-webkit-scrollbar
{
	width: 6px !important;
	height: 6px !important;
	background-color: #F5F5F5;
}

.scrollbar2::-webkit-scrollbar-thumb
{
	background-color: #0ae;
	
	background-image: -webkit-gradient(linear, 0 0, 0 100%,
	                   color-stop(.5, rgba(255, 255, 255, .2)),
					   color-stop(.5, transparent), to(transparent));
}


@media screen and (min-width: 768px) { 
	.col-xs-offset-30{
		margin-left:30px;
	}
}
/* Updated ui-title */
.ui-title{
    font-size: large;
    border-bottom: 1px solid #8c8c8ccc;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(140, 140, 140, 0.8);
    font-family: Tahoma, Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei",     "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif !important;
	margin : 5px 0 5px 0;
		
}


 
.ui-title-h1,h1{
	margin: 0.47em 0;
	line-height:1em;

}
.ui-title-h2,h2{
	margin: 0.37em 0;
	line-height:1em;
	
}
.ui-title-h3,h3{
	margin: 0.27em 0;
	line-height:1em;

}
.ui-title-h4,h4{
	margin: 0.17em 0;
	line-height:1em;

}
.ui-title-h5,h5{
	margin: 0.5em 0;
	line-height:1em;

}
.ui-title-h6,h6{
	margin: 0.1em 0;
	line-height:1em;
	
}
 
 
 /* for common css usage: make a standard layout*/
.ui-table-data:hover {
	background: #ccffff;
	font-weight: bold;
	z-index: 9999;
}

.ui-table-header {
	text-align: center;
	color: #FFF;
	font-weight: bold;
	background-color: #B0B0B0;
}

.ui-date-col {
	max-width: 90px;
	min-width: 90px;
}

.ui-desc-col {
	min-width: 150px;
}

.ui-name-col {
	max-width: 170px;
}

.ui-2btn-col {
	max-width: 105px;
}

.ui-3btn-col {
	max-width: 150px;
}

.ui-4btn-col {
	max-width: 180px;
}

.ui-index-col, .ui-checkbox-col {
	max-width: 30px;
	min-width: 30px;
}

.ui-attention-box {
	background-color: pink;
}

.ui-attention-font {
	color: red;
}

.ui-pass-font {
	color: green;
}

.ui-bold-font {
	font-weight: bold;
}

.ui-smaller-font {
	font-size: 0.8em;
}

.ui-ligther-font {
	color: #8F8F8F;
}

.ui-lastupdate-font {
	font-size: 0.8em;
	min-width: 100px;
	max-width: 100px;
	color: #8F8F8F;
}

.ui-field-label {
	padding: 5px;
	background-color: lightgrey;
	border-radius: 0.5em;
}

.ui-combox-table-header {
	font-weight: bold;
	background-color: #CCCCCC;
	line-height: 30px;
}

.ui-combox-table-content {
	line-height: 30px;
}

.ui-combox-table-height {
	max-height: 500px;
	overflow-y:auto;
}
.l1{
	/** 2x 6 padding+1 margin + width 10px per word **/
	width: 24px !important;
}
.l2{
	width: 34px !important;
}
.l3{
	width: 44px !important;
}
.l4{
	width: 54px !important;
}
.l5{
	width: 64px !important;
}
.l6{
	width: 74px !important;
}
.l7{
	width: 84px !important;
}
.l8{
	width: 94px !important;
}
.l9{
	width: 104px !important;
}
.l10{
	width: 114px !important;
}
.l11{
	width: 124px !important;
}
.l12{
	width: 134px !important;
}
.l13{
	width: 144px !important;
}
.l14{
	width: 154px !important;
}
.l15{
	width: 164px !important;
}
.l16{
	width: 174px !important;
}
.l17{
	width: 184px !important;
}
.l18{
	width: 194px !important;
}
.l19{
	width: 204px !important;
}
.l20{
	width: 214px !important;
}


/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  top: 0;
  left: 0;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /*.dow {
    border-top: 1px solid #ddd !important;
  }*/

}
.datepicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div {
  display: none;
}
.datepicker table {
  width: 100%;
  margin: 0;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker td.day.disabled {
  color: #eeeeee;
}
.datepicker td.old,
.datepicker td.new {
  color: #999999;
}
.datepicker td.active,
.datepicker td.active:hover {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
  background-color: #003399 \9;
}
.datepicker td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td span:hover {
  background: #eeeeee;
}
.datepicker td span.active {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td span.active:active,
.datepicker td span.active.active {
  background-color: #003399 \9;
}
.datepicker td span.old {
  color: #999999;
}
.datepicker th.switch {
  width: 145px;
}
.datepicker th.next,
.datepicker th.prev {
  font-size: 21px;
}
.datepicker thead tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover {
  background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

/*! jQuery UI - v1.12.1 - 2016-10-13
* http://jqueryui.com
* Includes: draggable.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}


/**
 *=======================================
 *
 *=======================================
 * $Revision$
 * $Rev$
 * $Author$
 * $Date$
 * $HeadURL$
 * $Id$
 * $LastChangedBy$
 * $LastChangedRevision$
 * $LastChangedDate$
 * Copyright : Copyright (C) 2005
 * Company : My PC Trading All right reserved
 *=======================================
 **/

/**
 *================================================================================
  Compnent Name: ui-drop
  Name : 
  
  Skin : tpl-default
 *================================================================================
**/

.ef-fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
     -moz-transition: opacity 0.15s linear;
       -o-transition: opacity 0.15s linear;
          transition: opacity 0.15s linear;
}

.ef-fade.in {
  opacity: 1;
}

/**
 *================================================================================
  Compnent Name: ui-drop
  Name : 
  
  Skin : tpl-default
 *================================================================================
**/

.ui-well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.ui-well-white {
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.ui-well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.ui-well-large {
  padding: 24px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.ui-well-small {
  padding: 9px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.ui-panel-float {
  position: absolute;
  top: 100%;
  left: 0;
}

.ui-panel,
.ui-panel-float {
  z-index: 11000;
  /*display: none;*/
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  /*list-style: none;*/
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.dialog-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10990;
  background-color: #000000;
}

.dialog-backdrop.ef-fade {
  opacity: 0;
}

.dialog-backdrop,
.dialog-backdrop.ef-fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.dialog {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1100;
  width: 560px;
  margin-left: -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}

.dialog.ef-fade {
  top: -25%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
       -o-transition: opacity 0.3s linear, top 0.3s ease-out;
          transition: opacity 0.3s linear, top 0.3s ease-out;
}

.dialog.ef-fade.in {
  top: 10%;
}

.dialoghead {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}

.dialoghead .close {
  margin-top: 2px;
}

.dialoghead h3 {
  margin: 0;
  line-height: 30px;
}

.dialogbody {
  position: fixed;
  max-height: 400px;
  padding: 15px;
  overflow-y: auto;
}

.dialogform {
  margin-bottom: 0;
}

.dialogfoot {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
     -moz-box-shadow: inset 0 1px 0 #ffffff;
          box-shadow: inset 0 1px 0 #ffffff;
}

.dialogfoot:before,
.dialogfoot:after {
  display: table;
  line-height: 0;
  content: "";
}

.dialogfoot:after {
  clear: both;
}
.dialogfoot .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.dialogfoot .btn-group .btn + .btn {
  margin-left: -1px;
}

.dialogfoot .btn-block + .btn-block {
  margin-left: 0;
}
.dialogfoot .ui-btn + .ui-btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.dialogfoot .ui-btn-group .ui-btn + .ui-btn {
  margin-left: -1px;
}

.dialogfoot .ui-btn-block + .ui-btn-block {
  margin-left: 0;
}



.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 15000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.open {
  *z-index: 15000;
  /*fix*/
  position: relative;
}

.open > .dropdown-menu {
  display: block;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 14990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
     -moz-border-radius: 0 6px 6px 6px;
          border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 5px 5px 5px 0;
     -moz-border-radius: 5px 5px 5px 0;
          border-radius: 5px 5px 5px 0;
}

.dropdown-submenu > a:after {
  display: block;
  float: right;
  width: 0;
  height: 0;
  margin-top: 5px;
  margin-right: -10px;
  border-color: transparent;
  border-left-color: #cccccc;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
}

.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
     -moz-border-radius: 6px 0 6px 6px;
          border-radius: 6px 0 6px 6px;
}

.dropdown .dropdown-menu .nav-header {
  padding-right: 20px;
  padding-left: 20px;
}
.dropdown .dropdown-menu .ui-nav-header {
  padding-right: 20px;
  padding-left: 20px;
}

/**
 *=======================================
 *
 *=======================================
 * $Revision$
 * $Rev$
 * $Author$
 * $Date$
 * $HeadURL$
 * $Id$
 * $LastChangedBy$
 * $LastChangedRevision$
 * $LastChangedDate$
 * Copyright : Copyright (C) 2005
 * Company : My PC Trading All right reserved
 *=======================================
 **/

/**
 *================================================================================
  Compnent Name: ui-form
  Name : 

 *================================================================================
**/

form {
  margin: 0 0 0px;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

legend small {
  font-size: 15px;
  color: #999999;
}

label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  
}


input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
  display: block;
  margin-bottom: 5px;
}
 
input,textarea{
  width:100%;
}
 
input,
textarea,
.ui-input-disabled {
  /*width: 206px;*/
  width:100%;
}


textarea {
  height: auto;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.ui-input-disabled {
  
  display: inline-block;
  /* Fix the input text height original is 20px  by minyou*/
  height: 28px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
          
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 10px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 20s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.ui-input-disabled:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -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);
}

/*for normal bootstrap*/
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;

}
/* start ==for custom radio checkbox */
	

/* The container */
.boxctr {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0px;
  cursor: pointer;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
} 
 
/* Hide the browser's default radio button */
.boxctr input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #666666;
  border-radius:5px;

}
.ui-radio-label{
  border-radius: 50%;
}



/* On mouse-over, add a grey background color */
.boxctr:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.boxctr input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.boxctr input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.boxctr .ui-radio-label:after {
 	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

/* checkbox  Customize the label (the container) */

/* Style the checkmark/indicator */
.boxctr .ui-checkbox-label:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

			
			
/* == end for custom radio checkbox== */						
						
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 30px;
}

select {
  /*width: 220px;*/
  width:100%;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.ui-input-disabled,
.uneditable-textarea {
  color: #999999;
  cursor: not-allowed;
  background-color: #fcfcfc;
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}

.ui-input-disabled {
  overflow: hidden;
  white-space: nowrap;
  background-color: #eee;
}

.uneditable-textarea {
  width: auto;
  height: auto;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}

.radio,
.checkbox {
  min-height: 20px;
  padding-left: 20px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}

.input-mini {
  width: 60px;
}

.input-small {
  width: 90px;
}

.input-medium {
  width: 150px;
}

.input-large {
  width: 210px;
}

.input-xlarge {
  width: 270px;
}

.input-xxlarge {
  width: 530px;
}

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.ui-input-disabled[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .ui-input-disabled[class*="span"] {
  float: none;
  margin-left: 0;
}

.input-append input[class*="span"],
.input-append .ui-input-disabled[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .ui-input-disabled[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .ui-input-disabled[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
  display: inline-block;
}

input,
textarea,
.ui-input-disabled {
  margin-left: 0;
}

.controls-row [class*="span"] + [class*="span"] {
  margin-left: 20px;
}
 


/* Allow for input prepend/append in search forms */

.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.form-search .input-append .search-query {
  -webkit-border-radius: 14px 0 0 14px;
     -moz-border-radius: 14px 0 0 14px;
          border-radius: 14px 0 0 14px;
}

.form-search .input-append .btn {
  -webkit-border-radius: 0 14px 14px 0;
     -moz-border-radius: 0 14px 14px 0;
          border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .search-query {
  -webkit-border-radius: 0 14px 14px 0;
     -moz-border-radius: 0 14px 14px 0;
          border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .btn {
  -webkit-border-radius: 14px 0 0 14px;
     -moz-border-radius: 14px 0 0 14px;
          border-radius: 14px 0 0 14px;
}

.form-search input,
.ui-form-inline input,
.ui-form-horizon input,
.form-search textarea,
.ui-form-inline textarea,
.ui-form-horizon textarea,
.form-search select,
.ui-form-inline select,
.ui-form-horizon select,
.form-search .help-inline,
.ui-form-inline .help-inline,
.ui-form-horizon .help-inline,
.form-search .ui-input-disabled,
.ui-form-inline .ui-input-disabled,
.ui-form-horizon .ui-input-disabled,
.form-search .input-prepend,
.ui-form-inline .input-prepend,
.ui-form-horizon .input-prepend,
.form-search .input-append,
.ui-form-inline .input-append,
.ui-form-horizon .input-append {
  display: inline-block;
  *display: inline;
 
  vertical-align: middle;
  *zoom: 1;
}

.form-search .hide,
.ui-form-inline .hide,
.ui-form-horizon .hide {
  display: none;
}

.form-search label,
.ui-form-inline label,
.form-search .btn-group,
.ui-form-inline .btn-group {
  display: inline-block;
}

.form-search .input-append,
.ui-form-inline .input-append,
.form-search .input-prepend,
.ui-form-inline .input-prepend {
  margin-bottom: 0;
}

.form-search .radio,
.form-search .checkbox,
.ui-form-inline .radio,
.ui-form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.ui-form-inline .radio input[type="radio"],
.ui-form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0;
}

.control-group {
  margin-bottom: 10px;
}

legend + .control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate;
}

.ui-form-horizon .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}

.ui-form-horizon .control-group:before,
.ui-form-horizon .control-group:after {
  display: table;
  line-height: 0;
  content: "";
}

.ui-form-horizon .control-group:after {
  clear: both;
}

.ui-form-horizon .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}

.ui-form-horizon .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}

.ui-form-horizon .controls:first-child {
  *padding-left: 180px;
}

.ui-form-horizon .help-block {
  margin-bottom: 0;
}

.ui-form-horizon input + .help-block,
.ui-form-horizon select + .help-block,
.ui-form-horizon textarea + .help-block,
.ui-form-horizon .ui-input-disabled + .help-block,
.ui-form-horizon .input-prepend + .help-block,
.ui-form-horizon .input-append + .help-block {
  margin-top: 10px;
}

.ui-form-horizon .form-actions {
  padding-left: 180px;
}

/*customize*/

input[type="text"].ui-input-round,
input[type="password"].ui-input-round,
input[type="datetime"].ui-input-round,
input[type="datetime-local"].ui-input-round,
input[type="date"].ui-input-round,
input[type="month"].ui-input-round,
input[type="time"].ui-input-round,
input[type="week"].ui-input-round,
input[type="number"].ui-input-round,
input[type="email"].ui-input-round,
input[type="url"].ui-input-round,
input[type="search"].ui-input-round,
input[type="tel"].ui-input-round,
input[type="color"].ui-input-round,
.ui-input-disabled.ui-input-round  {
  -webkit-border-radius: 14px 14px 14px 14px;
     -moz-border-radius: 14px 14px 14px 14px;
          border-radius: 14px 14px 14px 14px;
}


[class^="ic_"],
[class*="ic_"] {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 32px;
  vertical-align: text-top;
  background-image: url("img/ui-icon-custom.png");
  /* position depend icon size X*Y */
   
  background-repeat: no-repeat;
}

.ic_3d {
    
    background-position: -5px -5px;
}

.ic_4k {
    
    background-position: -47px -5px;
}

.ic_account_logout {
    
    background-position: -5px -47px;
}

.ic_action_redo {
    
    background-position: -47px -47px;
}

.ic_action_undo {
    
    background-position: -89px -5px;
}

.ic_address_book {
    
    background-position: -89px -47px;
}

.ic_airplane_mode {
    
    background-position: -5px -89px;
}

.ic_airplane_mode_off {
    
    background-position: -47px -89px;
}

.ic_airplay {
    
    background-position: -89px -89px;
}

.ic_alarm {
    
    background-position: -131px -5px;
}

.ic_album {
    
    background-position: -131px -47px;
}

.ic_align_center {
    
    background-position: -131px -89px;
}

.ic_align_left {
    
    background-position: -5px -131px;
}

.ic_align_right {
    
    background-position: -47px -131px;
}

.ic_american_football {
    
    background-position: -89px -131px;
}

.ic_aperture {
    
    background-position: -131px -131px;
}

.ic_apple {
    
    background-position: -173px -5px;
}

.ic_applications {
    
    background-position: -173px -47px;
}

.ic_applications_settings {
    
    background-position: -173px -89px;
}

.ic_arrow_bottom {
    
    background-position: -173px -131px;
}

.ic_arrow_circle_bottom {
    
    background-position: -5px -173px;
}

.ic_arrow_circle_left {
    
    background-position: -47px -173px;
}

.ic_arrow_circle_right {
    
    background-position: -89px -173px;
}

.ic_arrow_circle_top {
    
    background-position: -131px -173px;
}

.ic_arrow_left {
    
    background-position: -173px -173px;
}

.ic_arrow_right {
    
    background-position: -215px -5px;
}

.ic_arrow_thick_bottom {
    
    background-position: -215px -47px;
}

.ic_arrow_thick_from_bottom {
    
    background-position: -215px -89px;
}

.ic_arrow_thick_from_left {
    
    background-position: -215px -131px;
}

.ic_arrow_thick_from_right {
    
    background-position: -215px -173px;
}

.ic_arrow_thick_from_top {
    
    background-position: -5px -215px;
}

.ic_arrow_thick_left {
    
    background-position: -47px -215px;
}

.ic_arrow_thick_right {
    
    background-position: -89px -215px;
}

.ic_arrow_thick_to_bottom {
    
    background-position: -131px -215px;
}

.ic_arrow_thick_to_left {
    
    background-position: -173px -215px;
}

.ic_arrow_thick_top {
    
    background-position: -215px -215px;
}

.ic_arrow_thick_to_right {
    
    background-position: -257px -5px;
}

.ic_arrow_thick_to_top {
    
    background-position: -257px -47px;
}

.ic_arrow_top {
    
    background-position: -257px -89px;
}

.ic_assistive_listening_system {
    
    background-position: -257px -131px;
}

.ic_asterisk {
    
    background-position: -257px -173px;
}

.ic_asterisk_circle {
    
    background-position: -257px -215px;
}

.ic_at {
    
    background-position: -5px -257px;
}

.ic_audio {
    
    background-position: -47px -257px;
}

.ic_audio_description {
    
    background-position: -89px -257px;
}

.ic_audio_spectrum {
    
    background-position: -131px -257px;
}

.ic_av_timer {
    
    background-position: -173px -257px;
}

.ic_badge {
    
    background-position: -215px -257px;
}

.ic_balance_scale {
    
    background-position: -257px -257px;
}

.ic_ban {
    
    background-position: -299px -5px;
}

.ic_bank {
    
    background-position: -299px -47px;
}

.ic_bar_chart {
    
    background-position: -299px -89px;
}

.ic_barcode {
    
    background-position: -299px -131px;
}

.ic_baseball {
    
    background-position: -299px -173px;
}

.ic_basket {
    
    background-position: -299px -215px;
}

.ic_basketball {
    
    background-position: -299px -257px;
}

.ic_bath {
    
    background-position: -5px -299px;
}

.ic_battery_0 {
    
    background-position: -47px -299px;
}

.ic_battery_3 {
    
    background-position: -89px -299px;
}

.ic_battery_5 {
    
    background-position: -131px -299px;
}

.ic_battery_alert {
    
    background-position: -173px -299px;
}

.ic_battery_slash {
    
    background-position: -215px -299px;
}

.ic_beach_access {
    
    background-position: -257px -299px;
}

.ic_beaker {
    
    background-position: -299px -299px;
}

.ic_bed {
    
    background-position: -341px -5px;
}

.ic_bell {
    
    background-position: -341px -47px;
}

.ic_bike {
    
    background-position: -341px -89px;
}

.ic_birthday_cake {
    
    background-position: -341px -131px;
}

.ic_blind {
    
    background-position: -341px -173px;
}

.ic_bluetooth {
    
    background-position: -341px -215px;
}

.ic_blur {
    
    background-position: -341px -257px;
}

.ic_blur_circular {
    
    background-position: -341px -299px;
}

.ic_boat_alt {
    
    background-position: -5px -341px;
}

.ic_blur_linear {
    
    background-position: -47px -341px;
}

.ic_bold {
    
    background-position: -89px -341px;
}

.ic_bolt {
    
    background-position: -131px -341px;
}

.ic_book {
    
    background-position: -173px -341px;
}

.ic_bookmark {
    
    background-position: -215px -341px;
}

.ic_border_all {
    
    background-position: -257px -341px;
}

.ic_border_bottom {
    
    background-position: -299px -341px;
}

.ic_border_clear {
    
    background-position: -341px -341px;
}

.ic_border_horizontal {
    
    background-position: -383px -5px;
}

.ic_border_inner {
    
    background-position: -383px -47px;
}

.ic_border_left {
    
    background-position: -383px -89px;
}

.ic_border_outer {
    
    background-position: -383px -131px;
}

.ic_border_right {
    
    background-position: -383px -173px;
}

.ic_border_style {
    
    background-position: -383px -215px;
}

.ic_border_top {
    
    background-position: -383px -257px;
}

.ic_border_vertical {
    
    background-position: -383px -299px;
}

.ic_bowling {
    
    background-position: -383px -341px;
}

.ic_braille {
    
    background-position: -5px -383px;
}

.ic_briefcase {
    
    background-position: -47px -383px;
}

.ic_brightness {
    
    background-position: -89px -383px;
}

.ic_british_pound {
    
    background-position: -131px -383px;
}

.ic_browser {
    
    background-position: -173px -383px;
}

.ic_brush {
    
    background-position: -215px -383px;
}

.ic_brush_alt {
    
    background-position: -257px -383px;
}

.ic_bug {
    
    background-position: -299px -383px;
}

.ic_building {
    
    background-position: -341px -383px;
}

.ic_bullhorn {
    
    background-position: -383px -383px;
}

.ic_burger {
    
    background-position: -425px -5px;
}

.ic_bus_alt {
    
    background-position: -425px -47px;
}

.ic_calculator {
    
    background-position: -425px -89px;
}

.ic_calendar {
    
    background-position: -425px -131px;
}

.ic_calendar_check {
    
    background-position: -425px -173px;
}

.ic_camera {
    
    background-position: -425px -215px;
}

.ic_camera_control {
    
    background-position: -425px -257px;
}

.ic_camera_roll {
    
    background-position: -425px -299px;
}

.ic_car_alt {
    
    background-position: -425px -341px;
}

.ic_caret_bottom {
    
    background-position: -425px -383px;
}

.ic_caret_left {
    
    background-position: -5px -425px;
}

.ic_caret_right {
    
    background-position: -47px -425px;
}

.ic_caret_top {
    
    background-position: -89px -425px;
}

.ic_cart {
    
    background-position: -131px -425px;
}

.ic_casino {
    
    background-position: -173px -425px;
}

.ic_cast {
    
    background-position: -215px -425px;
}

.ic_cat {
    
    background-position: -257px -425px;
}

.ic_center_focus {
    
    background-position: -299px -425px;
}

.ic_chart {
    
    background-position: -341px -425px;
}

.ic_chart_line {
    
    background-position: -383px -425px;
}

.ic_chart_pie {
    
    background-position: -425px -425px;
}

.ic_chat_bubble {
    
    background-position: -467px -5px;
}

.ic_check {
    
    background-position: -467px -47px;
}

.ic_check_alt {
    
    background-position: -467px -89px;
}

.ic_check_circle {
    
    background-position: -467px -131px;
}

.ic_chevron_bottom {
    
    background-position: -467px -173px;
}

.ic_chevron_circle_down_alt {
    
    background-position: -467px -215px;
}

.ic_chevron_circle_left_alt {
    
    background-position: -467px -257px;
}

.ic_chevron_circle_right_alt {
    
    background-position: -467px -299px;
}

.ic_chevron_circle_up_alt {
    
    background-position: -467px -341px;
}

.ic_chevron_double_down {
    
    background-position: -467px -383px;
}

.ic_chevron_double_left {
    
    background-position: -467px -425px;
}

.ic_chevron_double_right {
    
    background-position: -5px -467px;
}

.ic_chevron_double_up {
    
    background-position: -47px -467px;
}

.ic_chevron_double_up_alt {
    
    background-position: -89px -467px;
}

.ic_chevron_left {
    
    background-position: -131px -467px;
}

.ic_chevron_right {
    
    background-position: -173px -467px;
}

.ic_chevron_top {
    
    background-position: -215px -467px;
}

.ic_child {
    
    background-position: -257px -467px;
}

.ic_child_friendly {
    
    background-position: -299px -467px;
}

.ic_circle {
    
    background-position: -341px -467px;
}

.ic_clear_all {
    
    background-position: -383px -467px;
}

.ic_clipboard {
    
    background-position: -425px -467px;
}

.ic_clock {
    
    background-position: -467px -467px;
}

.ic_clone {
    
    background-position: -509px -5px;
}

.ic_closed_captioning {
    
    background-position: -509px -47px;
}

.ic_cloud {
    
    background-position: -509px -89px;
}

.ic_cloud_download {
    
    background-position: -509px -131px;
}

.ic_cloud_upload {
    
    background-position: -509px -173px;
}

.ic_cloudy {
    
    background-position: -509px -215px;
}

.ic_code {
    
    background-position: -509px -257px;
}

.ic_coffee {
    
    background-position: -509px -299px;
}

.ic_color_border {
    
    background-position: -509px -341px;
}

.ic_color_fill {
    
    background-position: -509px -383px;
}

.ic_columns {
    
    background-position: -509px -425px;
}

.ic_color_palette {
    
    background-position: -509px -467px;
}

.ic_comment_bubble {
    
    background-position: -5px -509px;
}

.ic_comment_square {
    
    background-position: -47px -509px;
}

.ic_compass {
    
    background-position: -89px -509px;
}

.ic_compress {
    
    background-position: -131px -509px;
}

.ic_contact {
    
    background-position: -173px -509px;
}

.ic_contrast {
    
    background-position: -215px -509px;
}

.ic_copy {
    
    background-position: -257px -509px;
}

.ic_couch {
    
    background-position: -299px -509px;
}

.ic_credit_card {
    
    background-position: -341px -509px;
}

.ic_crop {
    
    background-position: -383px -509px;
}

.ic_crop_rotate {
    
    background-position: -425px -509px;
}

.ic_cursor {
    
    background-position: -467px -509px;
}

.ic_cursor_move {
    
    background-position: -509px -509px;
}

.ic_cut {
    
    background-position: -551px -5px;
}

.ic_data_transfer_down {
    
    background-position: -551px -47px;
}

.ic_data_transfer_up {
    
    background-position: -551px -89px;
}

.ic_deaf {
    
    background-position: -551px -131px;
}

.ic_description {
    
    background-position: -551px -173px;
}

.ic_devices {
    
    background-position: -551px -215px;
}

.ic_dialpad {
    
    background-position: -551px -257px;
}

.ic_dinner {
    
    background-position: -551px -299px;
}

.ic_dog {
    
    background-position: -551px -341px;
}

.ic_dollar {
    
    background-position: -551px -383px;
}

.ic_door {
    
    background-position: -551px -425px;
}

.ic_double_quote_sans_left {
    
    background-position: -551px -467px;
}

.ic_double_quote_sans_right {
    
    background-position: -551px -509px;
}

.ic_drink {
    
    background-position: -5px -551px;
}

.ic_drink_alcohol {
    
    background-position: -47px -551px;
}

.ic_drop {
    
    background-position: -89px -551px;
}

.ic_drop1 {
    
    background-position: -131px -551px;
}

.ic_elevator {
    
    background-position: -173px -551px;
}

.ic_envelope_closed {
    
    background-position: -215px -551px;
}

.ic_envelope_letter {
    
    background-position: -257px -551px;
}

.ic_envelope_open {
    
    background-position: -299px -551px;
}

.ic_equalizer {
    
    background-position: -341px -551px;
}

.ic_ethernet {
    
    background-position: -383px -551px;
}

.ic_euro {
    
    background-position: -425px -551px;
}

.ic_excerpt {
    
    background-position: -467px -551px;
}

.ic_exit_to_app {
    
    background-position: -509px -551px;
}

.ic_expand_down {
    
    background-position: -551px -551px;
}

.ic_expand_left {
    
    background-position: -593px -5px;
}

.ic_expand_right {
    
    background-position: -593px -47px;
}

.ic_expand_up {
    
    background-position: -593px -89px;
}

.ic_exposure {
    
    background-position: -593px -131px;
}

.ic_external_link {
    
    background-position: -593px -173px;
}

.ic_eyedropper {
    
    background-position: -593px -215px;
}

.ic_face {
    
    background-position: -593px -257px;
}

.ic_face_dead {
    
    background-position: -593px -299px;
}

.ic_fastfood {
    
    background-position: -593px -341px;
}

.ic_fax {
    
    background-position: -593px -383px;
}

.ic_featured_playlist {
    
    background-position: -593px -425px;
}

.ic_file {
    
    background-position: -593px -467px;
}

.ic_filter {
    
    background-position: -593px -509px;
}

.ic_filter_frames {
    
    background-position: -593px -551px;
}

.ic_filter_photo {
    
    background-position: -5px -593px;
}

.ic_find_in_page {
    
    background-position: -47px -593px;
}

.ic_fingerprint {
    
    background-position: -89px -593px;
}

.ic_fire {
    
    background-position: -131px -593px;
}

.ic_flag_alt {
    
    background-position: -173px -593px;
}

.ic_flight_takeoff {
    
    background-position: -215px -593px;
}

.ic_flip {
    
    background-position: -257px -593px;
}

.ic_flip_to_back {
    
    background-position: -299px -593px;
}

.ic_flip_to_front {
    
    background-position: -341px -593px;
}

.ic_flower {
    
    background-position: -383px -593px;
}

.ic_folder {
    
    background-position: -425px -593px;
}

.ic_folder_open {
    
    background-position: -467px -593px;
}

.ic_font {
    
    background-position: -509px -593px;
}

.ic_football {
    
    background-position: -551px -593px;
}

.ic_fork {
    
    background-position: -593px -593px;
}

.ic_fridge {
    
    background-position: -635px -5px;
}

.ic_fullscreen_exit {
    
    background-position: -635px -47px;
}

.ic_functions {
    
    background-position: -635px -89px;
}

.ic_frown {
    
    background-position: -635px -131px;
}

.ic_fullscreen {
    
    background-position: -635px -173px;
}

.ic_functions_alt {
    
    background-position: -635px -215px;
}

.ic_gamepad {
    
    background-position: -635px -257px;
}

.ic_garage {
    
    background-position: -635px -299px;
}

.ic_gem {
    
    background-position: -635px -341px;
}

.ic_gif {
    
    background-position: -635px -383px;
}

.ic_gift {
    
    background-position: -635px -425px;
}

.ic_globe_alt {
    
    background-position: -635px -467px;
}

.ic_golf {
    
    background-position: -635px -509px;
}

.ic_golf_alt {
    
    background-position: -635px -551px;
}

.ic_gradient {
    
    background-position: -635px -593px;
}

.ic_grain {
    
    background-position: -5px -635px;
}

.ic_graph {
    
    background-position: -47px -635px;
}

.ic_grid {
    
    background-position: -89px -635px;
}

.ic_grid_slash {
    
    background-position: -131px -635px;
}

.ic_hand_point_down {
    
    background-position: -173px -635px;
}

.ic_hand_point_left {
    
    background-position: -215px -635px;
}

.ic_hand_point_right {
    
    background-position: -257px -635px;
}

.ic_hand_point_up {
    
    background-position: -299px -635px;
}

.ic_hd {
    
    background-position: -341px -635px;
}

.ic_hdr {
    
    background-position: -383px -635px;
}

.ic_header {
    
    background-position: -425px -635px;
}

.ic_headphones {
    
    background-position: -467px -635px;
}

.ic_healing {
    
    background-position: -509px -635px;
}

.ic_heart {
    
    background-position: -551px -635px;
}

.ic_highlighter {
    
    background-position: -593px -635px;
}

.ic_highligt {
    
    background-position: -635px -635px;
}

.ic_home {
    
    background-position: -677px -5px;
}

.ic_history {
    
    background-position: -677px -47px;
}

.ic_hospital {
    
    background-position: -677px -89px;
}

.ic_hot_tub {
    
    background-position: -677px -131px;
}

.ic_house {
    
    background-position: -677px -173px;
}

.ic_https {
    
    background-position: -677px -215px;
}

.ic_image1 {
    
    background-position: -677px -257px;
}

.ic_image_broken {
    
    background-position: -677px -299px;
}

.ic_image_plus {
    
    background-position: -677px -341px;
}

.ic_inbox {
    
    background-position: -677px -383px;
}

.ic_indent_decrease {
    
    background-position: -677px -425px;
}

.ic_indent_increase {
    
    background-position: -677px -467px;
}

.ic_industry {
    
    background-position: -677px -509px;
}

.ic_industry_slash {
    
    background-position: -677px -551px;
}

.ic_infinity {
    
    background-position: -677px -593px;
}

.ic_info {
    
    background-position: -677px -635px;
}

.ic_input {
    
    background-position: -5px -677px;
}

.ic_input_hdmi {
    
    background-position: -47px -677px;
}

.ic_input_power {
    
    background-position: -89px -677px;
}

.ic_institution {
    
    background-position: -131px -677px;
}

.ic_italic {
    
    background-position: -173px -677px;
}

.ic_justify_center {
    
    background-position: -215px -677px;
}

.ic_justify_left {
    
    background-position: -257px -677px;
}

.ic_justify_right {
    
    background-position: -299px -677px;
}

.ic_keyboard {
    
    background-position: -341px -677px;
}

.ic_lan {
    
    background-position: -383px -677px;
}

.ic_language {
    
    background-position: -425px -677px;
}

.ic_laptop {
    
    background-position: -467px -677px;
}

.ic_layers {
    
    background-position: -509px -677px;
}

.ic_leaf {
    
    background-position: -551px -677px;
}

.ic_lemon {
    
    background-position: -593px -677px;
}

.ic_level_down {
    
    background-position: -635px -677px;
}

.ic_level_up {
    
    background-position: -677px -677px;
}

.ic_library {
    
    background-position: -719px -5px;
}

.ic_library_add {
    
    background-position: -719px -47px;
}

.ic_life_ring {
    
    background-position: -719px -89px;
}

.ic_lightbulb {
    
    background-position: -719px -131px;
}

.ic_line_spacing {
    
    background-position: -719px -173px;
}

.ic_line_style {
    
    background-position: -719px -215px;
}

.ic_line_weight {
    
    background-position: -719px -257px;
}

.ic_link {
    
    background-position: -719px -299px;
}

.ic_link_alt {
    
    background-position: -719px -341px;
}

.ic_link_broken {
    
    background-position: -719px -383px;
}

.ic_list {
    
    background-position: -719px -425px;
}

.ic_list_filter {
    
    background-position: -719px -467px;
}

.ic_list_high_priority {
    
    background-position: -719px -509px;
}

.ic_list_low_priority {
    
    background-position: -719px -551px;
}

.ic_list_numbered {
    
    background-position: -719px -593px;
}

.ic_list_rich {
    
    background-position: -719px -635px;
}

.ic_location_pin {
    
    background-position: -719px -677px;
}

.ic_lock_locked {
    
    background-position: -5px -719px;
}

.ic_lock_unlocked {
    
    background-position: -47px -719px;
}

.ic_locomotive {
    
    background-position: -89px -719px;
}

.ic_loop {
    
    background-position: -131px -719px;
}

.ic_loop_1 {
    
    background-position: -173px -719px;
}

.ic_loop_circular {
    
    background-position: -215px -719px;
}

.ic_low_vision {
    
    background-position: -257px -719px;
}

.ic_magnifying_glass {
    
    background-position: -299px -719px;
}

.ic_map {
    
    background-position: -341px -719px;
}

.ic_media_eject {
    
    background-position: -383px -719px;
}

.ic_media_pause {
    
    background-position: -425px -719px;
}

.ic_media_play {
    
    background-position: -467px -719px;
}

.ic_media_record {
    
    background-position: -509px -719px;
}

.ic_media_skip_backward {
    
    background-position: -551px -719px;
}

.ic_media_skip_forward {
    
    background-position: -593px -719px;
}

.ic_media_step_backward {
    
    background-position: -635px -719px;
}

.ic_media_step_forward {
    
    background-position: -677px -719px;
}

.ic_media_stop {
    
    background-position: -719px -719px;
}

.ic_medical_cross {
    
    background-position: -761px -5px;
}

.ic_meh {
    
    background-position: -761px -47px;
}

.ic_memory {
    
    background-position: -761px -89px;
}

.ic_menu {
    
    background-position: -761px -131px;
}

.ic_microphone {
    
    background-position: -761px -173px;
}

.ic_minus {
    
    background-position: -761px -215px;
}

.ic_mobile {
    
    background-position: -761px -257px;
}

.ic_mobile_landscape {
    
    background-position: -761px -299px;
}

.ic_money {
    
    background-position: -761px -341px;
}

.ic_monitor {
    
    background-position: -761px -383px;
}

.ic_mood_bad {
    
    background-position: -761px -425px;
}

.ic_mood_good {
    
    background-position: -761px -467px;
}

.ic_mood_very_bad {
    
    background-position: -761px -509px;
}

.ic_mood_very_good {
    
    background-position: -761px -551px;
}

.ic_moon {
    
    background-position: -761px -593px;
}

.ic_mouse {
    
    background-position: -761px -635px;
}

.ic_mouth_slash {
    
    background-position: -761px -677px;
}

.ic_move {
    
    background-position: -761px -719px;
}

.ic_movie {
    
    background-position: -5px -761px;
}

.ic_mug {
    
    background-position: -47px -761px;
}

.ic_mug_tea {
    
    background-position: -89px -761px;
}

.ic_music_note {
    
    background-position: -131px -761px;
}

.ic_newspaper {
    
    background-position: -173px -761px;
}

.ic_notes {
    
    background-position: -215px -761px;
}

.ic_object_group {
    
    background-position: -257px -761px;
}

.ic_object_ungroup {
    
    background-position: -299px -761px;
}

.ic_opacity {
    
    background-position: -341px -761px;
}

.ic_options {
    
    background-position: -383px -761px;
}

.ic_options_horizontal {
    
    background-position: -425px -761px;
}

.ic_paint {
    
    background-position: -467px -761px;
}

.ic_paint_bucket {
    
    background-position: -509px -761px;
}

.ic_paperclip {
    
    background-position: -551px -761px;
}

.ic_paper_plane {
    
    background-position: -593px -761px;
}

.ic_paragraph {
    
    background-position: -635px -761px;
}

.ic_paw {
    
    background-position: -677px -761px;
}

.ic_pen_alt {
    
    background-position: -719px -761px;
}

.ic_pencil {
    
    background-position: -761px -761px;
}

.ic_pen_nib {
    
    background-position: -803px -5px;
}

.ic_people {
    
    background-position: -803px -47px;
}

.ic_phone {
    
    background-position: -803px -89px;
}

.ic_pin {
    
    background-position: -803px -131px;
}

.ic_pizza {
    
    background-position: -803px -173px;
}

.ic_playlist_add {
    
    background-position: -803px -215px;
}

.ic_plus {
    
    background-position: -803px -257px;
}

.ic_pool {
    
    background-position: -803px -299px;
}

.ic_power_standby {
    
    background-position: -803px -341px;
}

.ic_pregnant {
    
    background-position: -803px -383px;
}

.ic_print {
    
    background-position: -803px -425px;
}

.ic_puzzle {
    
    background-position: -803px -467px;
}

.ic_qr_code {
    
    background-position: -803px -509px;
}

.ic_rain {
    
    background-position: -803px -551px;
}

.ic_rectangle {
    
    background-position: -803px -593px;
}

.ic_reload {
    
    background-position: -803px -635px;
}

.ic_remove {
    
    background-position: -803px -677px;
}

.ic_resize_both {
    
    background-position: -803px -719px;
}

.ic_resize_height {
    
    background-position: -803px -761px;
}

.ic_resize_width {
    
    background-position: -5px -803px;
}

.ic_restaurant {
    
    background-position: -47px -803px;
}

.ic_room {
    
    background-position: -89px -803px;
}

.ic_rowing {
    
    background-position: -131px -803px;
}

.ic_rss {
    
    background-position: -173px -803px;
}

.ic_running {
    
    background-position: -215px -803px;
}

.ic_satelite {
    
    background-position: -257px -803px;
}

.ic_save {
    
    background-position: -299px -803px;
}

.ic_school {
    
    background-position: -341px -803px;
}

.ic_screen_desktop {
    
    background-position: -383px -803px;
}

.ic_screen_smartphone {
    
    background-position: -425px -803px;
}

.ic_scrubber {
    
    background-position: -467px -803px;
}

.ic_settings {
    
    background-position: -509px -803px;
}

.ic_share {
    
    background-position: -551px -803px;
}

.ic_share_all {
    
    background-position: -593px -803px;
}

.ic_share_alt {
    
    background-position: -635px -803px;
}

.ic_share_boxed {
    
    background-position: -677px -803px;
}

.ic_shield_alt {
    
    background-position: -719px -803px;
}

.ic_short_text {
    
    background-position: -761px -803px;
}

.ic_shower {
    
    background-position: -803px -803px;
}

.ic_signal_cellular_0 {
    
    background-position: -845px -5px;
}

.ic_signal_cellular_3 {
    
    background-position: -845px -47px;
}

.ic_signal_cellular_4 {
    
    background-position: -845px -89px;
}

.ic_sign_language {
    
    background-position: -845px -131px;
}

.ic_sim {
    
    background-position: -845px -173px;
}

.ic_sitemap {
    
    background-position: -845px -215px;
}

.ic_smile {
    
    background-position: -845px -257px;
}

.ic_smile_plus {
    
    background-position: -845px -299px;
}

.ic_smoke_free {
    
    background-position: -845px -341px;
}

.ic_smoking_room {
    
    background-position: -845px -383px;
}

.ic_snowflake {
    
    background-position: -845px -425px;
}

.ic_sort_alpha_down {
    
    background-position: -845px -467px;
}

.ic_sort_alpha_up {
    
    background-position: -845px -509px;
}

.ic_sort_ascending {
    
    background-position: -845px -551px;
}

.ic_sort_descending {
    
    background-position: -845px -593px;
}

.ic_sort_numeric_down {
    
    background-position: -845px -635px;
}

.ic_sort_numeric_up {
    
    background-position: -845px -677px;
}

.ic_spa {
    
    background-position: -845px -719px;
}

.ic_space_bar {
    
    background-position: -845px -761px;
}

.ic_speaker {
    
    background-position: -845px -803px;
}

.ic_speech {
    
    background-position: -5px -845px;
}

.ic_speedometer {
    
    background-position: -47px -845px;
}

.ic_spreadsheet {
    
    background-position: -89px -845px;
}

.ic_square {
    
    background-position: -131px -845px;
}

.ic_star {
    
    background-position: -173px -845px;
}

.ic_star_half {
    
    background-position: -215px -845px;
}

.ic_storage {
    
    background-position: -257px -845px;
}

.ic_stream {
    
    background-position: -299px -845px;
}

.ic_sun {
    
    background-position: -341px -845px;
}

.ic_swap_horizontal {
    
    background-position: -383px -845px;
}

.ic_swap_vertical {
    
    background-position: -425px -845px;
}

.ic_swimming {
    
    background-position: -467px -845px;
}

.ic_sync {
    
    background-position: -509px -845px;
}

.ic_tablet {
    
    background-position: -551px -845px;
}

.ic_tag {
    
    background-position: -593px -845px;
}

.ic_tags {
    
    background-position: -635px -845px;
}

.ic_task {
    
    background-position: -677px -845px;
}

.ic_taxi {
    
    background-position: -719px -845px;
}

.ic_tennis {
    
    background-position: -761px -845px;
}

.ic_tennis_ball {
    
    background-position: -803px -845px;
}

.ic_terminal {
    
    background-position: -845px -845px;
}

.ic_terrain {
    
    background-position: -887px -5px;
}

.ic_text {
    
    background-position: -887px -47px;
}

.ic_text_shapes {
    
    background-position: -887px -89px;
}

.ic_text_size {
    
    background-position: -887px -131px;
}

.ic_text_square {
    
    background-position: -887px -173px;
}

.ic_text_strike {
    
    background-position: -887px -215px;
}

.ic_thumb_down {
    
    background-position: -887px -257px;
}

.ic_thumb_up {
    
    background-position: -887px -299px;
}

.ic_toggle_off {
    
    background-position: -887px -341px;
}

.ic_toilet {
    
    background-position: -887px -383px;
}

.ic_touch_app {
    
    background-position: -887px -425px;
}

.ic_transfer {
    
    background-position: -887px -467px;
}

.ic_translate {
    
    background-position: -887px -509px;
}

.ic_trash {
    
    background-position: -887px -551px;
}

.ic_triangle {
    
    background-position: -887px -593px;
}

.ic_truck {
    
    background-position: -887px -635px;
}

.ic_tv {
    
    background-position: -887px -677px;
}

.ic_underline {
    
    background-position: -887px -719px;
}

.ic_user {
    
    background-position: -887px -761px;
}

.ic_user_female {
    
    background-position: -887px -803px;
}

.ic_user_follow {
    
    background-position: -887px -845px;
}

.ic_user_unfollow {
    
    background-position: -5px -887px;
}

.ic_vector {
    
    background-position: -47px -887px;
}

.ic_vertical_align_bottom {
    
    background-position: -89px -887px;
}

.ic_vertical_align_bottom1 {
    
    background-position: -131px -887px;
}

.ic_vertical_align_center {
    
    background-position: -173px -887px;
}

.ic_vertical_align_center1 {
    
    background-position: -215px -887px;
}

.ic_vertical_align_top {
    
    background-position: -257px -887px;
}

.ic_vertical_align_top1 {
    
    background-position: -299px -887px;
}

.ic_video {
    
    background-position: -341px -887px;
}

.ic_view_column {
    
    background-position: -383px -887px;
}

.ic_view_module {
    
    background-position: -425px -887px;
}

.ic_view_quilt {
    
    background-position: -467px -887px;
}

.ic_view_stream {
    
    background-position: -509px -887px;
}

.ic_voice_over_record {
    
    background-position: -551px -887px;
}

.ic_volume_high {
    
    background-position: -593px -887px;
}

.ic_volume_low {
    
    background-position: -635px -887px;
}

.ic_volume_off {
    
    background-position: -677px -887px;
}

.ic_walk {
    
    background-position: -719px -887px;
}

.ic_wallet {
    
    background-position: -761px -887px;
}

.ic_wallpaper {
    
    background-position: -803px -887px;
}

.ic_warning {
    
    background-position: -845px -887px;
}

.ic_watch {
    
    background-position: -887px -887px;
}

.ic_wc {
    
    background-position: -929px -5px;
}

.ic_weightlifitng {
    
    background-position: -929px -47px;
}

.ic_wheelchair {
    
    background-position: -929px -89px;
}

.ic_wifi_signal_0 {
    
    background-position: -929px -131px;
}

.ic_wifi_signal_1 {
    
    background-position: -929px -173px;
}

.ic_wifi_signal_2 {
    
    background-position: -929px -215px;
}

.ic_wifi_signal_4 {
    
    background-position: -929px -257px;
}

.ic_wifi_signal_off {
    
    background-position: -929px -299px;
}

.ic_window {
    
    background-position: -929px -341px;
}

.ic_window_maximize {
    
    background-position: -929px -383px;
}

.ic_window_minimize {
    
    background-position: -929px -425px;
}

.ic_window_restore {
    
    background-position: -929px -467px;
}

.ic_wrap_text {
    
    background-position: -929px -509px;
}

.ic_x {
    
    background-position: -929px -551px;
}

.ic_x_circle {
    
    background-position: -929px -593px;
}

.ic_yen {
    
    background-position: -929px -635px;
}

.ic_zoom_in {
    
    background-position: -929px -677px;
}

.ic_zoom_out {
    
    background-position: -929px -719px;
}

/**
 *=======================================
 *
 *=======================================
 * $Revision$
 * $Rev$
 * $Author$
 * $Date$
 * $HeadURL$
 * $Id$
 * $LastChangedBy$
 * $LastChangedRevision$
 * $LastChangedDate$
 * Copyright : Copyright (C) 2005
 * Company : My PC Trading All right reserved
 *=======================================
 **/

/**
 *================================================================================
  Compnent Name: ui-icon
  Name : 
  
  Skin : tpl-default
 *================================================================================
**/

[class^="ui-icon-"],
[class*=" ui-icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("img/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

/* White icons with optional class, or on hover/focus/active states of certain elements */

.ui-icon-white,
.nav-pills > .active > a > [class^="ui-icon-"],
.nav-pills > .active > a > [class*=" ui-icon-"],
.nav-list > .active > a > [class^="ui-icon-"],
.nav-list > .active > a > [class*=" ui-icon-"],
.navbar-inverse .nav > .active > a > [class^="ui-icon-"],
.navbar-inverse .nav > .active > a > [class*=" ui-icon-"],
.ui-menu > li > a:hover > [class^="ui-icon-"],
.ui-menu > li > a:focus > [class^="ui-icon-"],
.ui-menu > li > a:hover > [class*=" ui-icon-"],
.ui-menu > li > a:focus > [class*=" ui-icon-"],
.ui-menu > .active > a > [class^="ui-icon-"],
.ui-menu > .active > a > [class*=" ui-icon-"],
.ui-submenu:hover > a > [class^="ui-icon-"],
.ui-submenu:focus > a > [class^="ui-icon-"],
.ui-submenu:hover > a > [class*=" ui-icon-"],
.ui-submenu:focus > a > [class*=" ui-icon-"] {
  background-image: url("../img/glyphicons-halflings-white.png");
}

.ui-icon-glass {
  background-position: 0      0;
}

.ui-icon-music {
  background-position: -24px 0;
}

.ui-icon-search {
  background-position: -48px 0;
}

.ui-icon-envelope {
  background-position: -72px 0;
}

.ui-icon-heart {
  background-position: -96px 0;
}

.ui-icon-star {
  background-position: -120px 0;
}

.ui-icon-star-empty {
  background-position: -144px 0;
}

.ui-icon-user {
  background-position: -168px 0;
}

.ui-icon-film {
  background-position: -192px 0;
}

.ui-icon-th-large {
  background-position: -216px 0;
}

.ui-icon-th {
  background-position: -240px 0;
}

.ui-icon-th-list {
  background-position: -264px 0;
}

.ui-icon-ok {
  background-position: -288px 0;
}

.ui-icon-remove {
  background-position: -312px 0;
}

.ui-icon-zoom-in {
  background-position: -336px 0;
}

.ui-icon-zoom-out {
  background-position: -360px 0;
}

.ui-icon-off {
  background-position: -384px 0;
}

.ui-icon-signal {
  background-position: -408px 0;
}

.ui-icon-cog {
  background-position: -432px 0;
}

.ui-icon-trash {
  background-position: -456px 0;
}

.ui-icon-home {
  background-position: 0 -24px;
}

.ui-icon-file {
  background-position: -24px -24px;
}

.ui-icon-time {
  background-position: -48px -24px;
}

.ui-icon-road {
  background-position: -72px -24px;
}

.ui-icon-download-alt {
  background-position: -96px -24px;
}

.ui-icon-download {
  background-position: -120px -24px;
}

.ui-icon-upload {
  background-position: -144px -24px;
}

.ui-icon-inbox {
  background-position: -168px -24px;
}

.ui-icon-play-circle {
  background-position: -192px -24px;
}

.ui-icon-repeat {
  background-position: -216px -24px;
}

.ui-icon-refresh {
  background-position: -240px -24px;
}

.ui-icon-list-alt {
  background-position: -264px -24px;
}

.ui-icon-lock {
  background-position: -287px -24px;
}

.ui-icon-flag {
  background-position: -312px -24px;
}

.ui-icon-headphones {
  background-position: -336px -24px;
}

.ui-icon-volume-off {
  background-position: -360px -24px;
}

.ui-icon-volume-down {
  background-position: -384px -24px;
}

.ui-icon-volume-up {
  background-position: -408px -24px;
}

.ui-icon-qrcode {
  background-position: -432px -24px;
}

.ui-icon-barcode {
  background-position: -456px -24px;
}

.ui-icon-tag {
  background-position: 0 -48px;
}

.ui-icon-tags {
  background-position: -25px -48px;
}

.ui-icon-book {
  background-position: -48px -48px;
}

.ui-icon-bookmark {
  background-position: -72px -48px;
}

.ui-icon-print {
  background-position: -96px -48px;
}

.ui-icon-camera {
  background-position: -120px -48px;
}

.ui-icon-font {
  background-position: -144px -48px;
}

.ui-icon-bold {
  background-position: -167px -48px;
}

.ui-icon-italic {
  background-position: -192px -48px;
}

.ui-icon-text-height {
  background-position: -216px -48px;
}

.ui-icon-text-width {
  background-position: -240px -48px;
}

.ui-icon-align-left {
  background-position: -264px -48px;
}

.ui-icon-align-center {
  background-position: -288px -48px;
}

.ui-icon-align-right {
  background-position: -312px -48px;
}

.ui-icon-align-justify {
  background-position: -336px -48px;
}

.ui-icon-list {
  background-position: -360px -48px;
}

.ui-icon-indent-left {
  background-position: -384px -48px;
}

.ui-icon-indent-right {
  background-position: -408px -48px;
}

.ui-icon-facetime-video {
  background-position: -432px -48px;
}

.ui-icon-picture {
  background-position: -456px -48px;
}

.ui-icon-pencil {
  background-position: 0 -72px;
}

.ui-icon-map-marker {
  background-position: -24px -72px;
}

.ui-icon-adjust {
  background-position: -48px -72px;
}

.ui-icon-tint {
  background-position: -72px -72px;
}

.ui-icon-edit {
  background-position: -96px -72px;
}

.ui-icon-share {
  background-position: -120px -72px;
}

.ui-icon-check {
  background-position: -144px -72px;
}

.ui-icon-move {
  background-position: -168px -72px;
}

.ui-icon-step-backward {
  background-position: -192px -72px;
}

.ui-icon-fast-backward {
  background-position: -216px -72px;
}

.ui-icon-backward {
  background-position: -240px -72px;
}

.ui-icon-play {
  background-position: -264px -72px;
}

.ui-icon-pause {
  background-position: -288px -72px;
}

.ui-icon-stop {
  background-position: -312px -72px;
}

.ui-icon-forward {
  background-position: -336px -72px;
}

.ui-icon-fast-forward {
  background-position: -360px -72px;
}

.ui-icon-step-forward {
  background-position: -384px -72px;
}

.ui-icon-eject {
  background-position: -408px -72px;
}

.ui-icon-chevron-left {
  background-position: -432px -72px;
}

.ui-icon-chevron-right {
  background-position: -456px -72px;
}

.ui-icon-plus-sign {
  background-position: 0 -96px;
}

.ui-icon-minus-sign {
  background-position: -24px -96px;
}

.ui-icon-remove-sign {
  background-position: -48px -96px;
}

.ui-icon-ok-sign {
  background-position: -72px -96px;
}

.ui-icon-question-sign {
  background-position: -96px -96px;
}

.ui-icon-info-sign {
  background-position: -120px -96px;
}

.ui-icon-screenshot {
  background-position: -144px -96px;
}

.ui-icon-remove-circle {
  background-position: -168px -96px;
}

.ui-icon-ok-circle {
  background-position: -192px -96px;
}

.ui-icon-ban-circle {
  background-position: -216px -96px;
}

.ui-icon-arrow-left {
  background-position: -240px -96px;
}

.ui-icon-arrow-right {
  background-position: -264px -96px;
}

.ui-icon-arrow-up {
  background-position: -289px -96px;
}

.ui-icon-arrow-down {
  background-position: -312px -96px;
}

.ui-icon-share-alt {
  background-position: -336px -96px;
}

.ui-icon-resize-full {
  background-position: -360px -96px;
}

.ui-icon-resize-small {
  background-position: -384px -96px;
}

.ui-icon-plus {
  background-position: -408px -96px;
}

.ui-icon-minus {
  background-position: -433px -96px;
}

.ui-icon-asterisk {
  background-position: -456px -96px;
}

.ui-icon-exclamation-sign {
  background-position: 0 -120px;
}

.ui-icon-gift {
  background-position: -24px -120px;
}

.ui-icon-leaf {
  background-position: -48px -120px;
}

.ui-icon-fire {
  background-position: -72px -120px;
}

.ui-icon-eye-open {
  background-position: -96px -120px;
}

.ui-icon-eye-close {
  background-position: -120px -120px;
}

.ui-icon-warning-sign {
  background-position: -144px -120px;
}

.ui-icon-plane {
  background-position: -168px -120px;
}

.ui-icon-calendar {
  background-position: -192px -120px;
}

.ui-icon-random {
  width: 16px;
  background-position: -216px -120px;
}

.ui-icon-comment {
  background-position: -240px -120px;
}

.ui-icon-magnet {
  background-position: -264px -120px;
}

.ui-icon-chevron-up {
  background-position: -288px -120px;
}

.ui-icon-chevron-down {
  background-position: -313px -119px;
}

.ui-icon-retweet {
  background-position: -336px -120px;
}

.ui-icon-shopping-cart {
  background-position: -360px -120px;
}

.ui-icon-folder-close {
  width: 16px;
  background-position: -384px -120px;
}

.ui-icon-folder-open {
  width: 16px;
  background-position: -408px -120px;
}

.ui-icon-resize-vertical {
  background-position: -432px -119px;
}

.ui-icon-resize-horizontal {
  background-position: -456px -118px;
}

.ui-icon-hdd {
  background-position: 0 -144px;
}

.ui-icon-bullhorn {
  background-position: -24px -144px;
}

.ui-icon-bell {
  background-position: -48px -144px;
}

.ui-icon-certificate {
  background-position: -72px -144px;
}

.ui-icon-thumbs-up {
  background-position: -96px -144px;
}

.ui-icon-thumbs-down {
  background-position: -120px -144px;
}

.ui-icon-hand-right {
  background-position: -144px -144px;
}

.ui-icon-hand-left {
  background-position: -168px -144px;
}

.ui-icon-hand-up {
  background-position: -192px -144px;
}

.ui-icon-hand-down {
  background-position: -216px -144px;
}

.ui-icon-circle-arrow-right {
  background-position: -240px -144px;
}

.ui-icon-circle-arrow-left {
  background-position: -264px -144px;
}

.ui-icon-circle-arrow-up {
  background-position: -288px -144px;
}

.ui-icon-circle-arrow-down {
  background-position: -312px -144px;
}

.ui-icon-globe {
  background-position: -336px -144px;
}

.ui-icon-wrench {
  background-position: -360px -144px;
}

.ui-icon-tasks {
  background-position: -384px -144px;
}

.ui-icon-filter {
  background-position: -408px -144px;
}

.ui-icon-briefcase {
  background-position: -432px -144px;
}

.ui-icon-fullscreen {
  background-position: -456px -144px;
}

/**
 *=======================================
 *
 *=======================================
 * $Revision$
 * $Rev$
 * $Author$
 * $Date$
 * $HeadURL$
 * $Id$
 * $LastChangedBy$
 * $LastChangedRevision$
 * $LastChangedDate$
 * Copyright : Copyright (C) 2005
 * Company : My PC Trading All right reserved
 *=======================================
 **/

/**
 *================================================================================
  Compnent Name: ui-menu
  Name : 
  
  Skin : tpl-default
 *================================================================================
**/
.ui-menu-float {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
}

.ui-menu {
/*  position: absolute;
  top: 100%;
  left: 0;
*/  
  z-index: 1100;
  /*display: none;*/
  float: left;
  min-width: 160px;
  padding: 5px 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.ui-menu.pull-right {
  right: 0;
  left: auto;
}

.ui-menu .ui-menudivider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.ui-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}

.ui-menu > li > a:hover,
.ui-menu > li > a:focus,
.ui-submenu:hover > a,
.ui-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

/* for element other than li */
.ui-menu > .ui-submenu > a,
.ui-menu > .ui-menuitem > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}

.ui-menu > .ui-submenu > a:hover,
.ui-menu > .ui-submenu > a:focus,
.ui-menu > .ui-menuitem > a:hover,
.ui-menu > .ui-menuitem > a:focus,
.ui-submenu:hover > a,
.ui-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
/* end */

.ui-menu > .active > a,
.ui-menu > .active > a:hover,
.ui-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.ui-menu > .disabled > a,
.ui-menu > .disabled > a:hover,
.ui-menu > .disabled > a:focus {
  color: #999999;
}

.ui-menu > .disabled > a:hover,
.ui-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.open {
  *z-index: 1100;
}

.open > .ui-menu-float, 
.open > .ui-menu {
  display: block;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1002;
}

.pull-right > .ui-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "";
}

.dropup .ui-menu,
.navbar-fixed-bottom .dropdown .ui-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

.ui-submenu {
  position: relative;
}

.ui-submenu > .ui-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}

.ui-submenu:hover > .ui-menu {
  display: block;
}

.dropup .ui-submenu > .ui-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
}

.ui-submenu > a:after {
  display: block;
  float: right;
  width: 0;
  height: 0;
  margin-top: 5px;
  margin-right: -10px;
  border-color: transparent;
  border-left-color: #cccccc;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
}

.ui-submenu:hover > a:after {
  border-left-color: #ffffff;
}

.ui-submenu-left {
  float: none;
}

.ui-submenu-left > .ui-menu {
  left: -85%;
  margin-left: 10px;
}

.dropdown .dropdown .ui-menu .nav-header {
  padding-right: 20px;
  padding-left: 20px;
}

/* ui-submenu-up */

.ui-submenu-up .ui-menu {
/*  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
*/}

.ui-submenu-up > .ui-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
}


/**
 *=======================================
 *
 *=======================================
 * $Revision$
 * $Rev$
 * $Author$
 * $Date$
 * $HeadURL$
 * $Id$
 * $LastChangedBy$
 * $LastChangedRevision$
 * $LastChangedDate$
 * Copyright : Copyright (C) 2005
 * Company : My PC Trading All right reserved
 *=======================================
 **/

/**
 *================================================================================
  Compnent Name: ui-message
  Name : 
  
  Skin : tpl-default
 *================================================================================
**/

.ui-message {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.ui-message,
.ui-message .ui-message-title {
  color: #c09853;
}

.ui-message .ui-message-title {
  margin: 0;
  font-size: 17.5px;
}

.ui-message .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

.ui-message-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.ui-message-success .ui-message-title {
  color: #468847;
}

.ui-message-danger,
.ui-message-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.ui-message-danger .ui-message-title,
.ui-message-error .ui-message-title {
  color: #b94a48;
}

.ui-message-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.ui-message-info .ui-message-title {
  color: #3a87ad;
}

.ui-message-warning {
  padding-top: 14px;
  padding-bottom: 14px;
}

.ui-message-warning > p,
.ui-message-warning > ul {
  margin-bottom: 0;
}

.ui-message-warning p + p {
  margin-top: 5px;
}


/**
 *================================================================================
  Compnent Name: modal
  Name : 

 *================================================================================
**/

 

/**
* try use uimodal to replace modal to prevent future crash with bootstrap 
**/




.uimodal-backdrop.ef-fade.in{
  opacity: 0.8;	
}


.uimodal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}

.uimodal {
  display:none ; /* for default modal hidden*/
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  /*width: 560px;
  margin-left: -280px;*/
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}

.uimodal.ef-fade {
  top: -25%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
       -o-transition: opacity 0.3s linear, top 0.3s ease-out;
          transition: opacity 0.3s linear, top 0.3s ease-out;
}

.uimodal.ef-fade.in {
  top: 10%;
}


.uimodal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}

.uimodal-header .close {
  margin-top: 2px;
}

.uimodal-header h3 {
  margin: 0;
  line-height: 30px;
}

.uimodal-body {
  position: relative;
  min-height:50px;
  padding: 15px;
  overflow-y: auto;
}

.uimodal-form {
  margin-bottom: 0;
}

.uimodal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
     -moz-box-shadow: inset 0 1px 0 #ffffff;
          box-shadow: inset 0 1px 0 #ffffff;
}

.uimodal-footer:before,
.uimodal-footer:after {
  display: table;
  line-height: 0;
  content: "";
}

.uimodal-footer:after {
  clear: both;
}
.uimodal-footer .ui-btn + .ui-btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.uimodal-footer .btn-group .ui-btn + .ui-btn {
  margin-left: -1px;
}

.uimodal-footer .ui-btn-block + .ui-btn-block {
  margin-left: 0;
}
.uimodal-footer .ui-btn + .ui-btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.uimodal-footer .ui-btn-group .ui-btn + .ui-btn {
  margin-left: -1px;
}

.uimodal-footer .ui-btn-block + .ui-btn-block {
  margin-left: 0;
}


/**
 *=======================================
 *
 *=======================================
 * $Revision$
 * $Rev$
 * $Author$
 * $Date$
 * $HeadURL$
 * $Id$
 * $LastChangedBy$
 * $LastChangedRevision$
 * $LastChangedDate$
 * Copyright : Copyright (C) 2005
 * Company : My PC Trading All right reserved
 *=======================================
 **/

/**
 *================================================================================
  Compnent Name: ui-nav
  Name : 
  
  Skin : tpl-default
 *================================================================================
**/

.ui-nav {
  margin-bottom: 20px;
  margin-left: 0;
  list-style: none;
}

.ui-nav > .ui-navitem > a {
  display: block;
}

.ui-nav > .ui-navitem > a:hover,
.ui-nav > .ui-navitem > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.ui-nav > .ui-navitem > a > img {
  max-width: none;
}

.ui-nav > .pull-right {
  float: right;
}

.ui-navheader {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}

.ui-nav .ui-navitem + .ui-navheader {
  margin-top: 9px;
}

.ui-nav-list {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 0;
}

.ui-nav-list > .ui-navitem > a,
.ui-nav-list .ui-navheader {
  margin-right: -15px;
  margin-left: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.ui-nav-list > .ui-navitem > a {
  padding: 3px 15px;
}

.ui-nav-list > .active > a,
.ui-nav-list > .active > a:hover,
.ui-nav-list > .active > a:focus {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0088cc;
}

.ui-nav-list [class^="icon-"],
.ui-nav-list [class*=" icon-"] {
  margin-right: 2px;
}

.ui-nav-list .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.ui-nav-tab,
.ui-nav-pill {
  *zoom: 1;
}

.ui-nav-tab:before,
.ui-nav-pill:before,
.ui-nav-tab:after,
.ui-nav-pill:after {
  display: table;
  line-height: 0;
  content: "";
}

.ui-nav-tab:after,
.ui-nav-pill:after {
  clear: both;
}

.ui-nav-tab > .ui-navitem,
.ui-nav-pill > .ui-navitem {
  float: left;
}

.ui-nav-tab > .ui-navitem > a,
.ui-nav-pill > .ui-navitem > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}

.ui-nav-tab {
  border-bottom: 1px solid #ddd;
}

.ui-nav-tab > .ui-navitem {
  margin-bottom: -1px;
}

.ui-nav-tab > .ui-navitem > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

.ui-nav-tab > .ui-navitem > a:hover,
.ui-nav-tab > .ui-navitem > a:focus {
  border-color: #eeeeee #eeeeee #dddddd;
}

.ui-nav-tab > .active > a,
.ui-nav-tab > .active > a:hover,
.ui-nav-tab > .active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.ui-nav-pill > .ui-navitem > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.ui-nav-pill > .active > a,
.ui-nav-pill > .active > a:hover,
.ui-nav-pill > .active > a:focus {
  color: #ffffff;
  background-color: #0088cc;
}

.ui-nav-stack > .ui-navitem {
  float: none;
}

.ui-nav-stack > .ui-navitem > a {
  margin-right: 0;
}

.ui-nav-tab.ui-nav-stack {
  border-bottom: 0;
}

.ui-nav-tab.ui-nav-stack > .ui-navitem > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.ui-nav-tab.ui-nav-stack > li:first-child > a {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-topleft: 4px;
}

.ui-nav-tab.ui-nav-stack > li:last-child > a {
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.ui-nav-tab.ui-nav-stack > .ui-navitem > a:hover,
.ui-nav-tab.ui-nav-stack > .ui-navitem > a:focus {
  z-index: 2;
  border-color: #ddd;
}

.ui-nav-pill.ui-nav-stack > .ui-navitem > a {
  margin-bottom: 3px;
}

.ui-nav-pill.ui-nav-stack > li:last-child > a {
  margin-bottom: 1px;
}

.ui-nav-tab .dropdown-menu {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}

.ui-nav-pill .dropdown-menu {
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.ui-nav .ui-navitem .caret {
  margin-top: 6px;
  border-top-color: #0088cc;
  border-bottom-color: #0088cc;
}

.ui-nav .dropdown-toggle:hover .caret,
.ui-nav .dropdown-toggle:focus .caret {
  border-top-color: #005580;
  border-bottom-color: #005580;
}

/* move down carets for tabs */

.ui-nav-tab .ui-navitem .caret {
  margin-top: 8px;
}

.ui-nav .active .ui-navitem .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.ui-nav-tab .active .ui-navitem .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}

.ui-nav > .ui-navitem.active > a:hover,
.ui-nav > .ui-navitem.active > a:focus {
  cursor: pointer;
}

.ui-nav-tab .open .dropdown-toggle,
.ui-nav-pill .open .dropdown-toggle,
/*fix*/
.ui-nav > ui-navitem.open.active > a:hover,
.ui-nav > ui-navitem.open.active > a:focus,

.ui-nav > ui-navitem.dropdown.open.active > a:hover,
.ui-nav > ui-navitem.dropdown.open.active > a:focus {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999;
}

.ui-nav .ui-navitem.dropdown.open .caret,
.ui-nav .ui-navitem.dropdown.open.active .caret,
.ui-nav .ui-navitem.dropdown.open a:hover .caret,
.ui-nav .ui-navitem.dropdown.open a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
  border-color: #999999;
}

.tabbable {
  *zoom: 1;
}

.tabbable:before,
.tabbable:after {
  display: table;
  line-height: 0;
  content: "";
}

.tabbable:after {
  clear: both;
}

.tab-content {

}

.tabs-below > .ui-nav-tab,
.tabs-right > .ui-nav-tab,
.tabs-left > .ui-nav-tab {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .ui-nav-tab {
  border-top: 1px solid #ddd;
}

.tabs-below > .ui-nav-tab > .ui-navitem {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .ui-nav-tab > .ui-navitem > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .ui-nav-tab > .ui-navitem > a:hover,
.tabs-below > .ui-nav-tab > .ui-navitem > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .ui-nav-tab > .active > a,
.tabs-below > .ui-nav-tab > .active > a:hover,
.tabs-below > .ui-nav-tab > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .ui-nav-tab > .ui-navitem,
.tabs-right > .ui-nav-tab > .ui-navitem {
  float: none;
}

.tabs-left > .ui-nav-tab > .ui-navitem > a,
.tabs-right > .ui-nav-tab > .ui-navitem > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .ui-nav-tab {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .ui-nav-tab > .ui-navitem > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .ui-nav-tab > .ui-navitem > a:hover,
.tabs-left > .ui-nav-tab > .ui-navitem > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .ui-nav-tab .active > a,
.tabs-left > .ui-nav-tab .active > a:hover,
.tabs-left > .ui-nav-tab .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .ui-nav-tab {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .ui-nav-tab > .ui-navitem > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .ui-nav-tab > .ui-navitem > a:hover,
.tabs-right > .ui-nav-tab > .ui-navitem > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .ui-nav-tab .active > a,
.tabs-right > .ui-nav-tab .active > a:hover,
.tabs-right > .ui-nav-tab .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

.ui-nav > .disabled > a {
  color: #999999;
}

.ui-nav > .disabled > a:hover,
.ui-nav > .disabled > a:focus {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
}

.ui-navbar {
  *position: relative;
  *z-index: 2;
  margin-bottom: 20px;
  overflow: visible;
}

.ui-navbar-inner {
  min-height: 40px;
  width:100%;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.ui-navbar-inner:before,
.ui-navbar-inner:after {
  display: table;
  line-height: 0;
  content: "";
}

.ui-navbar-inner:after {
  clear: both;
}

.ui-navbar .container {
  width: auto;
}

.ui-nav-collapse.collapse {
  height: auto;
  overflow: visible;
}
.ui-navbar .ui-navtext {
  display: block;
  float: left;
  padding: 10px 20px 10px;
  margin-left: -20px;
  font-size: 20px;
  font-weight: 200;
  color: #777777;
  text-shadow: 0 1px 0 #ffffff;
}

.ui-navbar .ui-navtext:hover,
.ui-navbar .ui-navtext:focus {
  text-decoration: none;
}

.ui-navbar-text {
  margin-bottom: 0;
  line-height: 40px;
  color: #777777;
}

.ui-navbar-link {
  color: #777777;
}

.ui-navbar-link:hover,
.ui-navbar-link:focus {
  color: #333333;
}

.ui-navbar .divider-vertical {
  height: 40px;
  margin: 0 9px;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #f2f2f2;
  /*fix */
  float: left;
}

.ui-navbar .btn,
.ui-navbar .btn-group {
  margin-top: 5px;
}

.ui-navbar .btn-group .btn,
.ui-navbar .input-prepend .btn,
.ui-navbar .input-append .btn,
.ui-navbar .input-prepend .btn-group,
.ui-navbar .input-append .btn-group {
  margin-top: 0;
}

.ui-navform {
  margin-bottom: 0;
  *zoom: 1;
}

.ui-navform:before,
.ui-navform:after {
  display: table;
  line-height: 0;
  content: "";
}

.ui-navform:after {
  clear: both;
}

.ui-navform input,
.ui-navform select,
.ui-navform .radio,
.ui-navform .checkbox {
  margin-top: 5px;
}

.ui-navform input,
.ui-navform select,
.ui-navform .btn {
  display: inline-block;
  margin-bottom: 0;
}

.ui-navform input[type="image"],
.ui-navform input[type="checkbox"],
.ui-navform input[type="radio"] {
  margin-top: 3px;
}

.ui-navform .input-append,
.ui-navform .input-prepend {
  margin-top: 5px;
  white-space: nowrap;
}

.ui-navform .input-append input,
.ui-navform .input-prepend input {
  margin-top: 0;
}

.ui-navbar-search {
  position: relative;
  float: left;
  margin-top: 5px;
  margin-bottom: 0;
}

.ui-navbar-search .search-query {
  padding: 4px 14px;
  margin-bottom: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}

.ui-navbar-static {
  position: static;
  margin-bottom: 0;
}

.ui-navbar-static .ui-navbar-inner {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.ui-navbar-top,
.ui-navbar-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
}

.ui-navbar-top .ui-navbar-inner,
.ui-navbar-static .ui-navbar-inner {
  border-width: 0 0 1px;
}

.ui-navbar-bottom .ui-navbar-inner {
  border-width: 1px 0 0;
}

.ui-navbar-top .ui-navbar-inner,
.ui-navbar-bottom .ui-navbar-inner {
  padding-right: 0;
  padding-left: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.ui-navbar-static .container,
.ui-navbar-top .container,
.ui-navbar-bottom .container {
  width: 940px;
}

.ui-navbar-top {
  top: 0;
}

.ui-navbar-top .ui-navbar-inner,
.ui-navbar-static .ui-navbar-inner {
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.ui-navbar-bottom {
  bottom: 0;
}

.ui-navbar-bottom .ui-navbar-inner {
  -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
}

.ui-navbar .ui-nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}

.ui-navbar .ui-nav.pull-right {
  float: right;
  margin-right: 0;
}

.ui-navbar .ui-nav > .ui-navitem {
  float: left;
}

.ui-navbar .ui-nav > .ui-navitem > a {
  float: none;
  padding: 10px 15px 10px;
  color: #777777;
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
}

.ui-navbar .ui-nav .dropdown-toggle .caret {
  margin-top: 8px;
}

.ui-navbar .ui-nav > .ui-navitem > a:focus,
.ui-navbar .ui-nav > .ui-navitem > a:hover {
  color: #333333;
  text-decoration: none;
  background-color: transparent;
}

.ui-navbar .ui-nav > .active > a,
.ui-navbar .ui-nav > .active > a:hover,
.ui-navbar .ui-nav > .active > a:focus {
  color: #555555;
  text-decoration: none;
  background-color: #e5e5e5;
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
     -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

.ui-navbar .btn-ui-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-right: 5px;
  margin-left: 5px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ededed;
  *background-color: #e5e5e5;
  background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
  background-repeat: repeat-x;
  border-color: #e5e5e5 #e5e5e5 #bfbfbf;
  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='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}

.ui-navbar .btn-ui-navbar:hover,
.ui-navbar .btn-ui-navbar:focus,
.ui-navbar .btn-ui-navbar:active,
.ui-navbar .btn-ui-navbar.active,
.ui-navbar .btn-ui-navbar.disabled,
.ui-navbar .btn-ui-navbar[disabled] {
  color: #ffffff;
  background-color: #e5e5e5;
  *background-color: #d9d9d9;
}

.ui-navbar .btn-ui-navbar:active,
.ui-navbar .btn-ui-navbar.active {
  background-color: #cccccc \9;
}

.ui-navbar .btn-ui-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.btn-ui-navbar .icon-bar + .icon-bar {
  margin-top: 3px;
}

.ui-navbar .ui-nav > .ui-navitem > .dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.ui-navbar .ui-nav > .ui-navitem > .dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

.ui-navbar-bottom .ui-nav > .ui-navitem > .dropdown-menu:before {
  top: auto;
  bottom: -7px;
  border-top: 7px solid #ccc;
  border-bottom: 0;
  border-top-color: rgba(0, 0, 0, 0.2);
}

.ui-navbar-bottom .ui-nav > .ui-navitem > .dropdown-menu:after {
  top: auto;
  bottom: -6px;
  border-top: 6px solid #ffffff;
  border-bottom: 0;
}

.ui-navbar .ui-nav .ui-navitem.dropdown > a:hover .caret,
.ui-navbar .ui-nav .ui-navitem.dropdown > a:focus .caret {
  border-top-color: #333333;
  border-bottom-color: #333333;
}

/*follow this*/
.ui-navbar .ui-nav .ui-navitem.open > a,
.ui-navbar .ui-nav .ui-navitem.active > a,
.ui-navbar .ui-nav .ui-navitem.open.active > a {
  color: #555555;
  background-color: #e5e5e5;
}

.ui-navbar .ui-nav .ui-navitem.dropdown > .dropdown-toggle .caret {
  border-top-color: #777777;
  border-bottom-color: #777777;
}

.ui-navbar .ui-nav .ui-navitem.dropdown.open > .dropdown-toggle .caret,
.ui-navbar .ui-nav .ui-navitem.dropdown.active > .dropdown-toggle .caret,
.ui-navbar .ui-nav .ui-navitem.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}

.ui-navbar .pull-right > .ui-navitem > .dropdown-menu,
.ui-navbar .ui-nav > .ui-navitem > .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.ui-navbar .pull-right > .ui-navitem > .dropdown-menu:before,
.ui-navbar .ui-nav > .ui-navitem > .dropdown-menu.pull-right:before {
  right: 12px;
  left: auto;
}

.ui-navbar .pull-right > .ui-navitem > .dropdown-menu:after,
.ui-navbar .ui-nav > .ui-navitem > .dropdown-menu.pull-right:after {
  right: 13px;
  left: auto;
}

.ui-navbar .pull-right > .ui-navitem > .dropdown-menu .dropdown-menu,
.ui-navbar .ui-nav > .ui-navitem > .dropdown-menu.pull-right .dropdown-menu {
  right: 100%;
  left: auto;
  margin-right: -1px;
  margin-left: 0;
  -webkit-border-radius: 6px 0 6px 6px;
     -moz-border-radius: 6px 0 6px 6px;
          border-radius: 6px 0 6px 6px;
}

.ui-navbar-dark .ui-navbar-inner {
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #222222, #111111);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
  background-image: -webkit-linear-gradient(top, #222222, #111111);
  background-image: -o-linear-gradient(top, #222222, #111111);
  background-image: linear-gradient(to bottom, #222222, #111111);
  background-repeat: repeat-x;
  border-color: #252525;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
}

.ui-navbar-dark .ui-navtext,
.ui-navbar-dark .ui-nav > .ui-navitem > a {
  color: #999999;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.ui-navbar-dark .ui-navtext:hover,
.ui-navbar-dark .ui-nav > .ui-navitem > a:hover,
.ui-navbar-dark .ui-navtext:focus,
.ui-navbar-dark .ui-nav > .ui-navitem > a:focus {
  color: #ffffff;
}

.ui-navbar-dark .ui-navtext {
  color: #999999;
}

.ui-navbar-dark .ui-navbar-text {
  color: #999999;
}

.ui-navbar-dark .ui-nav > .ui-navitem > a:focus,
.ui-navbar-dark .ui-nav > .ui-navitem > a:hover {
  color: #555555;
  background-color: #e5e5e5;
}

.ui-navbar-dark .ui-nav .active > a,
.ui-navbar-dark .ui-nav .active > a:hover,
.ui-navbar-dark .ui-nav .active > a:focus {
  color: #ffffff;
  background-color: #111111;
}

.ui-navbar-dark .ui-navbar-link {
  color: #999999;
}

.ui-navbar-dark .ui-navbar-link:hover,
.ui-navbar-dark .ui-navbar-link:focus {
  color: #ffffff;
}

.ui-navbar-dark .divider-vertical {
  border-right-color: #222222;
  border-left-color: #111111;
}

.ui-navbar-dark .ui-nav .ui-navitem.dropdown.open > .dropdown-toggle,
.ui-navbar-dark .ui-nav .ui-navitem.dropdown.active > .dropdown-toggle,
.ui-navbar-dark .ui-nav .ui-navitem.dropdown.open.active > .dropdown-toggle {
  color: #ffffff;
  background-color: #111111;
}

.ui-navbar-dark .ui-nav .ui-navitem.dropdown > a:hover .caret,
.ui-navbar-dark .ui-nav .ui-navitem.dropdown > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.ui-navbar-dark .ui-nav .ui-navitem.dropdown > .dropdown-toggle .caret {
  border-top-color: #999999;
  border-bottom-color: #999999;
}

.ui-navbar-dark .ui-nav .ui-navitem.dropdown.open > .dropdown-toggle .caret,
.ui-navbar-dark .ui-nav .ui-navitem.dropdown.active > .dropdown-toggle .caret,
.ui-navbar-dark .ui-nav .ui-navitem.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.ui-navbar-dark .ui-navbar-search .search-query {
  color: #ffffff;
  background-color: #515151;
  border-color: #111111;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}

.ui-navbar-dark .ui-navbar-search .search-query:-moz-placeholder {
  color: #cccccc;
}

.ui-navbar-dark .ui-navbar-search .search-query:-ms-input-placeholder {
  color: #cccccc;
}

.ui-navbar-dark .ui-navbar-search .search-query::-webkit-input-placeholder {
  color: #cccccc;
}

.ui-navbar-dark .ui-navbar-search .search-query:focus,
.ui-navbar-dark .ui-navbar-search .search-query.focused {
  padding: 5px 15px;
  color: #333333;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #ffffff;
  border: 0;
  outline: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

.ui-navbar-dark .btn-ui-navbar {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e0e0e;
  *background-color: #040404;
  background-image: -moz-linear-gradient(top, #151515, #040404);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
  background-image: -webkit-linear-gradient(top, #151515, #040404);
  background-image: -o-linear-gradient(top, #151515, #040404);
  background-image: linear-gradient(to bottom, #151515, #040404);
  background-repeat: repeat-x;
  border-color: #040404 #040404 #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='#ff151515', endColorstr='#ff040404', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.ui-navbar-dark .btn-ui-navbar:hover,
.ui-navbar-dark .btn-ui-navbar:focus,
.ui-navbar-dark .btn-ui-navbar:active,
.ui-navbar-dark .btn-ui-navbar.active,
.ui-navbar-dark .btn-ui-navbar.disabled,
.ui-navbar-dark .btn-ui-navbar[disabled] {
  color: #ffffff;
  background-color: #040404;
  *background-color: #000000;
}

.ui-navbar-dark .btn-ui-navbar:active,
.ui-navbar-dark .btn-ui-navbar.active {
  background-color: #000000 \9;
}

/*customize*/
.ui-navbar .ui-nav-bordered .ui-navitem {
  border-right: 1px solid #ffffff;
  border-left: 1px solid #f2f2f2;
}

.ui-navbar-dark .ui-nav-bordered .ui-navitem {
  border-right-color: #222222;
  border-left-color: #111111;

}

.grid960 .ui-navbar-top,
.grid960 .ui-navbar-bottom {
  position: absolute;
}

/*.dropup,
.dropdown {
  position: relative;
}
*/
.dropdown-toggle {
  *margin-bottom: -3px;
}

.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
}

.ui-nav .caret {
  margin-top: 8px;
  margin-left: 2px;
}

/*fix*/
.ui-nav .ui-navitem.disabled .caret {
  border-top: 4px solid #999999;
}



/** control that toggle button & icon **/
.ui-navbar-toggle {
  display: block;
  position: relative;
  float: right;
  margin:5px 5px;  
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
}

/** media also got sort pority**/
@media (min-width: 768px) {
  .ui-navbar-toggle {
    display: none;
  }
}

 
 
/** control dropdown when in min width ui-navbar-collapse   ui-navitem**/

@media (max-width: 767px) {
  .ui-navbar-nav .open .ui-dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .ui-navbar-nav .open .ui-dropdown-menu > li > a,
  .ui-navbar-nav .open .ui-dropdown-menu .ui-dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .ui-navbar-nav .open .ui-dropdown-menu > li > a {
    line-height: 20px;
  }
  .ui-navbar-nav .open .ui-dropdown-menu > li > a:hover,
  .ui-navbar-nav .open .ui-dropdown-menu > li > a:focus {
    background-image: none;
  }
}



/** control ui-navbar-collapse when min width **/
.ui-navbar-collapse {
  display:none;
  max-height: 340px;
  padding-right: 5px;
  padding-left: 5px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

.ui-navbar-collapse:before,
.ui-navbar-collapse:after {
  display: table;
  content: " ";
}

.ui-navbar-collapse:after {
  clear: both;
}

.ui-navbar-collapse:before,
.ui-navbar-collapse:after {
  display: table;
  content: " ";
}

.ui-navbar-collapse:after {
  clear: both;
}
@media (max-width: 767px) {
	.ui-navbar-collapse{
	  float:none !important;
	} 
	.ui-navbar-collapse .ui-nav{
		
	}
	.ui-navbar-collapse .ui-nav .divider-vertical{
		display:none !important;
	}
	.ui-navbar-collapse > .ui-nav{
	   float:none;
	}
	.ui-navbar-collapse .ui-navitem{
	  width: 100% !important;	
	}
}

@media (min-width: 768px) {
  .ui-navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;  
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  
}





.ui-navbar-hide {
 display: none  !important;

}

.ui-navbar-show {
  display: block !important;
}

.ui-navbar-invisible {
  visibility: hidden  !important;
}






/**
 *=======================================
 *
 *=======================================
 * $Revision$
 * $Rev$
 * $Author$
 * $Date$
 * $HeadURL$
 * $Id$
 * $LastChangedBy$
 * $LastChangedRevision$
 * $LastChangedDate$
 * Copyright : Copyright (C) 2005
 * Company : My PC Trading All right reserved
 *=======================================
 **/

/**
 *================================================================================
  Compnent Name: ui-page
  Name : 
  
  Skin : tpl-default
 *================================================================================
**/


.ui-page {
  margin: 20px 0;
  display: block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.ui-page > ui{
	display:block;
	float:right;
	margin:0px 0px;
}
.ui-page >div > ui{
	display:block;
	float:right;
	margin:0px 0px;
}
.ui-pageitem {
  display: inline;
}

.ui-pageitem > a,
.ui-pageitem > span {
  float: left;
  padding: 4px 12px;
  line-height: 30px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.ui-pageitem > a:hover,
.ui-pageitem > a:focus,
.ui-page > .active > a,
.ui-page > .active > span {
  background-color: #f5f5f5;
}

.ui-page > ul >.active > a,
.ui-page > ul >.active > span {
    color: #0088cc;
    cursor: default;
    font-weight: bold;
    font-size: 16px;
}

.ui-page > .disabled > span,
.ui-page > .disabled > a,
.ui-page > .disabled > a:hover,
.ui-page > .disabled > a:focus {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.ui-pageitem:first-child > a,
.ui-pageitem:first-child > span {
  border-left-width: 1px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.ui-pageitem:last-child > a,
.ui-pageitem:last-child > span {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}
.ui-pagerec{
	display:block;
 
}
.ui-page > .ui-pagerec{
	font-size:12px;
		
}

.ui-page-centered {
  text-align: center;
}

.ui-page-right {
  text-align: right;
}

.ui-page-large > .ui-pageitem > a,
.ui-page-large > .ui-pageitem > span {
  padding: 5px 12px;
  font-size: 17.5px;
}

.ui-page-large > .ui-pageitem:first-child > a,
.ui-page-large > .ui-pageitem:first-child > span {
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.ui-page-large > .ui-pageitem:last-child > a,
.ui-page-large > .ui-pageitem:last-child > span {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.ui-page-mini > .ui-pageitem:first-child > a,
.ui-page-small > .ui-pageitem:first-child > a,
.ui-page-mini > .ui-pageitem:first-child > span,
.ui-page-small > .ui-pageitem:first-child > span {
  -webkit-border-bottom-left-radius: 3px;
          border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
          border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
}

.ui-page-mini > .ui-pageitem:last-child > a,
.ui-page-small > .ui-pageitem:last-child > a,
.ui-page-mini > .ui-pageitem:last-child > span,
.ui-page-small > .ui-pageitem:last-child > span {
  -webkit-border-top-right-radius: 3px;
          border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
          border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

.ui-page-small > .ui-pageitem > a,
.ui-page-small > .ui-pageitem > span {
  padding: 2px 10px;
  font-size: 11.9px;
}

.ui-page-mini > .ui-pageitem > a,
.ui-page-mini > .ui-pageitem > span {
  padding: 0 6px;
  font-size: 10.5px;
}

.SumoSelect {
  width:100%;
}
.SumoSelect p {margin: 0;}


.SelectBox {
	padding: 4px 6px;
	margin-bottom: 10px;
}

.sumoStopScroll{overflow:hidden;}

/* Filtering style */
.SumoSelect .hidden { display:none; }
.SumoSelect .search-txt{display:none;outline:none;}
.SumoSelect .no-match{display:none;padding: 6px;}
.SumoSelect.open .search-txt{display: inline-block;position: absolute;top: 0;left: 0;width: 100%;margin: 0;padding: 5px 8px;border: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 5px;}
.SumoSelect.open>.search>span, .SumoSelect.open>.search>label{visibility:hidden;}

/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
.SelectClass,.SumoUnder { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.SelectClass{z-index: 1;}

    .SumoSelect > .optWrapper > .options  li.opt label, .SumoSelect > .CaptionCont,.SumoSelect .select-all > label { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.SumoSelect { display: inline-block; position: relative;outline:none;}
.SumoSelect:focus > .CaptionCont,.SumoSelect:hover > .CaptionCont, .SumoSelect.open > .CaptionCont {box-shadow: 0 0 2px #7799D0;border-color: #7799D0;}
    .SumoSelect > .CaptionCont { position: relative; border: 1px solid #A4A4A4; min-height: 14px; background-color: #fff;border-radius:2px;margin:0;}
        .SumoSelect > .CaptionCont > span { display: block; padding-right: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;cursor:default;}
            /*placeholder style*/
            .SumoSelect > .CaptionCont > span.placeholder { color: #ccc; font-style: italic; }

        .SumoSelect > .CaptionCont > label { position: absolute; top: 0; right: 0; bottom: 0; width: 30px;}
            .SumoSelect > .CaptionCont > label > i { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=');
                background-position: center center; width: 16px; height: 16px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;background-repeat: no-repeat;opacity: 0.8;}

    .SumoSelect > .optWrapper {display:none; z-index: 11000; top: 30px; width: 100%; position: absolute; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; border: 1px solid #ddd; box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11); border-radius: 3px;overflow: hidden;}
        .SumoSelect.open > .optWrapper {top:35px; display:block;}
        .SumoSelect.open > .optWrapper.up {top: auto;bottom: 100%;margin-bottom: 5px;}

        .SumoSelect > .optWrapper ul {list-style: none; display: block; padding: 0; margin: 0; overflow: auto;}
        .SumoSelect > .optWrapper > .options { border-radius: 2px;position:relative;
         /*Set the height of pop up here (only for desktop mode)*/
            max-height: 250px;
             /*height*/ }
         .SumoSelect > .optWrapper.okCancelInMulti > .options { border-radius: 2px 2px 0 0;}
         .SumoSelect > .optWrapper.selall > .options { border-radius: 0 0 2px 2px;}
         .SumoSelect > .optWrapper.selall.okCancelInMulti > .options { border-radius: 0;}
        .SumoSelect > .optWrapper > .options li.group.disabled > label{opacity:0.5;}
        .SumoSelect > .optWrapper > .options li ul li.opt{padding-left: 22px;}
        .SumoSelect > .optWrapper.multiple > .options li ul li.opt{padding-left: 50px;}
        .SumoSelect > .optWrapper.isFloating > .options {max-height: 100%;box-shadow: 0 0 100px #595959;}
        .SumoSelect > .optWrapper > .options  li.opt { padding: 6px 6px; position: relative;border-bottom: 1px solid #f5f5f5;}
            .SumoSelect > .optWrapper > .options > li.opt:first-child { border-radius: 2px 2px 0 0; }
            .SumoSelect > .optWrapper.selall > .options > li.opt:first-child { border-radius:0; }
            .SumoSelect > .optWrapper > .options > li.opt:last-child {border-radius: 0 0 2px 2px; border-bottom: none;}
            .SumoSelect > .optWrapper.okCancelInMulti > .options > li.opt:last-child {border-radius: 0;}
            .SumoSelect > .optWrapper > .options li.opt:hover { background-color: #E4E4E4; }
            .SumoSelect > .optWrapper > .options li.opt.sel, .SumoSelect .select-all.sel{background-color: #a1c0e4;}

            .SumoSelect > .optWrapper > .options li label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block;cursor: pointer;}
            .SumoSelect > .optWrapper > .options li span { display: none; }
            .SumoSelect > .optWrapper > .options li.group > label {cursor: default;padding: 8px 6px;font-weight: bold;}

        /*Floating styles*/
        .SumoSelect > .optWrapper.isFloating { position: fixed; top: 0; left: 0; right: 0; width: 90%; bottom: 0; margin: auto; max-height: 90%; }

    /*disabled state*/
    .SumoSelect > .optWrapper > .options li.opt.disabled { background-color: inherit;pointer-events: none;}
        .SumoSelect > .optWrapper > .options li.opt.disabled * { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; }


    /*styling for multiple select*/
    .SumoSelect > .optWrapper.multiple > .options li.opt { padding-left: 35px;cursor: pointer;}
        .SumoSelect > .optWrapper.multiple > .options li.opt span,
        .SumoSelect .select-all > span{position:absolute;display:block;width:30px;top:0;bottom:0;margin-left:-35px;}
            .SumoSelect > .optWrapper.multiple > .options li.opt span i,
            .SumoSelect .select-all > span i{position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0;width: 14px;height: 14px;border: 1px solid #AEAEAE;border-radius: 2px;box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);background-color: #fff;}
.SumoSelect > .optWrapper > .MultiControls { display: none; border-top: 1px solid #ddd; background-color: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.13); border-radius: 0 0 3px 3px; }
    .SumoSelect > .optWrapper.multiple.isFloating > .MultiControls { display: block; margin-top: 5px; position: absolute; bottom: 0; width: 100%; }

    .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls { display: block; }
        .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p { padding: 6px; }
        .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus {box-shadow: 0 0 2px #a1c0e4;border-color: #a1c0e4;outline: none;background-color: #a1c0e4;}

    .SumoSelect > .optWrapper.multiple > .MultiControls > p { display: inline-block; cursor: pointer; padding: 12px; width: 50%; box-sizing: border-box; text-align: center; }
        .SumoSelect > .optWrapper.multiple > .MultiControls > p:hover { background-color: #f1f1f1; }
        .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk { border-right: 1px solid #DBDBDB; border-radius: 0 0 0 3px; }
        .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel { border-radius: 0 0 3px 0; }
    /*styling for select on popup mode*/
    .SumoSelect > .optWrapper.isFloating > .options li.opt { padding: 12px 6px; }

    /*styling for only multiple select on popup mode*/
    .SumoSelect > .optWrapper.multiple.isFloating > .options li.opt { padding-left: 35px; }
    .SumoSelect > .optWrapper.multiple.isFloating { padding-bottom: 43px; }

    .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i,
    .SumoSelect .select-all.selected > span i,
    .SumoSelect .select-all.partial > span i{background-color: rgb(17, 169, 17);box-shadow: none;border-color: transparent;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');background-repeat: no-repeat;background-position: center center;}
    /*disabled state*/
    .SumoSelect.disabled { opacity: 0.7;cursor: not-allowed;}
     .SumoSelect.disabled > .CaptionCont{border-color:#ccc;box-shadow:none;}

    /**Select all button**/
    .SumoSelect .select-all{border-radius: 3px 3px 0 0;position: relative;border-bottom: 1px solid #ddd;background-color: #fff;padding: 8px 0 3px 35px;cursor: pointer;}
    .SumoSelect .select-all > label, .SumoSelect .select-all > span i{cursor: pointer;}
    .SumoSelect .select-all.partial > span i{background-color:#ccc;}


     /*styling for optgroups*/
    .SumoSelect > .optWrapper > .options li.optGroup { padding-left: 5px; text-decoration: underline; }



.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 11051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }


/**
 *=======================================
 *
 *=======================================
 * $Revision$
 * $Rev$
 * $Author$
 * $Date$
 * $HeadURL$
 * $Id$
 * $LastChangedBy$
 * $LastChangedRevision$
 * $LastChangedDate$
 * Copyright : Copyright (C) 2005
 * Company : My PC Trading All right reserved
 *=======================================
 **/

/**
 *================================================================================
  Compnent Name: ui-table
  Name : 
  
  Skin : tpl-default
 *================================================================================
**/

.ui-table {
  width: 100%;
  margin-bottom: 20px;
}

.ui-table th,
.ui-table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.ui-table th {
  font-weight: bold;
}

.ui-table thead th {
  vertical-align: bottom;
}

.ui-table caption + thead tr:first-child th,
.ui-table caption + thead tr:first-child td,
.ui-table colgroup + thead tr:first-child th,
.ui-table colgroup + thead tr:first-child td,
.ui-table thead:first-child tr:first-child th,
.ui-table thead:first-child tr:first-child td {
  border-top: 0;
}

.ui-table tbody + tbody {
  border-top: 2px solid #dddddd;
}

.ui-table .ui-table {
  background-color: #ffffff;
}

.ui-table-condensed th,
.ui-table-condensed td {
  padding: 4px 5px;
}

.ui-table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.ui-table-bordered th,
.ui-table-bordered td {
  border-left: 1px solid #dddddd;
}

.ui-table-bordered caption + thead tr:first-child th,
.ui-table-bordered caption + tbody tr:first-child th,
.ui-table-bordered caption + tbody tr:first-child td,
.ui-table-bordered colgroup + thead tr:first-child th,
.ui-table-bordered colgroup + tbody tr:first-child th,
.ui-table-bordered colgroup + tbody tr:first-child td,
.ui-table-bordered thead:first-child tr:first-child th,
.ui-table-bordered tbody:first-child tr:first-child th,
.ui-table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.ui-table-bordered thead:first-child tr:first-child > th:first-child,
.ui-table-bordered tbody:first-child tr:first-child > td:first-child,
.ui-table-bordered tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.ui-table-bordered thead:first-child tr:first-child > th:last-child,
.ui-table-bordered tbody:first-child tr:first-child > td:last-child,
.ui-table-bordered tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.ui-table-bordered thead:last-child tr:last-child > th:first-child,
.ui-table-bordered tbody:last-child tr:last-child > td:first-child,
.ui-table-bordered tbody:last-child tr:last-child > th:first-child,
.ui-table-bordered tfoot:last-child tr:last-child > td:first-child,
.ui-table-bordered tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.ui-table-bordered thead:last-child tr:last-child > th:last-child,
.ui-table-bordered tbody:last-child tr:last-child > td:last-child,
.ui-table-bordered tbody:last-child tr:last-child > th:last-child,
.ui-table-bordered tfoot:last-child tr:last-child > td:last-child,
.ui-table-bordered tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}

.ui-table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
}

.ui-table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
}

.ui-table-bordered caption + thead tr:first-child th:first-child,
.ui-table-bordered caption + tbody tr:first-child td:first-child,
.ui-table-bordered colgroup + thead tr:first-child th:first-child,
.ui-table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.ui-table-bordered caption + thead tr:first-child th:last-child,
.ui-table-bordered caption + tbody tr:first-child td:last-child,
.ui-table-bordered colgroup + thead tr:first-child th:last-child,
.ui-table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.ui-table-striped tbody > tr:nth-child(odd) > td,
.ui-table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
 .ui-table-striped tbody > tr:nth-child(even) > td,
.ui-table-striped tbody > tr:nth-child(even) > th {
  background-color: white;
}


.ui-table-hover tbody tr:hover > td,
.ui-table-hover tbody tr:hover > th {
  background-color: #f5f5f5  ; 
}

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
  display: table-cell;
  float: none;
  margin-left: 0;
}

.ui-table td.span1,
.ui-table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}

.ui-table td.span2,
.ui-table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}

.ui-table td.span3,
.ui-table th.span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}

.ui-table td.span4,
.ui-table th.span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}

.ui-table td.span5,
.ui-table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}

.ui-table td.span6,
.ui-table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}

.ui-table td.span7,
.ui-table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}

.ui-table td.span8,
.ui-table th.span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}

.ui-table td.span9,
.ui-table th.span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}

.ui-table td.span10,
.ui-table th.span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}

.ui-table td.span11,
.ui-table th.span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}

.ui-table td.span12,
.ui-table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}

.ui-table tbody tr.success > td {
  background-color: #dff0d8;
}

.ui-table tbody tr.error > td {
  background-color: #f2dede;
}

.ui-table tbody tr.warning > td {
  background-color: #fcf8e3;
}

.ui-table tbody tr.info > td {
  background-color: #d9edf7;
}

.ui-table-hover tbody tr.success:hover > td {
  background-color: #d0e9c6;
}

.ui-table-hover tbody tr.error:hover > td {
  background-color: #ebcccc;
}

.ui-table-hover tbody tr.warning:hover > td {
  background-color: #faf2cc;
}

.ui-table-hover tbody tr.info:hover > td {
  background-color: #c4e3f3;
}


/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */
.bootstrap-timepicker {
  position: relative;  
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
  left: auto;
  right: 0;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
  left: auto;
  right: 12px;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
  left: auto;
  right: 13px;
}
.bootstrap-timepicker .add-on {
  cursor: pointer;
}
.bootstrap-timepicker .add-on i {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.bootstrap-timepicker-widget{
  position: absolute;  
}

.bootstrap-timepicker-widget.dropdown-menu {
  padding: 4px;
}
.bootstrap-timepicker-widget.dropdown-menu.open {
  display: inline-block;
}
.bootstrap-timepicker-widget.dropdown-menu:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
.bootstrap-timepicker-widget.dropdown-menu:after {
  border-bottom: 6px solid #FFFFFF;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
.bootstrap-timepicker-widget.timepicker-orient-left:before {
  left: 6px;
}
.bootstrap-timepicker-widget.timepicker-orient-left:after {
  left: 7px;
}
.bootstrap-timepicker-widget.timepicker-orient-right:before {
  right: 6px;
}
.bootstrap-timepicker-widget.timepicker-orient-right:after {
  right: 7px;
}
.bootstrap-timepicker-widget.timepicker-orient-top:before {
  top: -7px;
}
.bootstrap-timepicker-widget.timepicker-orient-top:after {
  top: -6px;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input {
  border-radius: 4px;
}
.bootstrap-timepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-timepicker-widget table td {
  text-align: center;
  height: 30px;
  margin: 0;
  padding: 2px;
}
.bootstrap-timepicker-widget table td:not(.separator) {
  min-width: 30px;
}
.bootstrap-timepicker-widget table td span {
  width: 100%;
}
.bootstrap-timepicker-widget table td a {
  border: 1px transparent solid;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 8px 0;
  outline: 0;
  color: #333;
}
.bootstrap-timepicker-widget table td a:hover {
  text-decoration: none;
  background-color: #eee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-color: #ddd;
}
.bootstrap-timepicker-widget table td a i {
  margin-top: 2px;
  font-size: 18px;
}

/* Fix in time-picker input width original is 25 px */

.bootstrap-timepicker-widget table td input {
  width: 36px;
  margin: 0;
  text-align: center;
}


.bootstrap-timepicker-widget .modal-content {
  padding: 4px;
  
}


/* Add position : fixed is for change timepicker modal is in the ceter. --by myou */

@media (min-width: 767px) {
  .bootstrap-timepicker-widget.uimodal {
    width: 200px;
    margin-left: -100px;
	 position: fixed;
  }
}


@media (max-width: 767px) {
  .bootstrap-timepicker {
    width: 100%;
  }
  .bootstrap-timepicker .dropdown-menu {
    width: 100%;
  }
}




.ui-upload-dragenter{
 border:4px dotted  #ff0000 !important;
}
.ui-upload-dragdrop{
 border:2px solid #DD4B39 !important;
}


.ui-upload-statusbar{
    border:1px solid #A9CCD1;
    min-height:25px;
    padding:5px 5px 5px 5px;
    padding:5px 5px 5px 5px;    
    vertical-align:top;
    max-width:200px;
    float:left
}
.ui-upload-statusbar:nth-child(odd){
    background:#EBEFF0;
}
.ui-upload-filename
{
	display:inline-block;
	vertical-align:top;
	width:100%;
}
.ui-upload-filesize
{
display:inline-block;
vertical-align:top;
color:#30693D;
width:100px;
margin-left:10px;
margin-right:5px;
}
.ui-upload-progressBar {
    width: 100%;
    height: 22px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    display:inline-block;
    margin:0px 10px 5px 5px;
    vertical-align:top;
}
 
.ui-upload-progressBar div {
    height: 100%;
    color: #fff;
    text-align: right;
    line-height: 22px; /* same as #progressBar height if we want text middle aligned */
    width: 0;
    background-color: #0ba1b5; border-radius: 3px;
}
.ui-upload-abort{
    background-color:#A8352F;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;display:inline-block;
    color:#fff;
    font-family:arial;font-size:13px;font-weight:normal;
    padding:4px 15px;
    cursor:pointer;
    vertical-align:top
    }
	
/**below is special for uploadbutton use**/	
.ui-btn-uploadfile {

  /* IMPORTANT STUFF */
  overflow: hidden;
  position: relative;   

  /* SOME STYLING */
 

  border: 1px solid green;
  font-weight: bold
  background: red;
}

.ui-btn-uploadfile:hover {
  background: green;
}

.ui-btn-uploadfile  .ui-btn-uploadfileinput {
  height: 300px;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 100px;
  z-index: 2;

  opacity: 0.0; /* Standard: FF gt 1.5, Opera, Safari */
  filter: alpha(opacity=0); /* IE lt 8 */
  -ms-filter: "alpha(opacity=0)"; /* IE 8 */
  -khtml-opacity: 0.0; /* Safari 1.x */
  -moz-opacity: 0.0; /* FF lt 1.5, Netscape */
}


/**
 *================================================================================
  Compnent Name: tooltip
  Name : 

 *================================================================================
**/

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}





/**
 *================================================================================
  Compnent Name: popover
  Name : 

 *================================================================================
**/
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

.popover.top {
  margin-top: -75px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 75px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 10px 14px;
}

.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow {
  border-width: 11px;
}

.popover .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top .arrow {
  bottom: -31px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
  content: " ";
}

.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}

.popover.right .arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
  content: " ";
}

.popover.bottom .arrow {
  top: -21px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}

.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
  content: " ";
}

.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
  border-right-width: 0;
}

.popover.left .arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #ffffff;
  border-right-width: 0;
  content: " ";
}