@import "reset.css";
@import "datatable.css";
@import "ui_custom.css";

/* Table of Content
==================================================
	# Basic styles
	# Top navigation
	# Left navigation & widgets
	# Common styles
	# Content
	# Statistic row
	# Gallery
	# Buttons
	# Content widgets
	# Progress bars	
	# Tables 
    # Pagination
	# Form styles	
	# Footer
	# Other plugin styles
	# Media queries (remove them if you don't want to use responsive layout)
==================================================*/

/* #Basic Styles
================================================== */

/* Wrappers */

html { height: 100%; background: transparent url(../images/backgrounds/bg.jpg); }
.html { height: 100%;  }
body { min-height: 100%; font-size: 12px; color: #595959; font-family: Arial, Helvetica, sans-serif; line-height: 20px; position: relative; }
body { background: url(../images/backgrounds/bodyBg.png) repeat-y 0 0; }
.wrapper { position: relative; margin: 0 3%;}
.contentWrapper { position: relative; margin: 0 3%; float: right; width: 94%; }
.chart, .bars, .updating, .pie { height: 250px; z-index: 90; max-width: 100%; }
.chartWrapper { overflow: hidden; }

/* Text */

h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
sup {vertical-align: super;}

.redBack, .greenBack, .greyBack, .blueBack { padding: 4px 6px; -webkit-border-radius : 2px; -moz-border-radius: 2px; color: #fafafa; }
.redBack { background: #b75d5d; }
.greenBack { background: #7ab75d; }
.greyBack { background: #6a6a6a; }
.blueBack { background: #5d92b7; }
.yellowBack { background: #F9EFAA; }

p { padding-top: 12px; }

.textL { text-align: left; }
.textR { text-align: right; }
.textC { text-align: center; }

.red { color: #A73939 !important; }
.green { color: #599414 !important; }
.lGrey { color: #808080; }
.blue { color: #4286ad; }
.orange { color: #c75510; }

.f11 { font-size: 11px; }

.mb10{margin-bottom:10px !important;}

/* Dividers */

.line { height: 8px; background: url(../images/divider.png) repeat-x; display: block; }
.cLine { height: 4px; background: url(../images/contentDivider.png) repeat-x; }
.sidebarSep { background: url(../images/sidebarSep.png) no-repeat 50%; height: 8px; width: 100%; margin: 16px 0; }

/* Content */

.legendLabel span { display: block; margin: 0 5px; }
.legendColorBox { padding-left: 10px; }

.clear { clear: both; }

.last { border-bottom: none!important; }

.floatR { float: right; }
.floatL { float: left; }

.nobg { background: none!important; }
.nomargin { margin: 0; }
.nomarginL { margin-left: 0!important; }
.nomarginR { margin-right: 0!important; }
.np { padding: 0!important; }

.sideMargin { margin: 0 12px; }

#leftSide { background: url(../images/backgrounds/leftTop.png) repeat-x 0 0; margin: 0 2px; float: left; width: 216px; padding: 0 1px; padding-bottom: 60px; } 
#rightSide { padding-bottom: 62px; overflow: hidden; }

.scroll { height: 182px; overflow: auto; }
.scroll.files { height: 142px;}

.dn, .resp { display: none; }

select[multiple] { border: 1px solid #ddd; box-shadow: 0 0 0 2px #f4f4f4; -webkit-box-shadow: 0 0 0 2px #f4f4f4; -moz-box-shadow: 0 0 0 2px #f4f4f4; color: #656565; background: white; }

/* Placeholder colors */

::-webkit-input-placeholder { color: #b3b3b3; }
:-moz-placeholder { color: #b3b3b3; }



/* ==========  Login page  ========== */

.loginPage .userNav { margin-right: 0!important; }
.loginPage .topNav { text-align: center; position: static; }
.loginPage .userNav, .loginPage .userNav ul { float: none; border: none; }
.loginPage .userNav ul li { display: inline-block; float: none; margin-left: -4px; }
.loginPage input[type=text], .loginPage input[type=password] { width: 100%!important }
.loginPage #footer .wrapper { padding-left: 0; }
.loginPage .formRow { padding: 18px 14px; }
.loginPage .formRow > label{float:left; padding: 4px 0px 2px 0px;}

.loginWrapper { margin: -119px 0 0 -170px; position: absolute; top: 50%; left: 50%; }
.loginWrapper .widget { width: 340px; background: #f9f9f9; border: 1px solid #cdcdcd; display: block; /*height: 236px;*/ }
.loginLogo { position: absolute; width: 136px; height: 55px; display: block; top: -55px; left: 50%; margin-left: -69px; } 
.loginergoLogo { position: absolute; width: 117px; height: 55px; display: block; top: -75px; left: 50%; margin-left: -59px; } 
.loginControl { border-top: 1px solid #fff; padding: 16px 14px; }
.logMeIn { float: right; padding: 7px 20px 8px 20px!important; }
.loginInput { width: 190px; float: right; margin-right: 14px!important; }

.rememberMe { float: left; margin-top: 6px; }
.rememberMe label { width: auto; display: block; white-space: nowrap; margin: -2px 14px 0 14px; float: left; cursor: pointer; } 

.backTo { border-left: 1px solid #39454f; border-right: 1px solid #39454f; float: left; }
.backTo .inner { border-left: 1px solid #1c262b; border-right: 1px solid #1c262b; float: left; }
.backTo a:hover { background: #293138; border-left: 1px solid #293138; border-right: 1px solid #293138; }
.backTo span { padding: 4px 15px 4px 8px; display: block; float: left; }
.backTo img { margin: 9px 2px 0px 14px; float: left; display: block; }
.backTo a { float: left; color: #eeeeee; font-size: 11px; border-left: 1px solid #39454f; border-right: 1px solid #39454f; }

/* ==========  Error and offline pages  ========== */

.errorWrapper { position: absolute; top: 70px; bottom: 0; text-align: center; left: 0; right: 0; height: 430px; }
.errorWrapper .button { margin-bottom: 30px; }
.sadEmo { background: url(../images/sadEmo.png) no-repeat; display: block; height: 62px; margin: 0 auto 0px auto; width: 62px; }
.errorWrapper .errorTitle { display: block; text-shadow: 1px 0 0 #fff; text-align: center; font-size: 20px; border-bottom: 1px solid #cdcdcd; padding: 20px 14px; font-weight: bold; color: #d76a6a; font-style: italic; }
.errorWrapper .errorNum { color: #fff; font-size: 200px; text-stroke: 1px transparent; padding: 120px 0 80px 0; display: block;
text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15); }

.errorDesc { display: block; margin: 40px 0 25px 0; font-weight: bold; font-size: 14px; }

/* ==========  Numeric data designs  ========== */

.numberTop, .numberMiddle, .numberRight, .groupNum{ text-align: center; background: url(../images/backgrounds/numberBg.png) repeat-x; display: inline-block; padding: 1px 5px; color: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; float: right; margin: 10px 15px 10px -5px; font-size: 11px; line-height: 14px; width: auto; height: auto!important; }
.numberTop { margin: 6px 12px 6px -5px; padding: 1px 5px!important; }
.tabNum { background: url("../images/ui/numDataBg.png") repeat-x scroll 0 0 transparent; text-align: center; display: inline-block; padding: 1px 5px; color: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; font-size: 11px; line-height: 14px; width: auto; height: auto!important; }
.numberMiddle { margin: 0; position: absolute; top: -8px; right: -1px; font-size: 11px; }
.numberRight { margin: 1px 3px; background: #1B232A; border: 1px solid #333c45; padding: 2px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; color: #d5d5d5; }
.numberRight.numred {color:#fff; background: url("../images/ui/numDataBg.png") repeat-x scroll 0 0 transparent; background-position: 0 -171px; border: 1px solid #C83E3E;}
.groupNum { display: block; float: none; position: absolute; top: -9px; right: 0; margin: 0; box-shadow: 0 0 0 1px #262f36; -webkit-box-shadow: 0 0 0 1px #262f36; -moz-box-shadow: 0 0 0 1px #262f36; }

/* Top navigation
================================================== */

.topNav { background: url(../images/backgrounds/topnavBg.png) repeat-x; display: block; color: #eeeeee; margin: 0 0 0 -2px; padding: 3px 0; position: fixed; width: 100%; z-index: 199; }
.userNav { border-left: 1px solid #39454f; border-right: 1px solid #39454f; margin-right: -2px; }

.welcome { float: left; margin-left: -4px; }
.welcome img { float: left; margin: 6px 8px 6px 0 }
.welcome span { padding: 4px 5px; display: block; white-space: nowrap; float: left; font-size: 11px; }

.userNav { float: right; z-index: 199; position: relative; font-size: 11px; margin-right: 214px; }
.userNav ul { border-left: 1px solid #39454f; border-right: 1px solid #39454f; margin-right: -1px; }
.userNav ul li { display: inline; float: left; position: relative; cursor: pointer; border-left: 1px solid #1c262b; border-right: 1px solid #1c262b; margin-left: -1px; }
.userNav ul li.mob_only{display:none;}
.userNav ul li a { color: #eeeeee; text-decoration: none; display: block; float: left; border-left: 1px solid #39454f; border-right: 1px solid #39454f; }
.userNav ul li a:hover { border-left: 1px solid #293138; border-right: 1px solid #293138; background-color: #293138; }
.userNav ul li span { display: block; padding: 4px 15px 4px 8px; float: left; }
.userNav ul li img { float: left; display: block; margin: 9px 2px 0px 14px; }

ul.userDropdown { position: absolute; left: -9px; display: none; top: 35px; background: url(../images/subArrow.png) no-repeat 50% 0; padding: 0 1px 1px 1px; z-index: 100; border: none; }
ul.userDropdown li { display: block; float: none; border-bottom: 1px solid #1c252b; border-top: 1px solid #404950; background: url(../images/backgrounds/navBg.jpg); }
ul.userDropdown li:hover { border-top: 1px solid #374047; }
ul.userDropdown li:first-child { margin-top: 6px; border-top: none; -webkit-border-top-right-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-topleft: 2px; }
ul.userDropdown li:last-child { -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; }
ul.userDropdown li a { width: 100px; padding: 6px 10px 7px 32px; font-size: 11px; text-transform: none; font-weight: normal; float: none; border: none; }
ul.userDropdown li a:hover { border-right: none; border-left: none; }

.sAdd { background: url(../images/icons/topnav/subAdd.png) no-repeat 11px; }
.sInbox { background: url(../images/icons/topnav/subInbox.png) no-repeat 11px; }
.sOutbox { background: url(../images/icons/topnav/subOutbox.png) no-repeat 11px; }
.sTrash { background: url(../images/icons/topnav/subTrash.png) no-repeat 11px; }

/* Left navigation
================================================== */

/* === Left navigation widgets === */

.nav li.dashboard a span { background-image: url(../images/mods/dashboard.png); }
.nav li.contacts a span { background-image: url(../images/mods/contacts.png); }
.nav li.companies a span { background-image: url(../images/mods/companies.png); }
.nav li.notes a span { background-image: url(../images/mods/notes.png); }
.nav li.calendar a span { background-image: url(../images/mods/calendar.png); }
.nav li.tags a span { background-image: url(../images/mods/tags.png); }

.nav li.charts span { background-image: url(../images/icons/light/stats.png); }
.nav li.forms a span { background-image: url(../images/icons/light/pencil.png); }
.nav li.typo span { background-image: url(../images/icons/light/create.png); }
.nav li.tables a span { background-image: url(../images/icons/light/frames.png); }
.nav li.errors a span { background-image: url(../images/icons/light/alert.png); }
.nav li.files a span { background-image: url(../images/icons/light/files.png); }
.nav li.ui a span { background-image: url(../images/icons/light/user.png); }
.nav li.widgets a span { background-image: url(../images/icons/light/fullscreen.png); }
.nav li a span { background-position: 12px 13px; background-repeat: no-repeat; }

/* === Left navigation classes === */

.logo { border-top: 1px solid #3b4751; margin: 3px 1px 0 1px; padding: 20px 39px; }
.ergologo { border-top: 1px solid #3b4751; margin: 3px 1px 0 1px; padding: 0px 20px 0px 20px; }
.nav { border-top: 1px solid #1c252b; }
.nav li { position: relative; }
.nav li a { display: block; background: url(../images/backgrounds/navItemBg.png) repeat-x 0 0; border-bottom: 1px solid #1c252b; border-top: 1px solid #404950; }
.nav li a:hover { background-position: 0 -43px; border-top: 1px solid #516271; }
.nav li a.active, .nav li a:active { background-position: 0 -86px; border-top: 1px solid #657d92; }
.nav li a span { padding: 10px 0 12px 42px; display: block; font-size: 12px; color: #efefef; }
.nav li a strong { background: #1b232a; display: block; position: absolute; right: 10px; padding: 0 7px; top: 12px; box-shadow: 0 1px 1px #38444f; -webkit-box-shadow: 0 1px 1px #38444f; -moz-box-shadow: 0 1px 1px #38444f; font-size: 11px; color: #efefef; }
.nav li a.active strong, .nav li a:active strong { background: #212a31; box-shadow: 0 1px 1px #557188; -webkit-box-shadow: 0 1px 1px #557188; -moz-box-shadow: 0 1px 1px #557188; }
.nav .last { border-bottom: none; }

ul.sub { border-bottom: 1px solid #1a2126; border-top: none; background: url(../images/backgrounds/subNavBg.jpg); }
ul.sub li { border-bottom: 1px solid #1c252a; border-top: 1px solid #30373d; }
ul.sub li.this { background: url(../images/backgrounds/subNavBg_active.jpg); border-bottom: 1px solid #192226; border-top: 1px solid #192226; }
ul.sub li.this:first-child { border-top: 1px solid #30373D; }
ul.sub li.this a { color: #d5d5d5; }
ul.sub li a { background: url(../images/arrow.gif) no-repeat 12px 16px; border: none; font-family: Arial, Helvetica, sans-serif; color: #494949; font-size: 12px; padding: 8px 10px 8px 26px; color: #9da1a5; }
ul.sub li a:hover { font-style: normal; border: none; color: #d5d5d5; background: url(../images/arrow.gif) no-repeat 12px 16px; }

ul.sub li ul { border: none; border-top: 1px solid #c9c9c9; }
ul.sub li ul li { padding-left: 10px; }

/* ===== Responsive dropdown ===== */

.smalldd { display: block; position: relative; background: url(../images/backgrounds/respNavBg.png) repeat-x;}
.smalldd ul { position: relative; z-index: 999; display: none; width: 100%; top: -2px; }
.smalldd ul li { background: url(../images/backgrounds/navBg.jpg); border-top: 1px solid #444b52; border-bottom: 1px solid #1c252a; position: relative; }
.smalldd ul li a { padding: 8px 6%; display: block; color: #CECECE; font-size: 11px; }
.smalldd ul li a img { padding-top: 3px; display: block; float: left; margin-right: 16px; }
.smalldd ul li a:hover { background: #2a333b; }
.smalldd ul li:hover { /*border-top: 1px solid #323940*/ }

.smalldd ul li a span { padding: 10px 0 12px 42px; display: block; font-size: 10px; font-weight: bold; color: #efefef; }
.smalldd ul li a strong { background: #1b232a; display: block; position: absolute; right: 10px; padding: 0 7px; top: 8px; box-shadow: 0 1px 1px #38444f; -webkit-box-shadow: 0 1px 1px #38444f; -moz-box-shadow: 0 1px 1px #38444f; font-size: 11px; color: #efefef; }

.smalldd ul li > ul li { background: url(../images/backgrounds/subNavBg.jpg); border-bottom: 1px solid #1a2227; border-top: 1px solid #303a43; }
.smalldd ul li > ul li:first-child { border-top-color: #303a43; }
.smalldd ul li > ul li:hover { background: #222a30; }
.smalldd ul li > ul li:hover a { color: #fff; }
/*.smalldd ul li > .active { border-bottom: 1px solid #1C252A }*/

.smalldd ul li ul { display: block; position: static; }
.smalldd ul li ul li a, .smalldd ul li ul li a:hover { padding-left: 50px; font-size: 11px; background: url(../images/arrow.gif) no-repeat 32px 16px }

.smalldd > .inactive, .smalldd > .active, .smalldd > .inactive:hover, .smalldd > .active:hover  { background: url(../images/backgrounds/arrows.png) 100% 12px no-repeat; }

/* === Sidebar widgets === */

/* Profile */

.sideProfile { padding: 0 12px; font-size: 11px; color: #CECECE; position: relative; }
.sideProfile span { display: block; }
.sideProfile span a { color: white; font-weight: bold; }
.sideProfile ul { display: none; border-left: 1px solid #1c252a; border-right: 1px solid #1c252a; border-top: 1px solid #1c252a; position: absolute; top: 76px; z-index: 980; width: 190px; }
.sideProfile ul li { background: #2f363c; border-top: 1px solid #444b52; border-bottom: 1px solid #1c252a; }
.sideProfile ul li:first-child { border-top: none; }
.sideProfile ul li a { padding: 8px 10px; display: block; color: #CECECE; }
.sideProfile ul li a img { padding-top: 5px; display: block; float: left; margin-right: 14px; }
.sideProfile ul li a:hover { background: #2c323a; }
.profileFace { float: left; margin: 0 10px 10px 0; }
.goUser { display: block; background: url(../images/backgrounds/sideDropdown.png) no-repeat 0 0; width: 172px; height: 21px; padding: 5px 10px; cursor: pointer; }
.goUser:hover { background-position: 0 -32px; }
.goUser:active { background-position: 0 -64px; } 

/* 3 buttons */

.iconsGroup { margin: 20px 14px 0 14px; border: 1px solid #262f36; box-shadow: 0 0 0 1px #394248; -webkit-box-shadow: 0 0 0 1px #394248; -moz-box-shadow: 0 0 0 1px #394248; }
.iconsGroup ul li { background: url(../images/backgrounds/iconsGroup.png) repeat-x 0 0; float: left; position: relative; display: block; border-left: 1px solid #262f36; }
.iconsGroup ul li a.dUsers { background: url(../images/icons/dUsers.png) no-repeat 50%; }
.iconsGroup ul li a.dMessages { background: url(../images/icons/dMessages.png) no-repeat 50% 10px; }
.iconsGroup ul li a.dMoney { background: url(../images/icons/dMoney.png) no-repeat 50%; padding: 21px 31px 20px 31px; }
.iconsGroup ul li:first-child { border-left: none; }
.iconsGroup ul li a { display: block; padding: 21px 30px 20px 31px; }
.iconsGroup ul li:hover { background-position: 0 -42px; }
.iconsGroup ul li:active { background-position: 0 -84px; }

/* General balance */

.genBalance { height: 68px; border-top: 1px solid #252d31; border-bottom: 1px solid #242d33; background: #252d31; }
.genBalance a { background: url(../images/backgrounds/genBalance.png) repeat-x; display: block; border-top: 1px solid #4a535c; color: #e0e0e0; border-bottom: 1px solid #3c444c; }
.genBalance a span { font-size: 11px; display: block; margin-bottom: 6px; }
.genBalance a span.balanceAmount { font-size: 22px; font-weight: bold; margin: 0; }
.genBalance .amount { width: 124px; float: left; margin-right: 1px; border-right: 1px solid #3b4751; padding: 10px 14px; border-left: 1px solid #3b4751; }
.genBalance .amChanges { width: 39px; float: left; border-left: 1px solid #3b4751; border-right: 1px solid #3b4751; padding: 9px 10px; }
.sNegative, .sPositive, .sZero { padding: 26px 0 2px 0; text-align: center; display: block; font-size: 14px; }
.sNegative { color: #e77575; }
.sPositive { color: #90c254; background: url(../images/backgrounds/sidebarPositiveArrow.png) no-repeat 14px 10px; }
.sZero {  }

/* Next update */

.nextUpdate { margin-top: 12px; }
.nextUpdate ul li { color: #cecece; font-size: 11px; display: inline-block; width: 78px; padding: 0 14px; text-align: right; }
.nextUpdate ul li:first-child { text-align: left; }

/* Numbers statistics */

.numStats ul li { float: left; text-align: center; width: 46px; padding: 0 12px; color: #f8f8f8; font-size: 18px; border-right: 1px solid #283037; border-left: 1px solid #37414a; }
.numStats ul li span { display: block; color: #717e88; font-size: 11px; }
.numStats ul li.last { border-right: none; }

/* Sidebar buttons */

.sButton { background: url(../images/backgrounds/sidebarButtons.png) repeat-x; width: 185px; margin: 0 auto; display: block; border: 1px solid #222a30; text-align: center; height: 34px; line-height: 34px; }
.sButton span { font-size: 10px; font-weight: bold; color: #fefefe; display: inline-block; }
.sButton img { float: left; padding: 12px 15px 12px 14px; background: url(../images/backgrounds/sidebarButtonSep.png) repeat-y 100% 0; }

.sBlue { background-position: 0 0; }
.sBlue:hover { background-position: 0 -35px; }
.sBlue:active { background-position: 0 -70px; }

.sRed { background-position: 0 -107px; }
.sRed:hover { background-position: 0 -142px; }
.sRed:active { background-position: 0 -177px; }

.sGreen { background-position: 0 -214px; }
.sGreen:hover { background-position: 0 -249px; }
.sGreen:active { background-position: 0 -284px; }

/* Round statistics */

.sRoundStats { width: 185px; margin: 0 auto; }
.sRoundStats ul li { float: left; margin-left: 5px; text-align: center; color: white; font-size: 11px; }
.sRoundStats ul li:first-child { margin-left: 0; }
.sRoundStats ul li a { background: url(../images/backgrounds/roundStats.png) no-repeat 0 0; display: block; width: 58px; height: 58px; margin-top: 6px; }
.sRoundStats ul li a:hover { background-position: 0 -60px; }
.sRoundStats ul li a:active { background-position: 0 -120px; }
.sRoundStats ul li a span { font-size: 12px; padding: 28px 2px 2px 2px; font-weight: bold; display: block; }
.sRoundStats ul li a span.roundZero { color: #e2e2e2; background: url(../images/sidebarZero.png) no-repeat 50% 15px; }
.sRoundStats ul li a span.roundPos { color: #a6e062; background: url(../images/sidebarPos.png) no-repeat 50% 15px; }
.sRoundStats ul li a span.roundNeg { color: #e48383; background: url(../images/sidebarNeg.png) no-repeat 50% 15px; }

/* Common styles
================================================== */

.fixed { box-shadow: inset 0 0 1px #748a9b; -moz-box-shadow: inset 0 0 1px #748a9b; -webkit-box-shadow: inset 0 0 1px #748a9b; }

.middleNav, .widget, .sItem, .statsDetailed, .statsContent, .nav li a strong, .controlB ul li, .smalldd ul li a strong
{ -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }

.widget, .middleNav, .sItem, .statsDetailed 
{ box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; }

.nNote, .widget .num a, .tag, a.sButton, .tooltip, .tPagination ul li a, .bc, .pages li a, .smallButton, .search-choice, .horControlB ul li, .gallery ul li, .iconsGroup, .logMeIn, .wContentButton
{ -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }

.basic, .wButton, input[type="button"], button {padding: 8px 18px 6px 18px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }

.button {padding: 8px 18px 6px 18px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }

.contentProgress, .invoicesBar, .barG, .barO, .barB 
{ -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; }

.widget .title:first-child, ul.tabs
{ -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px; }

.sItem > h2 a, .mUser a, .searchWidget input[type=text]
{ -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; }

.sItem > span, .mOrders a 
{ -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; }

.cleditorMain, table tfoot td, .totalAmount, table tr:last-child
{ -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; }

.partners li:hover, .newUpdate:hover, .wUserInfo:hover { background: #fdfdfd; }

/* Content
================================================== */

/* === Title area with middle navigation === */

.titleArea { padding-top: 36px; }

.pageTitle { float: left; padding: 10px 0 0px 0; }

.middleNav { float: right; border: 1px solid #cdcdcd; margin: 29px 0; }
.middleNav ul { }
.middleNav ul li { display: block; float: left; border-left: 1px solid #cdcdcd; position: relative; }
.middleNav ul li:first-child { border-left: none; }
.middleNav ul li a { width: 60px; height: 45px; display: block; border: 1px solid #fbfbfb; cursor: pointer; background: #e9e9e9 url(../images/backgrounds/middleNavBg.png) repeat-x; }
.middleNav ul li a:hover { background: #f3f3f3; }
.middleNav ul li a:active { background: #efefef; }
.middleNav ul li a span { display: block; height: 45px; }

.middleNav ul li a span.files { background: url(../images/icons/middlenav/files.png) no-repeat 18px; }
.middleNav ul li a span.users { background: url(../images/icons/middlenav/users.png) no-repeat 11px; }
.middleNav ul li a span.messages { background: url(../images/icons/middlenav/messages.png) no-repeat 14px; }
.middleNav ul li a span.orders { background: url(../images/icons/middlenav/orders.png) no-repeat 16px; }

.middleNav ul li ul { position: absolute; top: 50px; right: -1px; width: 156px; z-index: 996; border: none; background: url(../images/subArrow.png) no-repeat 82% 0; display: none; }
.middleNav ul li ul li { display: block; float: none; border-bottom: 1px solid #1c252b; border-top: 1px solid #404950; border-left: none; background: url(../images/backgrounds/navBg.jpg); }
.middleNav ul li ul li:hover { border-top: 1px solid #374047; }
.middleNav ul li ul li:first-child { margin-top: 6px; -webkit-border-top-right-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-topleft: 2px; }
.middleNav ul li ul li:last-child { -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; }
.middleNav ul li ul li a { background:  url(../images/subIcon.png) no-repeat 12px 15px; width: auto; border: none; color: #d1d1d1; height: auto; padding: 7px 3px 8px 25px; font-size: 11px; }
.middleNav ul li ul li a:hover { background: #293138 url(../images/subIcon.png) no-repeat 12px 15px; }

/* Statistic row
================================================== */

/* ===== Statistics ===== */

.statsRow { background: url(../images/backgrounds/titleRowBg.png); }
.statsItems { padding: 20px 0 14px 0; overflow: visible; text-align: center; }

.sItem { width: /*15%*/; margin: 0 1%; display: inline-block; border: 1px solid #d5d5d5; position: relative; background: #eee url(../images/backgrounds/stats.png) repeat-x; }
.sItem:first-child {  }
.sItem > span { display: block; color: #626262;  }
.sItem > h2 { float: left; }
.sItem > h2 a { display: block; color: #626262; background: #eee url(../images/backgrounds/stats.png) repeat-x; cursor: pointer; }
.sItem > h2 a:hover { background-position: 0 -62px; }
.sItem > h2 a:active { background-position: 0 -124px; }

.value { text-align: center; padding: 12px 20px 5px 20px; font-weight: bold; }
.value span { display: block; margin-top: 2px; font-size: 12px; }

.changes { text-align: center; font-weight: bold; font-size: 14px; padding: 14px 18px 5px 18px; float: left; border-left: 1px solid #d5d5d5; }
.changes .negative { background: url(../images/negArrow.png) no-repeat 0px 5px; padding-left: 22px; color: #db6464; margin-top: 4px; display: block; }
.changes .positive { background: url(../images/posArrow.png) no-repeat 0px 6px; padding-left: 22px; color: #6daa24; margin-top: 4px; display: block; }
.changes .zero { background: url(../images/zero.png) no-repeat 4px 6px; padding-left: 20px; color: #4e8fc6; margin-top: 4px; display: block; }

/* Stats dropdowns */

.statsContent { border: 2px solid #b0b0b0; margin-top: 6px; background: #f3f3f3; }
.statsDetailed .subArrow {  }
.sElements { background: url(../images/backgrounds/statsElementsBg.png) repeat-x; text-align: center; }
.statsDetailed { position: absolute; left: 50%; top: 75px; width: 222px; z-index: 998; background: url(../images/subArrowStats.png) no-repeat 50% 0; display: none; margin-left: -110px; }
.statsDetailed .statsDropBtn { text-align: center; padding: 12px 0 12px 0; }
.statsDetailed .statsDropBtn a { display: inline-block; }
.statsDetailed .sDisplay { background: url(../images/backgrounds/darkGreyCircle.png) no-repeat; width: 57px; height: 65px; display: inline-block; margin: 15px 5px 25px 5px; text-align: center; }
.statsDetailed .sDisplay h4 { padding: 18px 0 30px 0; display: block; color: #fefefe; }
.statsDetailed .sDisplay span { font-size: 11px; }

.statsUpdate { margin: 8px 12px 2px 12px; }
.statsUpdate span { width: 95px; display: inline-block; text-align: right; }
.statsUpdate span:first-child { text-align: left; }
.statsUpdate .contentProgress { margin-top: 5px; }

/* ===== Control buttons ===== */

.controlB { text-align: center; padding: 11px 0 22px 0; }
.controlB ul li { display: inline-block; margin: 11px 5px 0 5px; background: url(../images/backgrounds/controlB.png) repeat-x; border: 1px solid #d5d5d5; text-align: center; box-shadow: inset 0 0 0 1px #fff; -webkit-box-shadow: inset 0 0 0 1px #fff; -moz-box-shadow: inset 0 0 0 1px #fff; }
.controlB ul li:hover { background-position: 0 -72px; }
.controlB ul li:active { background-position: 0 -144px; }
.controlB ul li a { padding: 10px 20px 4px 20px; display: block; font-weight: bold; white-space: nowrap; color: #626262; }
.controlB ul li a span { display: block; margin-top: 5px; }

/* ===== Horizontal control buttons ===== */

.horControlB { text-align: center; padding: 11px 0 22px 0; }
.horControlB ul li { display: inline-block; margin: 11px 5px 0 5px; background: url(../images/backgrounds/horControlB.png) repeat-x; border: 1px solid #d5d5d5; text-align: center; box-shadow: inset 0 0 0 1px #fff; -webkit-box-shadow: inset 0 0 0 1px #fff; -moz-box-shadow: inset 0 0 0 1px #fff; }
.horControlB ul li:hover { background-position: 0 -43px; }
.horControlB ul li:active { background-position: 0 -86px; }
.horControlB ul li a {  display: block; font-weight: bold; white-space: nowrap; color: #626262; }
.horControlB ul li img { float: left; margin: 12px 12px 10px 12px; }
.horControlB ul li a span { display: block; margin: 0px 0 0 40px; padding: 10px 16px 8px 16px; border-left: 1px solid #d5d5d5; } 

/* Gallery
================================================== */

.gallery { margin: auto; padding: 4px 0.5% 12px 0.5%; text-align: center; }
.gallery ul li { display: inline-block; height: 102px; margin: 12px 6px 0 6px; border: 1px solid #cdcdcd; position: relative; }
.gallery ul li:hover { border-color: #ddd; }
.gallery .actions { background: #000; opacity: 0.8; position: absolute; top: -1px; right: -1px; display: none; padding: 1px 2px; }
.gallery .actions a { color: #fff; font-size: 11px; display: block; padding: 4px 5px 3px 0; float: left; }
.gallery .actions a img { margin-left: 5px; }
.gallery .actions a:first-child { padding-right: 0; }

/* Buttons
================================================== */

button, input[type=submit], input[type=reset], input[type=button] { font-size: 12px; background-image: url(../images/ui/usualButtons.png); background-repeat: repeat-x; white-space: nowrap; cursor: pointer; font-family: Arial, Helvetica, sans-serif; line-height: 12px; display: inline-block; max-height: 29px; }
.button{ font-size: 12px; background-image: url(../images/ui/usualButtons.png); background-repeat: repeat-x; white-space: nowrap; cursor: pointer; font-family: Arial, Helvetica, sans-serif; line-height: 13px; display: inline-block; max-height: 29px; }
input[type=submit], input[type=reset], input[type=button]{ padding: 7px 18px 8px 18px; }

.formSubmit { display: block; float: right; margin: 14px 18px; }

.button span { display: inline-block; height: 12px; margin-bottom: -1px; margin-top: 1px;}
.button .icon {float: left; margin: 0px 6px -2px 0px;}

.smallButton { border: 1px solid #cdcdcd; background: url(../images/backgrounds/titleBg.png) repeat-x 0 0; padding: 5px 7px; display: inline-block; }
.smallButton:hover { background: #f6f6f6; }
.smallButton:active { background: #f2f2f2; }

.basic { background-position: 0 0; border: 1px solid #c7c7c7; color: #595959; }
.basic:hover { background-position: 0 -28px; }
.basic:active { background-position: 0 -56px; }

.blueB { background-position: 0 -85px; border: 1px solid #3672a0; color: #fff; }
.blueB:hover { background-position: 0 -113px; }
.blueB:active { background-position: 0 -141px; }

.redB { background-position: 0 -170px; border: 1px solid #9f352b; color: #fff; }
.redB:hover { background-position: 0 -198px; }
.redB:active { background-position: 0 -226px; }


.greyishB { background-position: 0 -255px; border: 1px solid #576270; color: #fff; }
.greyishB:hover { background-position: 0 -283px; }
.greyishB:active { background-position: 0 -311px; }

.brownB { background-position: 0 -340px; border: 1px solid #99682b; color: #fff; }
.brownB:hover { background-position: 0 -368px; }
.brownB:active { background-position: 0 -396px; }

.greenB { background-position: 0 -425px; border: 1px solid #7ca82a; color: #fff; }
.greenB:hover { background-position: 0 -453px; }
.greenB:active { background-position: 0 -481px; }

.dredB { background-position: 0 -510px; border: 1px solid #893f3f; color: #fff; }
.dredB:hover { background-position: 0 -538px; }
.dredB:active { background-position: 0 -566px; }

.violetB { background-position: 0 -595px; border: 1px solid #7e6095; color: #fff; }
.violetB:hover { background-position: 0 -623px; }
.violetB:active { background-position: 0 -651px; }

.dblueB { background-position: 0 -680px; border: 1px solid #2e6691; color: #fff; }
.dblueB:hover { background-position: 0 -708px; }
.dblueB:active { background-position: 0 -736px; }

.blackB { background-position: 0 -765px; border: 1px solid #2f2f2f; color: #fff; }
.blackB:hover { background-position: 0 -793px; }
.blackB:active { background-position: 0 -821px; }

/* === Widget buttons === */

.wButton, .wContentButton { font-size: 12px; font-weight: bold; color: #FEFEFE !important; height: 20px; text-align: center; display: inline-block; line-height: 21px; background: url(../images/ui/widgetButtons.png) repeat-x; }
.wContentButton { display: block; margin-top: 32px; }

.wButton span { padding: 0 20px; display: inline-block; }

.orangewB { background-position: 0 0; border: 1px solid #8e4626; }
.orangewB:hover { background-position: 0 -36px; }
.orangewB:active { background-position: 0 -72px; }

.redwB { background-position: 0 -109px; border: 1px solid #803939; }
.redwB:hover { background-position: 0 -145px; }
.redwB:active { background-position: 0 -181px; }

.bluewB { background-position: 0 -218px; border: 1px solid #3573a8; }
.bluewB:hover { background-position: 0 -254px; }
.bluewB:active { background-position: 0 -290px; }

.greenwB { background-position: 0 -327px; border: 1px solid #6d8737; }
.greenwB:hover { background-position: 0 -363px; }
.greenwB:active { background-position: 0 -399px; }

.purplewB { background-position: 0 -436px; border: 1px solid #873862; }
.purplewB:hover { background-position: 0 -472px; }
.purplewB:active { background-position: 0 -508px; }


/* === List styles === */

.list li { padding: 0 0 0 15px; }
.list > strong { display: block; font-weight: bold; padding-bottom: 4px; }

.arrowB li { background: url(../images/icons/lists/arrowB.png) no-repeat 0 7px; }
.arrowG li { background: url(../images/icons/lists/arrowG.png) no-repeat 0 7px; }
.arrowlG li { background: url(../images/icons/lists/arrowlG.png) no-repeat 0 7px; }
.arrowR li { background: url(../images/icons/lists/arrowR.png) no-repeat 0 7px; }

.tipB li { background: url(../images/icons/lists/tipB.png) no-repeat 0 7px; }
.tipG li { background: url(../images/icons/lists/tipG.png) no-repeat 0; }
.tiplG li { background: url(../images/icons/lists/tiplG.png) no-repeat 0; }
.tipR li { background: url(../images/icons/lists/tipR.png) no-repeat 0; }

.plusB li { background: url(../images/icons/lists/plusB.png) no-repeat 0 5px; }
.plusG li { background: url(../images/icons/lists/plusG.png) no-repeat 0 5px; }
.pluslG li { background: url(../images/icons/lists/pluslG.png) no-repeat 0 5px; }
.plusR li { background: url(../images/icons/lists/plusR.png) no-repeat 0 5px; }

.roundtipB li { background: url(../images/icons/lists/roundtipB.png) no-repeat 0 5px; }
.roundtipG li { background: url(../images/icons/lists/roundtipG.png) no-repeat 0 5px; }
.roundtiplG li { background: url(../images/icons/lists/roundtiplG.png) no-repeat 0 5px; }
.roundtipR li { background: url(../images/icons/lists/roundtipR.png) no-repeat 0 5px; }

/* Content widgets
================================================== */

/* Widgets grid */

.widgets {  }

.oneTwo { width: 49%; display: inline; float: right; }
.oneTwo:first-child { float: left; }
.oneThree { width: 32%; display: inline; float: left; margin-left: 2%; }
.oneThree:first-child { margin-left: 0; float: left; }

.twoOne { width: 66%; float: right; margin-left: 2%; }
.twoOne:first-child { margin-left: 0; float: left; }

.oneFour { width: 23.5%; float: left; margin-left: 2%; }
.oneFour:first-child { margin-left: 0; }

/* Left & Right lists inside widgets */

.leftList  { float: left; max-width: 50%; }
.rightList { float: right; max-width: 50%; }
.rightList li { text-align: right; }

/* Top widget icons styles */

.topIcons { float: right; margin: 12px 12px 12px 0; }
.topIcons a { margin-left: 5px; }
.topIcons a:first-child { margin: 0; }

/* General widgets styles */

.widget { background: #f9f9f9; border: 1px solid #cdcdcd; margin-top: 10px; clear: both; }
.widget .title { height: 36px; background: #efefef url(../images/backgrounds/titleBg.png) repeat-x; border-bottom: 1px solid #cdcdcd; }
.widget .title_admin { height: 36px; background: #efefef url(../images/backgrounds/titleBg_admin.png) repeat-x; border-bottom: 1px solid #cdcdcd; }
.widget .title .titleIcon { float: left; padding: 11px 11px; border-right: 1px solid #D5D5D5; }

.widget .loader { float: right; margin: 12px 12px 0 0; display:none;}
.widget .title h6 { float: left; font-size: 12px; font-weight: bold; padding: 9px 12px 8px 12px; }
.widget:hover .title h6{color:#171717;}

.widget .title .desc { float: left; font-size: 12px; padding: 9px 12px 8px 12px; }
.widget .title .desc.smallFont{font-size:10px; padding-left:0px;}

.widget .title .extra { float: left; padding: 9px 12px 8px 2px; } 
.widget .content { padding: 14px; } 
.widget > p { padding: 12px; }
.widget-toggle {cursor:pointer;}

/* Sidebar search widget */

.sidebarSearch { position: relative; }
.sidebarSearch input[type=text] { background: url(../images/backgrounds/sidebarSearch.png) repeat-x; color: #A2A2A2; padding: 6px 10px 7px 10px; width: 196px; height: 16px; border: none; border-top: 1px solid #333D46; border-radius: 0; border-bottom: 1px solid #39434c; }
.sidebarSearch input[type=submit] { width: 23px; height: 23px; background: url(../images/sidebarSearchBtn.png) no-repeat; position: absolute; top: 4px; right: -7px; border: none; }
.sidebarSearch input[type=submit]:hover { background-position: 0 -24px; }
.sidebarSearch input[type=submit]:active { background-position: 0 -48px; }

/* User info widget */

.wUserInfo { padding: 12px 12px 9px 12px; }
.wUserInfo a { /*display: block;*/ }
.wUserPic { float: left; margin: 0 10px 0 0; }

/* Invoice stats widget */

.wInvoice {  }
.wInvoice > ul li { width: 32%; display: inline-block; text-align: center; border-left: 1px dotted #d5d5d5; margin-top: 14px; padding-top: 2px; }
.wInvoice > ul li:first-child { border-left: none; }
.wInvoice > ul li span { font-size: 11px; }
.invButtons { margin-top: 10px; text-align: center; }
.invButtons .bFirst { float: left; }
.invButtons .bLast { float: right; }
ul.ruler { width: 100%; margin-bottom: 8px; }
ul.ruler li { display: block; float: left; color: #757575; font-size: 10px; width: 33%; }
ul.ruler li:last-child { width: 34%; }

/* Tabs */

ul.tabs { background: url(../images/backgrounds/titleBg.png) repeat-x; height: 36px; border-bottom: 1px solid #CDCDCD; }
ul.tabs li { float: left; height: 36px; line-height: 38px; border-left: none; overflow: hidden; position: relative; font-size: 15px; border-right: 1px solid #cdcdcd; }
ul.tabs li a { display: block; padding: 0px 12px; outline: none; color: #424242; font-size: 12px; font-weight: bold; }
ul.tabs li a:hover { color: #797979; }
html ul.tabs li.activeTab  { background-color: #f9f9f9; height: 37px; }
.rightTabs .activeTab { height: 36px!important; }
html ul.tabs li.activeTab a { color: #2E6B9B; } 

.tab_container { overflow: hidden; width: 100%; }
.tab_content { padding: 10px 12px; }

.rightTabs { position: relative; }
.rightTabs ul.tabs { float: right; background: none; height: 38px; position: absolute; top: 0; right: 0; border-bottom: none; }
.rightTabs ul.tabs li { border-left: 1px solid #cdcdcd; border-right: none; }

#dummy_tab, .dummy_tab{display:none;}

/* Search widget */

.searchWidget { position: relative; margin-top: 10px; }
.searchWidget input[type=text] { border: 1px solid #d5d5d5; padding: 10px!important; width: 93%!important; height: 14px; }
.searchWidget input[type=submit] { background: url(../images/searchBtn.png) no-repeat 0 0; position: absolute; top: 0; right: 0; border: none!important; width: 36px; height: 36px; max-height:36px;}
.ser_fix{top:39px !important; right:2px !important;}

.searchconWidget { position: relative; margin-top: 32px; float:left;}
.add_filters{position: relative; margin-top: 62px; float:left; display:block;}
.searchconWidget input[type=text] { border: 1px solid #d5d5d5; padding: 10px!important; height: 14px; width:161px; position: absolute; right:35px; font-size:12px;}
.searchconWidget input[type=submit] { background: url(../images/searchBtn.png) no-repeat 0 0; right:0; top:0px; position:relative; border: none; width: 36px; height: 36px; max-height:36px;}

/* Task table widget */

.taskWidget td.taskD, .taskWidget td.taskP, .taskWidget td.taskPr { text-align: left; padding-left: 32px; background-position: 12px 14px; background-repeat: no-repeat; }
.taskWidget td.taskD { background-image: url(../images/icons/taskDone.png); }
.taskWidget td.taskP { background-image: url(../images/icons/taskPending.png); }
.taskWidget td.taskPr { background-image: url(../images/icons/taskProgress.png); }

.taskWidget a { color: #595959; }
.taskWidget td { text-align: center; }

.actBtns { text-align: center; }
.actBtns img { margin: 0 3px; }

/* Accordion */

.menu_body { display: none; padding: 12px 14px; }
.acc .head { margin-bottom: -1px; cursor: pointer; }
.acc .head h6 { padding: 9px 14px; }

/* Website statistics widget */

.webStatsLink { color: #2e6b9b; font-size: 16px; font-weight: bold; }
.statsPlus, .statsMinus { padding-left: 20px; }
.statsPlus { background: url(../images/icons/grown.png) no-repeat 0 2px; color: #599414; }
.statsMinus { background: url(../images/icons/dropped.png) no-repeat 0 2px; color: #a73939; }

/* Content statistics widget */

.contentStats { }
.contentStats li { padding: 8px 12px; border-top: 1px solid #d5d5d5; }
.contentStats li:first-child { border-top: none; }
.contentStats li:hover { background-color: #fafafa; }
.contentStats h5 { display: block; float: left; margin-right: 6px; padding-left: 32px; padding-top: 1px; }
.contentStats .nComments { background: url(../images/icons/dialog.html) no-repeat 0; }
.contentStats .nSubscribers { background: url(../images/icons/sub.html) no-repeat 0 2px; }
.contentStats .nFollowers { background: url(../images/icons/dark/twitter.png) no-repeat 0; }
.contentStats .nAffiliates { background: url(../images/icons/plusS.html) no-repeat 0 2px; }
.contentStats .nUploads { background: url(../images/icons/add.png) no-repeat 0 2px; }

/* New order widget */

.userRow { padding: 12px 12px 7px 12px; }
.orderRow, .totalAmount { padding: 7px 12px; }
.userRow ul { padding-left: 12px; margin-top: -1px; }

.orderRow ul li { padding-top: 2px; }
.orderRow ul li:first-child { padding-top: 0; }

.totalAmount { background: #efefef url(../images/backgrounds/titleBg.png) repeat-x; padding: 8px 12px; }

.orderIcons { margin-top: 4px; }
.orderIcons span { background: url(../images/icons/orderStatus.png) no-repeat; display: block; float: right; margin-left: 8px; }

.orderIcons .oPaid, .orderIcons .oUnpaid { width: 7px; height: 12px; }
.orderIcons .oPaid { background-position: 0 0; }
.orderIcons .oUnpaid { background-position: 0 -13px; }

.orderIcons .oShipped, .orderIcons .oUnshipped { width: 21px; height: 12px; }
.orderIcons .oShipped { background-position: 0 -26px; }
.orderIcons .oUnshipped { background-position: 0 -39px; }

.orderIcons .oFinished, .orderIcons .oUnfinished { width: 12px; height: 12px; }
.orderIcons .oFinished { background-position: 0 -52px; }
.orderIcons .oUnfinished { background-position: 0 -65px; }

/* Partners list widget */

.partners {  }
.partners img { margin-right: 12px; }
.partners li { border-top: 1px solid #cdcdcd; padding: 12px 12px 8px 12px; }

.partners li:first-child { border-top: none; }
.pInfo { float: left; }
.pLinks { float: right; width: 12px; margin-left: 5px; }
.pInfo i { display: block; }
.pLinks a { margin-top: 10px; display: block; }
.pLinks a:first-child { margin-top: 3px; }.

/* New updates widget */

.updates { padding-left: 0px; }
.updates .uDate { float: right; width: 38px; text-align: center; color: #bbbbbb; margin: 4px -2px 0 0; }
.updates .uDate .uDay { font-size: 20px; font-weight: bold; display: block; margin-bottom: -4px; }

.uDone, .uAlert, .uNotice, .uNone { float: left; display: block; padding-left: 22px; max-width: 76%; }
.uDone { background: url(../images/icons/updateDone.png) no-repeat 0 4px; }
.uAlert { background: url(../images/icons/updateWarning.png) no-repeat 0 4px; }
.uNotice { background: url(../images/icons/updateNotice.png) no-repeat 0 4px; }

.newUpdate { border-top: 1px solid #d5d5d5; padding: 10px 12px; }
.newUpdate:first-child { border-top: none; }
.newUpdate span { display: block; }

/* === Numeric data === */

.widget .num { float: right; display: inline-block; text-align: center; margin: 8px 8px 0 0; font-size: 11px; }
.widget .num span { margin-right: 10px; }
.widget .num a { background: url(../images/ui/numDataBg.png) repeat-x; height: 19px; padding: 2px 5px; color: #fefefe; }

.widget .num a.blueNum{ background-position: 0 -114px; border: 1px solid #4b8bc4; }
.widget .num a.blueNum:hover { background-position: 0 -133px; }
.widget .num a.blueNum:active { background-position: 0 -152px; }

.widget .num a.redNum { background-position: 0 -171px; border: 1px solid #c83e3e; }
.widget .num a.redNum:hover { background-position: 0 -190px; }
.widget .num a.redNum:active { background-position: 0 -209px; }

.widget .num a.greenNum { background-position: 0 0; border: 1px solid #84b550; }
.widget .num a.greenNum:hover { background-position: 0 -19px; }
.widget .num a.greenNum:active { background-position: 0 -38px; }

.widget .num a.greyishNum, .tabNum.greyishNum  { background-position: 0 -57px; border: 1px solid #587787; }
.widget .num a.greyishNum:hover { background-position: 0 -76px; }
.widget .num a.greyishNum:active { background-position: 0 -95px; }

.widget .num a.greyNum { background-position: 0 -228px; border: 1px solid #585858; }
.widget .num a.greyNum:hover { background-position: 0 -247px; }
.widget .num a.greyNum:active { background-position: 0 -266px; }

/* ===== Notification messages ===== */

.nNote { text-align:left; margin: 32px 0px 0px 0px; box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; }
.nNote a.hideit{position:absolute; top:3px; right:8px; font-weight:bold;}
.nNote strong { margin-right: 5px; }
.nNote p { font-size: 12px; padding: 10px 25px 10px 54px; margin: 0px; color: #565656; }
.nNote pre{ clear:both; width:80%; margin-left:55px;}

.nMessage p { font-size: 11px; }
.nWarning { background: #ffe9ad url(../images/icons/notifications/error.png) no-repeat 15px center; border: 1px solid #eac572; color: #826200; }
.nSuccess { background: #effeb9 url(../images/icons/notifications/accept.png) no-repeat 15px center; border: 1px solid #c1d779; color: #3C5A01; }
.nFailure { background: #fccac1 url(../images/icons/notifications/exclamation.png) no-repeat 15px center; border: 1px solid #e18b7c; color: #AC260F; }
.nInformation { background: #deeefa url(../images/icons/notifications/information.png) no-repeat 15px center; border: 1px solid #afd3f2; color: #235685; }
.nLightbulb { background: #FEF0CB url(../images/icons/notifications/lightbulb.html) no-repeat 15px center; border: 1px solid #D3A350; color: #835F21; }
.nMessages { background: #9DDFFF url(../images/icons/notifications/email.html) no-repeat 15px center; border: 1px solid #42B4FF; color: #835F21; }

.nWarning a{color:#1C252B;}

/* Progress bars
================================================== */

/* ===== Sidebar progress bars ===== */

.pWrapper { padding: 3px; width: 183px; height: 2px; background: url(../images/ui/progress_container.png); margin: 12px; }
.progressG { height: 2px; width: 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #90c255; }
.progressO { height: 2px; width: 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #e27924; }
.progressB { height: 2px; width: 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #5ca8e5; }
.progressR { height: 2px; width: 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #dc595c; }

/* ===== Content progress bars ===== */

.contentProgress { height: 6px; background: #dedede; border: 1px solid #cacaca; }

.invoicesBar { height: 6px; width: 0; margin: -1px 0 0 -1px; background: url(../images/ui/greenMediumBar.png) repeat-x; border: 1px solid #a1b965; }
.barG { height: 6px; width: 0; margin: -1px 0 0 -1px; background: url(../images/ui/greenMediumBar.png) repeat-x; border: 1px solid #a1b965; }
.barO { height: 6px; width: 0; margin: -1px 0 0 -1px; background: url(../images/ui/orangeMediumBar.png) repeat-x; border: 1px solid #ee9255; }
.barB { height: 6px; width: 0; margin: -1px 0 0 -1px; background: url(../images/ui/blueMediumBar.png) repeat-x; border: 1px solid #70a9d4; }

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

/* ===== Static table ===== */

.sTable thead td { text-align: center; }
.sTable thead td { border-bottom: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; background: #efefef url(../images/backgrounds/titleBg.png) repeat-x; color: #878787; font-size: 11px; color: #878787; font-weight: normal; padding: 3px 8px 2px 8px; }

table thead td.sortCol > div { cursor: pointer; position: relative; }
table thead td span { background: url(../images/icons/sort.png) no-repeat 0; display: block; position: absolute; right: 3px; top: 2px; width: 16px; height: 16px; }
table thead td.headerSortUp span { background: url(../images/icons/sortUp.png) no-repeat 0; }
table thead td.headerSortDown span { background: url(../images/icons/sortDown.png) no-repeat 0; }

.sTable thead td a { color: #878787; }
.sTable thead td:first-child { border-left: none; }
.mTable tfoot tr { height: 50px; background: #efefef url(../images/backgrounds/titleBg.png) repeat-x; border-top: 1px solid #ddd; }

.fileInfo { font-size: 11px; text-align: center; }
.fileInfo span { display: block; }

.itemActions { float: left; margin: 12px; }
.itemActions label { float: left; margin: 4px 12px 0 4px; font-size: 11px; }
.itemActions .selector, .itemActions .selector span { width: 120px; }
.itemActions .selector select { width: 130px; }

.sTable .checker { margin: 0 auto; float: none; }

.sTable tbody tr { border-top: 1px solid #e4e4e4; }
.sTable tbody tr:nth-child(even) { background-color: #f6f6f6; }

.sTable tbody td { border-left: 1px solid #e4e4e4; padding: 8px 12px; vertical-align: middle; }
.sTable tbody td:first-child { border-left: none; }
.sTable tbody tr:first-child { border-top: none; }

.withCheck tbody tr td:first-child, .withCheck tbody tr th:first-child { padding: 11px; }
.withCheck thead tr td:first-child { vertical-align: middle; width: 37px!important; padding: 0; }

/* Pagination
================================================== */

/* ===== Table pagination ===== */

.tPagination { float: right; display: block; text-align: center; margin: 16px 12px 0 5px; }
.tPagination ul li { display: inline-block; }
.tPagination ul li a { color: #595959; background: #fefefe url(../images/backgrounds/tPagination.png) repeat-x; padding: 3px 7px; border: 1px solid #ddd; font-size: 11px; }
.tPagination ul li.prev a { background: url(../images/icons/prev.png) no-repeat 0; border: none; }
.tPagination ul li.next a { background: url(../images/icons/next.png) no-repeat 100%; border: none; }	

/* ========== Content pagination ========== */

.pagination { margin: auto; width: auto; text-align: center; margin-top: 30px; }
.pages {  }
.pages li.prev { margin-right: 15px; }
.pages li.next { margin-left: 15px; }
.pages li {  display: inline-block; margin: 5px 2px; } 
.pages li a { height: 25px; padding: 4px 8px; text-decoration: none; color: #666666; font-weight: bold; background: url(../images/backgrounds/pagingBg.png) repeat-x 0 0; border: 1px solid #d5d5d5; font-size: 11px; }
.pages li a:hover { background: #f6f6f6; }
.pages li .active { background: url(../images/backgrounds/sideGradient.png) repeat-x; color: #fff; border-color: #424852; }
.pages li .active:hover { background: #2a313d; }

/* Form styles
================================================== */

/* ===== General form styles ===== */

.formRow { padding: 2px 14px 12px 14px; clear: both; border-bottom: 1px solid #E2E2E2; border-top: 1px solid white; position: relative; }
.formRow:first-child { border-top: none; }
.formRow:last-child { border-bottom: none; }
.ui-formwizard .formRow:last-child { border-bottom: 1px solid #E2E2E2 ; }
.wizButtons { border-top: 1px solid #fff; }
.formRow .inputImg { /*position: absolute; top: 29px; right: 25px;*/ float:right; margin-top:6px;}
.formRow .labelImg { float: left; margin: 2px 10px 0 0; }
.formRow > label { padding: 2px 0; display: block; /*float: left;*/ }
.formRight label { float: left; margin-right: 24px; padding: 2px 0; cursor: pointer; }
.formNote { display: block; text-align: left; font-size: 11px; padding-top: 0px; color: #939393; }
.formNote a{color:#2b6893;}
.formRight input[type="submit"], .formRight .button{margin-top:8px;}

.req { float: right; margin-left: 5px; display: block; color: #DB6464; }
.disabled { color: #c0c0c0; }

.sliderSpecs > label { font-size: 11px; margin-right: 10px; }
.sliderSpecs > input { border: none; background: none; width: 30%; padding: 5px; color: #595959; }

.formRow .checker, .formRow .radio { margin-right: 12px; margin-top: 4px; }
.formRow .formRight { display: block; /*float: right;*/ width: 97%; margin-right: 18px; }

.form input[type=text], .form input[type=password], .form textarea {margin-bottom:3px; font-size: 12px; padding: 5px 6px; background: white; border: 1px solid #DDD; width: 100%; font-family: Arial, Helvetica, sans-serif; box-shadow: 0 0 0 2px #f4f4f4; -webkit-box-shadow: 0 0 0 2px #f4f4f4; -moz-box-shadow: 0 0 0 2px #f4f4f4; color: #656565; } 
.form input[type=text]:hover, .form input[type=password]:hover, .form textarea:hover { border-color: #d5d9dc; background: #fdfdfd; }
.form input[type=text]:focus, .form input[type=password]:focus, .form textarea:focus { border-color: #d5d9dc; background: #fff; -webkit-box-shadow: 0 0 0 2px #f4f4f4; box-shadow: 0 0 0 2px #f4f4f4; -moz-box-shadow: 0 0 0 2px #f4f4f4; }
input[readonly], input[disabled] { background: #FCFCFC; border: 1px solid #DADADA; color: #D1D1D1; }

.form input[type=text].error, .form input[type=password].error, .form textarea.error{border: 1px solid #b15b53;}

.multiple { width: 100%; padding: 5px; }

/* ===== Dropdown with search  ===== */

.searchDrop .selector { display: none; }

/* ===== Limit box  ===== */

.limBox { font-size: 11px; padding: 10px 0; display: block; }
.limiterBox { border: 1px solid #ddd; border-top: none; background: #efefef url(../images/backgrounds/titleBg.png) repeat-x; padding: 4px 6px; font-size: 11px;	margin-top:1px; }

/* ===== Tags input  ===== */

div.tagsinput { border: 1px solid #ddd; box-shadow: 0 0 0 2px #f4f4f4; -webkit-box-shadow: 0 0 0 2px #f4f4f4; -moz-box-shadow: 0 0 0 2px #f4f4f4; background: #FFF; padding: 5px; width: 100%; overflow-y: auto;}
div.tagsinput span.tag { border: 1px solid #a5d24a; display: block; float: left; padding: 3px 8px 2px 8px; background: #cde69c; color: #638421; margin: 5px 5px 5px 5px; }
div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; font-size: 11px; float: right; margin-top: -1px; } 
div.tagsinput input { width: 80px; border: none; padding: 5px; background: transparent; margin: 5px 5px 0 0; }
div.tagsinput div { display: block; float: left; } 
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid { background: #FBD8DB !important; color: #90111A !important;}

/* ===== Timepicker  ===== */

.timepicker { width: 46px!important; }
.timeEntry_control { vertical-align: middle; margin-left: -1px; margin-top: -2px; cursor: pointer; }
* html .timeEntry_control { margin-top: -4px; }
.timeEntry_wrap { margin-right: 12px; }


/* ===== Spinner ===== */

.ui-spinner { width: 10em; display: block; position: relative; overflow: hidden; border: 1px solid #cacaca; background: url(../images/forms/spinnerBg.png) repeat-x top left!important; padding-left: 8px; }
.ui-spinner-disabled { background: #F4F4F4; color: #CCC; }
.ui-spinner input.ui-spinner-box { border: none!important; background: none!important; box-shadow: none!important; padding: 6px 0!important; }
.ui-spinner-up, .ui-spinner-down { width: 18px; padding: 0; margin: 0; z-index: 100; position: absolute; right: 0; cursor: pointer; border: none; }
.ui-spinner-up { background: url(../images/forms/spinnerTop.png) no-repeat; height: 13px; top: 0; }
.ui-spinner-down { height: 13px; bottom: 0px; background: url(../images/forms/spinnerBottom.png) no-repeat; }
.ui-spinner-pressed {  }
.ui-spinner-list, .ui-spinner-listitem { margin: 0; padding: 0; font-size: 11px; }
.ui-spinner ul li, .ui-spinner-data { line-height: 25px; height: 25px; }

/* ===== Form validation ===== */

/* ===== Select ===== */

div.selector {margin-bottom:2px; position: relative; height: 28px; background: url(../images/forms/select_left.png) no-repeat top left; float: left; width: 190px; position: relative; padding-left: 10px; }
div.selector select { width: 200px; font-size: 13px; position: absolute; height: 28px; top: 0; left: 0; font-family:Arial,Helvetica,sans-serif; border-color:#fefefe;}
div.selector span { width: 190px; cursor: pointer; position: absolute; right: 0; height: 28px; background: url(../images/forms/select_right.png) no-repeat center right; top: 0; line-height: 28px; font-size: 13px; }

.dataTables_length div.selector { width: 45px; float: left; height: 22px; background: url(../images/forms/select_left_datatable.png) no-repeat top left; padding-left: 8px; }
.dataTables_length div.selector span { width: 45px; height: 22px; background: url(../images/forms/select_right_datatable.png) no-repeat center right; line-height: 22px; }
.dataTables_length div.selector select { width: 65px; left: -5px; height: 22px; }

.multiple { height: 200px; }

/* ===== Checkboxes ===== */

div.checker { width: 15px; height: 15px; position: relative; float: left; }
div.checker input { width: 15px; height: 15px; opacity: 0; filter: alpha(opacity:0); display: inline-block; background: none; }
div.checker span { background: transparent url(../images/forms/checkbox.png) no-repeat 0 0px ; vertical-align: middle; height: 15px; width: 15px; display: -moz-inline-box; display: inline-block; text-align: center; }
div.checker span.checked { background-position: center bottom; }

/* ===== Radios ===== */

div.radio { width: 15px; height: 15px; position: relative; float: left; margin-top: 5px; }
div.radio input {cursor: pointer; opacity: 0; filter: alpha(opacity:0); text-align: center; display: inline-block; background: none; width: 15px; height: 15px; }
div.radio span { background: transparent url(../images/forms/radio.png) no-repeat 0 0; vertical-align: middle; height: 15px; width: 15px; display: block; display: -moz-inline-box; display: inline-block; text-align: center;}
div.radio span.checked { background-position: center bottom; }

/* ===== File uploader ===== */

div.uploader { width: 250px; position: relative; overflow: hidden; box-shadow: 0 0 0 2px #f4f4f4; -webkit-box-shadow: 0 0 0 2px #f4f4f4; -moz-box-shadow: 0 0 0 2px #f4f4f4; border: 1px solid #DDD; background: white; padding: 2px 2px 2px 8px; }
div.uploader span.action { width: 22px; background: #fff url(../images/addFiles.png) no-repeat 0 0; height: 22px; font-size: 11px; font-weight: bold; cursor: pointer; float: right; text-indent: -9999px; display: inline; overflow: hidden; cursor: pointer; }
div.uploader:hover span.action { background-position: 0 -27px; }
div.uploader:active span.action { background-position: 0 -54px; }
div.uploader span.filename { color: #777; max-width: 200px; font-size: 11px; line-height: 22px; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default; }
div.uploader input { width: 266px; opacity: 0; filter: alpha(opacity:0); position: absolute; top: 0; right: 0; bottom: 0; float: right; height: 26px; border: none; cursor: pointer; }
.uploader { display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; }

/* ===== Wizard ===== */

label.error { color: #A73939; font-size: 11px; display: block; width: 100%; /*white-space: nowrap;*/ float: none; margin: 0px 0 3px 0; }
.selector .error { margin-right: -220px; float: right; }
.checker label.error, .radio label.error { display: inline; }
.step h1 { float: right; font-weight: bold; font-size: 1em; padding-right: 14px; margin-top: -28px; }
.navigation_button { width : 70px; }
.data span { font-size: 11px; text-align: center; border-top: 1px solid #DDD; padding: 12px 0; display: block; }

.wizButtons .wNavButtons { float: right; margin: 14px 18px; }
.wizButtons .status span { float: left; color: #599414; padding: 18px 14px 18px 32px; background: url(../images/icons/updateDone.png) no-repeat 14px; font-size: 11px; }

/* ===== Dual select boxes ===== */

.leftPart { float: left; width: 38%; max-width: 45%; }
.rightPart { float: right; width: 38%; max-width: 45%; }
.dualControl { text-align: center; width: 200px; margin: 150px 1px; position: absolute; left: 50%; margin-left: -100px; }
.boxFilter { max-width: 80%; margin: 0 0 0 0; float: right; }
.filter { margin: 10px 0 22px 0; position: relative; width: 100%; }
.filter > span { float: left; display: block; margin-top: 4px; }
.fBtn { position: absolute; right: 10px; top: 9px; background: none!important; color: #aaa; border: none!important; padding: 0!important; }
.countLabel { margin-top: 10px; display: block; }

/* Floats */

.plupload_clear,.plupload_clearer { clear: both; }
.plupload_clearer, .plupload_progress_bar { display: block; font-size: 0; line-height: 0; }

li.plupload_droptext { background: transparent; text-align: center; vertical-align: middle; border: 0; line-height: 160px; }
li.plupload_droptext:hover { background: #fff; }

/* Footer
================================================== */

#footer { clear: both; position: absolute; bottom: 0; left: 0; width: 100%;  }
#footer .wrapper { text-align: center; padding: 20px 0 20px 222px; margin: 0; }

/* Plugin styles
================================================== */

/* ===== Tipsy ===== */

.tipsy { padding: 4px; font-size: 11px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 2px 8px 2px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s { margin-top: -5px; }
.tipsy-w { margin-left: 5px; }
.tipsy-e { margin-right: -5px; }
.tipsy-n { margin-top: 5px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }	

/* ===== Noty notifications ===== */

/* CORE STYLES */

/* noty bar */
.noty_bar {
	position: fixed;
	display: none;
	z-index: 9999999;
}

/* noty_message */
.noty_bar .noty_message {
	text-align: center;
}

/* noty close button */
.noty_bar .noty_close {
	cursor: pointer;
}

/* noty modal */
.noty_modal {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 10000;
	opacity: 0.6;
	display: none;
	left: 0;
	top: 0;
}

/* noty container for noty_layout_topLeft & noty_layout_topRight */
ul.noty_cont {
	position: fixed;
	z-index: 10000000;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 300px;
}
ul.noty_cont li {
	position: relative;
	float: left;
	clear: both;
	list-style: none;
	padding: 0px;
	margin: 10px 0 0 0;
	width: 300px; /* Fix for: http://bugs.jquery.com/ticket/2278 */
}
ul.noty_cont.noty_layout_topLeft {left:20px; top:20px;}
ul.noty_cont.noty_layout_topRight {right:40px; top:20px;}
ul.noty_cont.noty_layout_bottomLeft {left:20px; bottom:20px}
ul.noty_cont.noty_layout_bottomRight {right:40px; bottom:20px}
ul.noty_cont.noty_layout_topRight li {float:right}

/* LAYOUTS */

/* noty_layout_top */
.noty_bar.noty_layout_top {
	top: 0;
	left: 0;
	width: 100%;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

/* noty_layout_bottom */
.noty_bar.noty_layout_bottom {
	bottom: 0;
	left: 0;
	width: 100%;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

/* noty_layout_center */
.noty_bar.noty_layout_center {
	top: 40%;
}

/* noty_layout_topLeft & noty_layout_topRight */
.noty_bar.noty_layout_topLeft, 
.noty_bar.noty_layout_topRight,
.noty_bar.noty_layout_bottomLeft,
.noty_bar.noty_layout_bottomRight {
	width: 100%;
	clear: both;
	position: relative;
}

.noty_bar.noty_layout_topLeft .noty_message, 
.noty_bar.noty_layout_topRight .noty_message,
.noty_bar.noty_layout_bottomLeft .noty_message,
.noty_bar.noty_layout_bottomRight .noty_message {
	text-align: left;
}

/* noty_layout_topCenter */
.noty_bar.noty_layout_topCenter {
	top: 20px;
}

/* CORE STYLES*/

	/* noty bar */
	.noty_bar.noty_theme_default {
		background: url(../images/noty_lines.png) repeat-x scroll left top #fff;
	}
	
	/* if you use noty with customContainer you can access noty with this way 
	*	 .noty_custom_container noty will add automaticly this class to your customContainer
	*	 .noty_theme_default 		your theme
	*	 .noty_layout_inline		your layout 
	*/
	
	/* custom container */
	.noty_custom_container.noty_theme_default.noty_layout_inline {
		position: relative;
	}
	
	/* custom growl container */
	.noty_custom_container.noty_theme_default.noty_layout_inline .noty_cont.noty_layout_inline {
		position: static;
	}
		/* custom noty bar */
		.noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar {
			border-width: 1px;
			border-style: solid;
			position: static;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
		}
			.noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar .noty_message {
				font-size: 13px;
				padding: 4px;
			}
				.noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar .noty_message .noty_buttons {
					margin-top: -1px;
				}
	
	/* noty_message */
	.noty_bar.noty_theme_default .noty_message {
		padding: 8px 14px;
		font-size: 16px;
		font-weight: bold;
		width: auto;
	}
	.noty_bar.noty_theme_default.noty_closable .noty_message {
		padding: 8px 34px 8px 14px;
	}
	
	/* noty_buttons */
	.noty_bar.noty_theme_default .noty_message .noty_buttons {
		float: right;
		font-size: 13px;
		margin-top: -4px;
		margin-left: 4px;
	}
	
	/* noty_button */
	.noty_bar.noty_theme_default .noty_message .noty_buttons button {
		margin-left: 5px;
	}
	
	/* noty close button */
	.noty_bar.noty_theme_default .noty_close {
		position: absolute;
		top: 10px;
		right: 10px;
		background: url(../images/noty_close.png);
		width: 20px;
		height: 20px;
	}
	
	/* noty modal */
	.noty_modal.noty_theme_default {
		opacity: 0.7;
	}
	
/* LAYOUTS */

	/* noty_layout_top */
	.noty_bar.noty_theme_default.noty_layout_top {
		border-bottom: 3px solid #eee;
	}

	/* noty_layout_bottom */
	.noty_bar.noty_theme_default.noty_layout_bottom {
		border-top: 3px solid #eee;
	}

	.noty_bar.noty_theme_default.noty_layout_center .noty_close {
		top: 8px;
	}
	
	.noty_bar.noty_theme_default.noty_layout_center .noty_message .noty_buttons {
		margin-top: -2px
	}
	
	/* noty_layout_topLeft & noty_layout_topRight */
	.noty_bar.noty_theme_default.noty_layout_center,
	.noty_bar.noty_theme_default.noty_layout_topLeft,
	.noty_bar.noty_theme_default.noty_layout_topRight,
	.noty_bar.noty_theme_default.noty_layout_bottomLeft,
	.noty_bar.noty_theme_default.noty_layout_bottomRight {
		border: 1px solid #eee;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	}
	.noty_bar.noty_theme_default.noty_layout_center .noty_message,
	.noty_bar.noty_theme_default.noty_layout_topLeft .noty_message,
	.noty_bar.noty_theme_default.noty_layout_topRight .noty_message,
	.noty_bar.noty_theme_default.noty_layout_bottomLeft .noty_message,
	.noty_bar.noty_theme_default.noty_layout_bottomRight .noty_message {
		font-size: 13px;
		font-weight: normal;
	}
	.noty_bar.noty_theme_default.noty_layout_topLeft .noty_message .noty_buttons,
	.noty_bar.noty_theme_default.noty_layout_topRight .noty_message .noty_buttons,
	.noty_bar.noty_theme_default.noty_layout_bottomLeft .noty_message .noty_buttons,
	.noty_bar.noty_theme_default.noty_layout_bottomRight .noty_message .noty_buttons {
		float: none;
		border-top: 1px solid #ccc;
	  margin-left: 0;
	  margin-top: 10px;
	  padding-top: 10px;
	  text-align: right;
	}
	
	/* noty_layout_topCenter */
	.noty_bar.noty_theme_default.noty_layout_topCenter {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	}
	.noty_bar.noty_theme_default.noty_layout_topCenter .noty_message {
		font-weight: normal;
		font-size: 13px;
	}
	.noty_bar.noty_theme_default.noty_layout_topCenter .noty_close {
		top: 50%;
		margin-top: -10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	.noty_bar.noty_theme_default.noty_layout_topCenter.noty_success {
		border: 1px solid #50C24E;
	}
	.noty_bar.noty_theme_default.noty_layout_topCenter .noty_message .noty_buttons {
		margin-left: 15px;
		margin-top: 0px
	}
	
/* NOTIFICATION TYPES */

	/* noty_notification */
	.noty_bar.noty_theme_default.noty_notification {
		background-color: #fff;
		border-color: #ccc;
    color: #555;
	}
	.noty_bar.noty_theme_default.noty_notification.noty_layout_topLeft .noty_message .noty_buttons,
	.noty_bar.noty_theme_default.noty_notification.noty_layout_topRight .noty_message .noty_buttons,
	.noty_bar.noty_theme_default.noty_notification.noty_layout_bottomLeft .noty_message .noty_buttons,
	.noty_bar.noty_theme_default.noty_notification.noty_layout_bottomRight .noty_message .noty_buttons {
    border-color: #ccc;
  }
  
	/* noty_warning */
	.noty_bar.noty_theme_default.noty_warning {
		background-color: #FFEAA8;
		border-color: #FFC237;
    color: #826200;
	}
	.noty_bar.noty_theme_default.noty_warning.noty_layout_topLeft .noty_message .noty_buttons,
	.noty_bar.noty_theme_default.noty_warning.noty_layout_topRight .noty_message .noty_buttons,
	.noty_bar.noty_theme_default.noty_warning.noty_layout_bottomLeft .noty_message .noty_buttons,
	.noty_bar.noty_theme_default.noty_warning.noty_layout_bottomRight .noty_message .noty_buttons {
    border-color: #FFC237;
  }
  
  /* noty_alert */
	.noty_bar.noty_theme_default.noty_alert {
		background-color: #fff;
		border-color: #ccc;
	}
	.noty_bar.noty_theme_default.noty_alert.noty_layout_topLeft .noty_message .noty_buttons,
	.noty_bar.noty_theme_default.noty_alert.noty_layout_topRight .noty_message .noty_buttons,
	.noty_bar.noty_theme_default.noty_alert.noty_layout_bottomLeft .noty_message .noty_buttons,
	.noty_bar.noty_theme_default.noty_alert.noty_layout_bottomRight .noty_message .noty_buttons {
    border-color: #ccc;
  }
  
	/* noty_error */
	.noty_bar.noty_theme_default.noty_error {
		background-color: red;
		color: #fff;
		border-color: darkred;
	}
	.noty_bar.noty_theme_default.noty_error .noty_message {
		font-weight: bold;
	}
	.noty_bar.noty_theme_default.noty_error.noty_layout_topLeft .noty_message .noty_buttons,
	.noty_bar.noty_theme_default.noty_error.noty_layout_topRight .noty_message .noty_buttons,
	.noty_bar.noty_theme_default.noty_error.noty_layout_bottomLeft .noty_message .noty_buttons,
	.noty_bar.noty_theme_default.noty_error.noty_layout_bottomRight .noty_message .noty_buttons {
    border-color: darkred;
  }
  
	/* noty_success */
	.noty_bar.noty_theme_default.noty_success {
		background-color: lightgreen;
		color: darkgreen;
		border-color: #50C24E;
	}
	.noty_bar.noty_theme_default.noty_success.noty_layout_topLeft .noty_message .noty_buttons,
	.noty_bar.noty_theme_default.noty_success.noty_layout_topRight .noty_message .noty_buttons,
	.noty_bar.noty_theme_default.noty_success.noty_layout_bottomLeft .noty_message .noty_buttons,
	.noty_bar.noty_theme_default.noty_success.noty_layout_bottomRight .noty_message .noty_buttons {
    border-color: #50C24E;
  }
  
	/* noty_information */
	.noty_bar.noty_theme_default.noty_information {
		background-color: #57B7E2;
		border-color: #0B90C4;
		color: #fff;
	}
	.noty_bar.noty_theme_default.noty_information.noty_layout_topLeft .noty_message .noty_buttons,
	.noty_bar.noty_theme_default.noty_information.noty_layout_topRight .noty_message .noty_buttons,
	.noty_bar.noty_theme_default.noty_information.noty_layout_bottomLeft .noty_message .noty_buttons,
	.noty_bar.noty_theme_default.noty_information.noty_layout_bottomRight .noty_message .noty_buttons {
    border-color: #0B90C4;
  }

/* ===== Breadcrumbs ===== */

.bc { margin: 32px 0; background: #efefef url(../images/backgrounds/titleBg.png) repeat-x; border: 1px solid #cdcdcd ; }
ul.breadcrumbs { position: relative; z-index: 1000; clear: both; }
ul.breadcrumbs li { float: left; }
ul.breadcrumbs li.current { border-right: none; }
ul.breadcrumbs li a { font-size: 11px; color: #666666; text-decoration: none; padding: 8px 20px 8px 14px; display: block; background: url(../images/backgrounds/breadcrumbArrow.png) no-repeat 100% 13px; }
ul.breadcrumbs li a:hover, ul.breadcrumbs li.hover a { color: #2B6893; }
ul.breadcrumbs > li:first-child { background: url(../images/icons/iconHome.gif) no-repeat 12px 12px; }
ul.breadcrumbs > li:first-child a { padding-left: 32px; }
ul.breadcrumbs li.current a { color: #333333; font-weight: bold; background: none; }

ul.breadcrumbs li ul { position: absolute; background: url(../images/subArrow.png) no-repeat 10px 5px; font-size: 11px; width: 180px; top: 35px; display: none; padding-top: 10px; margin-left: -1px; }
ul.breadcrumbs li ul li { float: none; width: 180px; border-bottom: 1px solid #1c252b; border-top: 1px solid #404950; border-left: none; border-right: none; background: url(../images/backgrounds/navBg.jpg); padding: 0; }
ul.breadcrumbs li ul li:first-child { -webkit-border-top-right-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-topleft: 2px; }
ul.breadcrumbs li ul li:last-child { -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; }

ul.breadcrumbs li ul li:hover { border-top: 1px solid #374047; }
ul.breadcrumbs li ul li a { text-decoration: none; padding: 5px 0; color: #CCCCCC !important; display: block; padding: 8px 12px 8px 32px; background: url(../images/subIcon.png) no-repeat 12px 15px; }
ul.breadcrumbs li ul li a:hover { background: #293138 url(../images/subIcon.png) no-repeat 12px 15px; }

/* ===== PRE tag styles ===== */

.SRC_Wrap { height:auto; font-size:12px; }
.SRC_Title {  text-align:center; color:#555; border-bottom:2px solid #999; font-size:14px; font-family:Verdana, Geneva, sans-serif; padding:5px; font-weight:700; }
.SRC_Line { width:100%; background-color:#fafafa; min-height:28px; line-height: 28px; }
.SRC_Line:nth-child(even) { background-color:#f5f5f5; }
.SRC_NumBox { width: 5%; float:left; }
.SRC_Num { font-family: Verdana, Geneva, sans-serif; font-size: 12px; text-align:right; color:#555; font-weight:500; padding-right:2px; width:100%; height:auto; min-height:28px; line-height:28px; }
.SRC_CodeContent { white-space: pre-wrap; border-left: 1px solid #EFEFEF; font-size: 12px; padding-left: 12px; font-family: "Courier New", Courier, monospace; margin: 0px; min-height: 28px; line-height: 28px; }
.SRC_NumContent { text-align:right; margin-right:4px; color:#555; }
.SRC_CodeBox { float:left; width:95%; }

.SC_blue { color: blue; }
.SC_grey { color: grey; }
.SC_navy { color: navy; }
.SC_green { color: green; }
.SC_orange { color: #930; }
.SC_red { color: #F00; }
.SC_teal { color: teal; }
.SC_gold { color: #FC0; }
.SC_pink { color: #ff68a4; }
.SC_bold { font-weight: 700; }

/*
Version: @@ver@@ Timestamp: @@timestamp@@
*/
.select2-container {
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: top;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input{
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
   -khtml-box-sizing: border-box; /* konqueror */
     -moz-box-sizing: border-box; /* firefox */
      -ms-box-sizing: border-box; /* ie */
          box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;

    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;

    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;

    -webkit-background-clip: padding-box;
       -moz-background-clip: padding;
            background-clip: padding-box;

    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
    background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
    background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
    background-image: -o-linear-gradient(bottom, #eeeeee 0%, #ffffff 50%);
    background-image: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(top, #ffffff 0%, #eeeeee 50%);
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;

    -webkit-border-radius:0 0 4px 4px;
       -moz-border-radius:0 0 4px 4px;
            border-radius:0 0 4px 4px;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white));
    background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%);
    background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%);
    background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 90%);
    background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
    background-image: linear-gradient(top, #eeeeee 0%,#ffffff 90%);
}

.select2-container .select2-choice span {
    margin-right: 26px;
    display: block;
    overflow: hidden;

    white-space: nowrap;

    -ms-text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
}

.select2-container .select2-choice abbr {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 26px;
    top: 8px;

    font-size: 1px;
    text-decoration: none;

    border: 0;
    background: url('select2.png') right top no-repeat;
    cursor: pointer;
    outline: 0;
}
.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}

.select2-drop {
    width: 100%;
    margin-top:-1px;
    position: absolute;
    z-index: 9999;
    top: 100%;

    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;

    -webkit-border-radius: 0 0 4px 4px;
       -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;

    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
       -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
         -o-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;

    -webkit-border-radius: 4px 4px 0 0;
       -moz-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;

    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
       -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
         -o-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-container .select2-choice div {
    display: block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

    border-left: 1px solid #aaa;
    -webkit-border-radius: 0 4px 4px 0;
       -moz-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;

    -webkit-background-clip: padding-box;
       -moz-background-clip: padding;
            background-clip: padding-box;

    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
    background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%);
}

.select2-container .select2-choice div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('select2.png') no-repeat 0 1px;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;

    position: relative;
    z-index: 10000;

    white-space: nowrap;
}

.select2-search-hidden {
    display: block;
    position: absolute;
    left: -10000px;
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;

    outline: 0;
    font-family: sans-serif;
    font-size: 1em;

    border: 1px solid #aaa;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;

    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;

    background: #fff url('select2.png') no-repeat 100% -22px;
    background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('select2.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: url('select2.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url('select2.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100%;
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
       -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
         -o-box-shadow: 0 0 5px rgba(0,0,0,.3);
            box-shadow: 0 0 5px rgba(0,0,0,.3);
}

.select2-dropdown-open .select2-choice {
    border: 1px solid #aaa;
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
       -moz-box-shadow: 0 1px 0 #fff inset;
         -o-box-shadow: 0 1px 0 #fff inset;
            box-shadow: 0 1px 0 #fff inset;

    -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
            border-bottom-left-radius: 0;

    -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
            border-bottom-right-radius: 0;

    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
    background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%);
    background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
    background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%);
    background-image: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
    background-image: linear-gradient(top, #ffffff 0%,#eeeeee 50%);
}

.select2-dropdown-open .select2-choice div {
    background: transparent;
    border-left: none;
    filter: none;
}
.select2-dropdown-open .select2-choice div b {
    background-position: -18px 1px;
}

/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
}

.select2-results ul.select2-result-sub {
    margin: 0;
}

.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px }

.select2-results li {
    list-style: none;
    display: list-item;
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold;
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;
}

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff;
}
.select2-results li em {
    background: #feffde;
    font-style: normal;
}
.select2-results .select2-highlighted em {
    background: transparent;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
}

/*
disabled look for already selected choices in the results dropdown
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
*/
.select2-results .select2-disabled {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice div {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none
}


/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;

    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;

    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
       -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
         -o-box-shadow: 0 0 5px rgba(0,0,0,.3);
            box-shadow: 0 0 5px rgba(0,0,0,.3);
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    height: 15px;
    padding: 5px;
    margin: 1px 0;

    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
         -o-box-shadow: none;
            box-shadow: none;
    background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100% !important;
}

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;

    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;

    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;

    -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
       -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
            box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);

    -webkit-background-clip: padding-box;
       -moz-background-clip: padding;
            background-clip: padding-box;

    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0 );
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
}
.select2-container-multi .select2-choices .select2-search-choice span {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;

    font-size: 1px;
    outline: none;
    background: url('select2.png') right top no-repeat;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices{
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
    display: none;
}
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-result-selectable .select2-match {
    text-decoration: underline;
}
.select2-result-unselectable .select2-match {
    text-decoration: none;
}

.select2-offscreen {
    position: absolute;
    left: -10000px;
}

/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi)  {
  .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b {
      background-image: url('select2x2.png') !important;
      background-repeat: no-repeat !important;
      background-size: 60px 40px !important;
  }
  .select2-search input {
      background-position: 100% -21px !important;
  }
}

/* Media queries
================================================== */

/* Increasing space between widgets and general wrapper paddings */

@media only screen and (min-width: 980px) and (max-width: 1280px) {
	
	.oneTwo { width: 48%; }
	.wrapper { margin: 0 4%; }
	.oneThree { width: 31%; margin-left: 3.5%; }
	.twoOne { width: 65.5%; }
	.oneFour { width: 22%; margin-left: 4%; }
	.formRow .formRight { width: 97%; }
	.SRC_NumBox { width: 10%; }
	.SRC_CodeBox { width: 90%; }
	
}

/* Fixing login panel for mobile devices */

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

.loginWrapper { margin: -119px 0 0 -141px; }
.loginWrapper .widget { width: 282px; }
.loginWrapper .formRow > label { float: left; padding: 4px 0; }
.loginInput { width: 160px; margin-right: 4px; }

}

/* Devices and browsers with min of 800px and max of 979px */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	
	.wrapper { margin: 0 5%; }
	.pageTitle { max-width: 45%; }
	.oneTwo, .oneTwo:first-child, .oneThree, .oneThree:first-child, .oneFour, oneFour:first-child, .twoOne, .twoOne:first-child { width: auto; float: none; margin: 0; clear: both; width: 100%; }
	table thead td span { background-position: 100%; }
	.formRow { padding: 2px 14px 12px 14px; }
	.formRow .formRight { width: 100%; float: none; margin-right: 14px; }
	.form input[type="text"], .form input[type="password"], .form textarea { width: 97%; }
	.formRow .inputImg { top: auto; bottom: 26px; }
	.formRow > label { float: none; padding:2px 0; }
	.req { float: none; margin-left: 0; display: inline; }
	
	.topNav { display: inline-block; text-align: center; }
	.userNav { margin-right: 214px!important; }
	
	.welcome { display: none; }
	.dataTables_filter input[type="text"] { width: 110px!important; }

	.controlB ul li { margin: 4px 1%; width: 30%; }
	
	.sItem { width: 186px; }
	
	.horControlB ul li { margin: 2px; width: 46%; }
	
	table thead td span { display: none; }
	.sTable thead td.sortCol { text-align: center; padding: 3px 14px 2px 14px; }
	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 1024px) {
	
	html { -webkit-text-size-adjust: 100%; }
	.statsDetailed { top: 60px; }
	.withCheck thead tr td:first-child { width: 37px; }
	.oneTwo, .oneTwo:first-child, .oneThree, .oneThree:first-child, .oneFour, oneFour:first-child, .twoOne, .twoOne:first-child { width: auto; float: none; margin: 0; clear: both; }
	
	.loginWrapper .formRow > label { float: left; padding: 2px 0; }
	.loginInput { margin-right: 4px; }
	.dnone { display: none; }
	.loginPage { min-height: 500px; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (min-width: 768px) {
	
	.errorPage .welcome { display: block; }
	.errorPage .userNav { margin-right: 0!important; float: right; }
	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 599px) {
	
	#rightSide { padding-bottom: 74px; }
	
	.userNav ul li span { display: none; }
	.topNav { background: url(../images/backgrounds/topnavBg.png) repeat; margin: 0; padding: 0; }	
	.userNav { float: none; margin-right: 0; border: none; }
	.userNav > ul { border: none; }
	.userNav > ul li { float: none; display: inline-block; margin: 3px 0 3px -4px }
	.userNav > ul li.mob_only {display: inline-block;}
	.userNav > ul li a { float: none; padding: 9px 14px 8px 14px; margin: 0; }
	.userNav > ul li img { margin: 0; float: none; padding: 0; display: inline; }
	
	ul.userDropdown { left: -53px; }
	ul.userDropdown li { margin: 0; text-align: left; }
	ul.userDropdown li a { padding: 6px 10px 7px 32px; }
	
	.itemActions { margin: 16px auto 8px auto; float: none; clear: both; display: block; width: 210px; }
	.tPagination { padding: 16px 12px; float: none; clear: both; }
	
	.invButtons .bFirst, .invButtons .bLast { float: none; }
	.invButtons .bLast { margin-top: 10px; }
	
	.plupload_scroll .plupload_filelist_header .plupload_file_action, .plupload_scroll .plupload_filelist_footer .plupload_file_action { margin-right: 0; margin-left: 0; width: 0; }
	.plupload_file_size, .plupload_file_status, .plupload_progress { width: auto; }
	.plupload_file_size { margin: 0 10px; }
	.plupload_filelist .plupload_file_name { width: 48%; }
	
	.dataTables_filter input[type="text"] { width: 169px!important; }
	.dataTables_paginate { text-align: center; margin: 8px 6px 40px 6px; }
	.ui-buttonset .ui-button { margin: 0 2px; }
	.dataTables_paginate .ui-button { margin-right: 0; }
	.dataTables_filter { margin: 4px 12px 2px 12px; left: 50%; margin-left: -123px; }
	.dataTables_paginate .last { border-bottom: 1px solid #d5d5d5!important }
	
	table.display thead th div.DataTables_sort_wrapper { line-height: 16px; text-align: center; padding-right: 10px; }
	table.display thead th div.DataTables_sort_wrapper span, .dataTables_length .itemsPerPage, table thead td span { display: none; }
	
	.form input[type="text"], .form input[type="password"], .form textarea { /*width: 94%; kouts*/ width: 97%;}
	.formRow { padding: 2px 14px 12px 14px; }
	
	div.tagsinput { padding: 0; width: 99%!important; }
	
	.filter > input[type=text] { width: 75%; }
	.leftPart, .rightPart { float: none; width: 100%; max-width: 100%; }
	.leftPart { margin-bottom: 20px; }
	.rightPart { margin-top: 30px; }
	.countLabel { text-align: center; }
	
	.dualControl { width: auto; margin: 0; position: static; left: 0; margin-left: 0; }
	
	.SRC_CodeBox { width: 90%; }
	.SRC_NumBox { width: 10%; }
	
	.el-finder-nav { width: 40%; }
	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

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

	.userNav { float: none; margin-right: 0; border: none; }
	.userNav > ul { border: none; margin: 0; }
	.userNav > ul li { display: inline-block; float: none; margin-left: -4px; }
	ul.userDropdown { left: -10px; }
	ul.userDropdown li { margin: 0; text-align: left; }
	ul.userDropdown li a { padding: 6px 10px 7px 32px; }
	.filter > input[type=text] { width: 70%; }
	.dualControl button { padding: 7px 12px 8px 12px }
	div.tagsinput { width: 97%!important; }
	.topNav { margin-bottom: -7px; margin-left:0px;}	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (min-width: 600px) and (max-width: 767px) {
	
	.form input[type="text"], .form input[type="password"], .form textarea { width: 97%; }
	.formRow { padding: 2px 14px 12px 14px; }
	.changes .negative, .changes .positive, .changes .zero { padding-left: 56%!important; background-position: 72% 6px!important; }
	table thead td span { display: block; right: -13px; }
	.sTable thead td.sortCol { text-align: left; padding: 3px 14px 2px 14px; }
	.dataTables_filter input[type="text"] { width: 150px!important; }

}
	
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 767px) {
	
	.resp { display: block;}
	.respHead { text-align: center; }
	.respHead > a { margin: 20px 0; display: block; }
	
	.topNav { position: static; }
	
	#leftSide, .welcome { display: none; }
	.dn { display: block; }
	body { background: none; }
	.wrapper { margin: 0 6%; }
	.topNav { display: inline-block; text-align: center;}
	.titleArea { text-align: left; /*kouts was center*/ padding-top: 10px; }
	/*.pageTitle > h5 { font-size: 18px; margin-bottom: 4px; }*/
	.pageTitle { float: none; padding: 0 0 0px 0; }
	.formRow .formRight { width: 100%; float: none; margin-right: 14px; }
	.formRow .inputImg { top: auto; bottom: 26px; }
	.formRow > label { float: none; padding: 2px 0; }
	.req { float: none; margin-left: 0; display: inline; }
	.step h1 { display: none; }
	
	.middleNav { float: none; margin: 0 auto 29px auto; width: 282px; }
	.middleNav > ul li { display: inline; width: 69px; float: left; }
	.middleNav > ul li:first-child { width: 70px; }
	.middleNav ul li a { width: 100%; }
	
	.middleNav ul li a span.files { background-position: 21px; }
	.middleNav ul li a span.users { background-position: 14px; }
	.middleNav ul li a span.messages { background-position: 18px; }
	.middleNav ul li a span.orders { background-position: 21px; }
	
	.numberMiddle { right: -3px; }
	
	.middleNav ul li ul { left: 0; width: 140px; text-align: left; background-position: 28px 0; }
	.middleNav ul li ul li { width: 100%; }
	.middleNav ul li.mOrders ul, .middleNav ul li.mFiles ul { right: -3px; left: auto; background-position: 95px 0; }
	.middleNav ul li ul li:first-child { width: 100%; }
	
	.controlB ul li { display: block; float: left; width: 49%; margin: 1px 1px 0 0; }
	.horControlB ul li { margin: 1px 0 0 0; width: 100%; text-align: left; }
	
	.sItem { margin: 1px 0 0 0; width: 100%; }
	.sItem > h2 { width: 50%; border-right: 1px solid #D5D5D5; }
	.changes { padding: 14px 0 5px 0; float: none; }
	.changes .negative, .changes .positive, .changes .zero { padding-left: 58%; background-position: 68% 6px; background-repeat: no-repeat; }
	.changes .negative { background-image: url(../images/negArrow.png); }
	.changes .positive { background-image: url(../images/posArrow.png); }
	.changes .zero { background-image: url(../images/zero.png); }
	
	.statsDetailed { margin-left: -111px; }
	
	#footer .wrapper { padding: 0 12px 12px 12px!important; }
	.leftPart .selector, .rightPart .selector { display: none; }
	div.uploader { width: 220px; }
	.formRow .checker, .formRow .radio { clear: both; }
	
	.errorWrapper .errorNum { font-size: 180px; padding: 100px 0 65px 0; }
	.errorWrapper .offline { font-size: 115px; padding: 80px 0 45px 0; }
	
	.sTable, .dTable { table-layout: fixed; }
	.sTable tbody td, .dTable tbody td { overflow: hidden; padding: 8px; }
	.sTable thead td { overflow: hidden; }
		
	.goTo { display: block; width: auto; height: auto; font-weight: bold; font-size: 12px; color: #fafafa; padding: 10px 0; cursor: pointer; margin: 0 6% }
	.goTo:hover, .goTo:active {  } 
	.goTo > img { margin: 3px 16px 0 0; float: left; }
	
	.pInfo { max-width: 70%; }
	.searchWidget input[type="text"] { width: 92%!important; }
	
}

/* KOUTS */
.hbody{display:none;}
.mhly{background-color:#EFFEB9;}

#ajax_indicator{background: url(../images/loaders/loader5.gif) top left no-repeat; width:16px; height:16px; display:block; position:absolute; right:12px; top:10px; z-index:220; display:none;}

a.cloned_del, a.top_trashcan{
	/*float:right;*/
	display:block;
	width:14px;
	height:14px;
	background:url(../images/icons/dark/trash.png) top left no-repeat;
	margin-top: -23px;
	right:25px;
	position:absolute;
}

a.cloned_widg_del{display:block; width:14px; height:14px; background:url(../images/icons/dark/trash.png) top left no-repeat; margin-top: -23px;	right:0px;	position:relative;}


/* Contacts list */

.widget .cnt-toggle{cursor:pointer;}
.widget .cnt_info {display:none; padding: 12px 14px;}
.widget .cnt_info ul li{line-height:25px;}
.widget .cnt_info li.tel_icon{background: url(../images/icons/dark/phone.png) center left no-repeat; padding-left:17px;}
.widget .cnt_info li.fax_icon{background: url(../images/icons/dark/fax.png) center left no-repeat; padding-left:17px;}
.widget .cnt_info li.email_icon{background: url(../images/icons/dark/mail.png) center left no-repeat; padding-left:17px;}
.widget .cnt_info li.company_icon{background: url(../images/icons/dark/companies.png) center left no-repeat; padding-left:17px;}
.widget .cnt_info li.users_count{background: url(../images/icons/dark/users.png) center left no-repeat; padding-left:17px;}
.widget .cnt_info li.note_icon{background: url(../images/icons/dark/notebook.png) center left no-repeat; padding-left:17px;}
.topIcons .edit {display:inline-block; width:12px; height:13px; background:url(../images/icons/editTop.png) top left no-repeat;}
.topIcons .del {display:inline-block; width:12px; height:11px; background:url(../images/icons/remove.png) top left no-repeat;}
.topIcons .add {display:inline-block; width:12px; height:12px; background:url(../images/icons/dark/add_12.png) top left no-repeat;}
.topIcons .tagedit {display:inline-block; width:14px; height:14px; background:url(../images/icons/dark/tag.png) top left no-repeat;}

#letters{margin-top:10px;}
#uniform-keyschange, #uniform-keyschange span{width:50px;}
#uniform-keyschange select{width:60px;}
.widget.intab{margin-left:12px; margin-right:12px;}
.plain.intab{margin-left:12px; margin-right:12px;}

#upload_container .ufl {
	background:#F9F9F9;
    border: 1px solid #E2E2E2;
    margin-bottom: 7px;
    padding: 4px 4px 3px;
}

#upload_container .sx {
    background: url(../images/chosen-x.png) no-repeat 0 0 transparent;
    cursor: pointer;
    display: block;
    float: right;
    height: 8px;
    width: 8px;
    margin: 5px 0 0;
}

#pickfiles{z-index:9999;}
.noteback {background-color:#ffffda !important;}
.note-toggle{cursor: pointer;}
.note_details{display:none;}

.fc-header-title h2 {
    font-size: 14px;
}
.crmtag{
	padding: 4px 6px;
}

.widget .title .left-side{
	float:left;
}

.ttags{position:absolute; margin-top:30px; margin-left:4px; background-color:#F5F5F5;}
.hs_ttags{margin-top:-7px;}

.ttags span, .hs_ttags span{
	font-size:11px;
	padding: 0px 2px 0px 3px;
	background-color:#e7e7e7;
	color:#464646;
	display:block;
	margin:0px 2px 0px 2px;
	float: left;
	line-height:15px;
	height:15px;
 	-khtml-opacity:.20; 
 	-moz-opacity:.20; 
 	-ms-filter:"alpha(opacity=20)";
  	filter:alpha(opacity=20);
  	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.2);
  	opacity:.20; 
}

.hs_ttags span {
	display:inline;
	float:none;
	margin:0px 2px 0px 0px;
}

.inseltag{
	font-size:12px;
	line-height:15px;
	padding: 0px 2px 0px 3px;
}

.ui-dialog-content .inseltag{
	font-size:12px;
	line-height:15px;
	padding: 0px 2px 0px 3px;
}

.widget:hover .ttags span, .wUserInfo:hover .hs_ttags span{
 	-khtml-opacity:1; 
 	-moz-opacity:1; 
 	-ms-filter:"alpha(opacity=100)";
  	filter:alpha(opacity=100);
  	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
  	opacity:1; 
}

.select2-container-multi .select2-choices .select2-search-choice {
	padding: 2px 5px 2px 18px;
}

#home_search{padding: 6px 6px; width:95%;}
.usr_tit{display:inline-block; margin:-2px 0px 0px 0px; background: url('../images/icons/color/user-silhouette-question.png') top left no-repeat; width:16px; height:16px;}
.smedit{display: inline-block; background: url('../images/icons/edit.png') top left no-repeat; width:8px; height:8px;}
.smadd{display: inline-block; background: url('../images/icons/add.png') top left no-repeat; width:8px; height:8px;}









/**
 * Very simple jQuery Color Picker CSS.
 *
 * Copyright (C) 2012 Tanguy Krotoff
 *
 * Licensed under the MIT license.
 *
 * Inspired by Bootstrap Twitter.
 * See https://github.com/twitter/bootstrap/blob/master/less/dropdowns.less
 * See http://twitter.github.com/bootstrap/assets/css/bootstrap.css
 */

.simplecolorpicker.picker: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: '';
}

.simplecolorpicker.picker: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: '';
}

.simplecolorpicker.picker {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1051; /* Above Bootstrap modal (z-index of 1050) */
  display: none;
  float: left;

  min-width: 271px;
  max-width: 264px;

  padding: 4px 0 0 4px;
  margin: 1px 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: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;

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

  .simplecolorpicker.inline {
    display: inline-block;
    height: 18px;
    padding: 4px 0;
  }

  .simplecolorpicker.icon,
  .simplecolorpicker div {
    cursor: pointer;
    display: inline-block;

    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;

    border: 1px solid transparent;
  }
  .simplecolorpicker div {
    margin: 0 4px 4px 0;
  }

  .simplecolorpicker div:hover,
  .simplecolorpicker div.selected {
    border: 1px solid #a8a8a8;
  }

  .simplecolorpicker.icon {
  	float:none;
  	width:15px;
	border: 1px solid #dddddd;  	
  }

  .simplecolorpicker div {
  	width:15px;
  	padding: 1px 6px 0 0;
  }