@import "reset.css";
@import "dataTable.css";
@import "ui_custom.css";
@import "fullcalendar.css";
@import "icons.css";
@import "elfinder.css";
@import "wysiwyg.css";
@import "prettyPhoto.css";

/* ==========  STYLES ========== 

1) General styles
2) Typo
3) Additional reset classes
4) Login page
5) Buttons
6) Pagination
7) Numbers notifications
8) Top navigation
9) Header
10) Left navigation
11) Statistics
12) Right side content
13) Classes for collapsing
14) Gallery
15) Tabs
16) Widgets
17) Support ticket and Latest orders
18) User
19) Search
20) Website stats
21) Accordion
22) Flot
23) Footer
24) Table
25) Forms
26) Form styling
27) List styles
28) Tooltip
29) Notification messages
30) Dynamic table headers
31) Spinner
32) Growl notifications
33) Page scrolling
34) Contact list
35) PRE tag styles
36) Breadcrumbs
37) Form validation
38) Color picker
39) Error pages
40) File uploader
41) Wizard
42) Timepicker
43) Dual select boxes
44) Single file input
45) Wizard with form validation
46) Media queries
47)

*/

html { height: 100%; }
* html body { height: 100%; }
body { margin: 0; padding: 0; font-size: 12px; color: #424242; font-family: Arial, Helvetica, sans-serif; line-height: 20px; min-height: 100%; position: relative; }


/* ==========  1) General styles ========== */

.wrapper { width: 980px; margin: auto; }
.img { border: 1px solid #d5d5d5; }


/* ==========  2) Typo  ========== */

h1, h2, h3, h4, h5, h6, ul.tabs li a, .leftNav ul li a, .stats ul li span, .userLink, .errorPage p, .ui-dialog .ui-dialog-title { font-family: 'Cuprum', Helvetica, sans-serif; font-weight: normal; }
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

blockquote { border : 1px solid #d5d5d5; margin-top: 40px; padding: 15px 10px; quotes: "\201C" "\201D"; background: #fafafa; text-align: center; font-style: italic; font-size: 12px; border-left: 4px solid #d5d5d5; }
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }

a:hover { color:#424242;}

.red { color: #B55D5C; }
.green { color: #2a8827; }
.blue { color: #384888;} 

p { padding: 12px 0 0 0; }
.p12 { padding: 12px; }
.pt12 { padding-top: 12px; }
.w40 { width: 40%; }

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


/* ==========  3) Additional reset classes  ========== */

.mt40 { margin-top: 40px; }
.nomargin { margin: 0!important; }
.nopadding { padding: 0!important; }
.noborder { border: none!important; }
.nobg { background: none!important; }
.floatleft { display: block; float: left; }
.floatright { display: block; float: right; }
.aligncenter { text-align: center; }
.fix { clear: both; }
.first { margin-top: 22px!important; }
.inactive { margin-top: 0px; color: #2B6893; }
.displayNone { display: none; }


/* ==========  4) Login page  ========== */

.loginPanel { width: auto; background: #fafafa; border: 1px solid #d5d5d5; border-top: 0; display: block; height: 160px; }
.loginWrapper { 
    left: 50%;
    margin: -106px 0 0 -240px;
    position: absolute;
    top: 30%;
/*     margin-left: auto; margin-right: auto; margin-top: 75px; width: 360px;  */
    }
.loginLogo { text-align: center;}
.loginPanel h5 { font-weight: normal; padding: 9px 12px 9px 35px; float: left; } 

.loginPanel label { width: 60px; }
.rememberMe { margin-left: 12px; }
.rememberMe label { padding: 4px 12px!important; width: auto; } 
.loginInput { width: 200px; float: left; }
.loginRow { border-top: 1px solid #e7e7e7; padding: 15px 5px; position: relative; }
.loginRow:first-child { border-top: none; }

.backTo a:hover { background: #212121; }
.backTo span { padding: 8px 14px 8px 8px; display: block; float: left; }
.backTo img { margin: 13px 2px 11px 14px; float: left; display: block; }
.backTo a { float: left; color: #eeeeee; font-size: 11px; border-right: 1px solid #2F2F2F; border-left: 1px solid #2F2F2F; }


/* ==========  5) Buttons ========== */

input[type=submit], input[type=reset], input[type=button], button, .button { 
    font-size: 10px; 
    font-weight: bold; 
    text-transform: uppercase;
    padding: 5px 14px 6px 14px;
    cursor: pointer; 
    font-family: Arial, Helvetica, sans-serif; 
    line-height: 12px; 
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
 }
 
 input[type=submit]:active, input[type=reset]:active, input[type=button]:active, button:active, .button:active{
     outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);

}

.basicBtn {  background: url(../images/ui/basicBtn.png) repeat-x 0 0; border: 1px solid #d5d5d5; color: #525252;}
.basicBtn:hover { background-position: 0 -25px; border-color: #c9c9c9; }
.basicBtn:active { background-position: 0 -50px; }

.blueBtn { 
    background: linear-gradient(to bottom, #384888 0%, #384888 50%, #384888 50%, #384888 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-color: #384888;
    border: 1px solid #3581c1; color: #fff; }
.blueBtn:hover { background-position: 0 -25px; }
.blueBtn:active { background-position: 0 -50px;}

.redBtn { background: linear-gradient(to bottom, #DE3831 0%, #DE3831 50%, #DE3831 50%, #DE3831 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
          background-color: #DE3831;
          color: #fff; }
.redBtn:hover { background-position: 0 -25px; }
.redBtn:active { background-position: 0 -50px; }

.seaBtn { background: url(../images/ui/seaBtn.png) repeat-x 0 0; border: 1px solid #306873; color: #fff; }
.seaBtn:hover { background-position: 0 -25px; }
.seaBtn:active { background-position: 0 -50px; }

.blackBtn { background: url(../images/ui/blackBtn.png) repeat-x 0 0; border: 1px solid #353535; color: #fff; }
.blackBtn:hover { background-position: 0 -25px; }
.blackBtn:active { background-position: 0 -50px; }

.greyishBtn { background: linear-gradient(to bottom, #5C6774 0%, #5C6774 50%, #5C6774 50%, #5C6774 100%);
               background-color: #5C6774;
              border: 1px solid #4f5a68; color: #fff; 
    }
.greyishBtn:hover { background-position: 0 -25px; }
.greyishBtn:active { background-position: 0 -50px; }

.greenBtn {  background: linear-gradient(to bottom, #499F91 0%, #499F91 50%, #499F91 50%, #499F91 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
             background-color: #499f91;
             color: #fff; }
.greenBtn:hover { background-position: 0 -25px; }
.greenBtn:active { background-position: 0 -50px; }


.btn14 { border: 1px solid #d5d5d5; background: url(../images/leftNavBg.png) repeat-x 0 0; padding: 6px 8px; display: inline-block; }
.btn14:hover { background: #f6f6f6; }
.btn14:active { background: #f1f1f1; }

.btn55 { background: #efefef url(../images/middlebg.png) repeat-x 0 0; border: 1px solid #d5d5d5; padding: 8px 6px 2px 6px; display: inline-block; }
.btn55:hover { background: #f6f6f6; }
.btn55:active { background: #f1f1f1; }
.btn55 span { display: block; padding: 5px 5px 0 5px; color: #595858; }

.btnIconLeft { border: 1px solid #d5d5d5; background: url(../images/leftNavBg.png) repeat-x 0 0; display: inline-block; color: #595858;  }
.btnIconLeft:hover { background: #f6f6f6; color: #B55D5C; }
.btnIconLeft:active { background: #f1f1f1; }
.btnIconLeft .icon { float: left; border-right: 1px solid #d5d5d5; padding: 8px; }
.btnIconLeft span { display: block; float: left; padding: 5px 10px; font-weight: bold; }

.btnEditSigner { margin-bottom: 5px; }

.btnGroupRight {text-align:right; margin:5px;}


/* ========== 6) Pagination ========== */

.pagination { margin: auto; text-align: center; margin: 0 5px 20px 5px; border-top:1px solid #e7e7e7; }
.pages { margin-top:17px; }
.pages li.prev { margin-right: 15px; }
.pages li.next { margin-left: 15px; }
.pages li { display: inline; margin: 0 2px; }
.pages li a { height: 25px; padding: 4px 8px; text-decoration: none; color: #666666; font-weight: bold; background: url(../images/ui/pagination.png) repeat-x 0 0; border: 1px solid #d5d5d5; font-size: 11px; }
.pages li a:hover { background: #efefef; }
.pages li .active { background-position: 0 -26px; color: #fff; border-color: #687282; }
.pages li .active:hover { background: #687282; }


/* ==========  7) Numbers notifications  ========== */

.numberTop, .numberMiddle, .numberLeft { text-align: center; background: url(../images/number.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; }
.numberTop { margin: 10px 15px 10px -5px; padding: 1px 5px!important; }
.numberMiddle { margin: 0; position: absolute; top: -5px; right: -5px; font-size: 11px; }
.numberLeft { margin: 0; position: absolute; top: 12px; right: 8px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; float: none; background: url(../images/number.png) repeat-x!important; padding: 1px 5px!important; }


/* ===== 8) Top navigation ===== */

#topNav { height: 36px; display: block; margin:auto; width: 980px;}
.fixed {background: #ffffff; width:1020px; color: #384888; z-index: 999; float:left}

.welcome { float: right; }
.welcome img { float: left; margin: 8px 8px 8px 0 }
.welcome span { margin-top: 5px; padding: 2px 10px; display: block; white-space: nowrap; float: left; font-size: 11px; }
.welcome .fa-cogs { padding: 0px 6px 0px 0px; }

.userNav { float: left; position: relative; font-size: 11px; width: 83.3%; }
.userNav .lastNav { width: 2px; height: 36px; background: url(../images/navSep.png) repeat-y; position: absolute; top: 0; right: 0; }
.userNav ul { margin-right: 2px; }
.userNav ul li { display: inline; float: left; position: relative; cursor: pointer; }
/* .userNav ul li:first-child { border-left: 1px solid #eeeeee; } */
.userNav ul li a { color: #384888; text-decoration: none; display: block; float: left; }
.userNav ul li:hover, .selected {  }
.userNav ul li span { display: block; padding: 8px 14px 8px 2px; float: left; }
.userNav ul li img { float: left; display: block; margin: 11px 0px 11px 5px; }

.userNav ul li ul { position: absolute; left: -1px; display: none; top: 35px; margin-top: 0px; background: #2f2f2f; padding: 0 1px 1px 1px; border: 1px solid #1d1d1d; z-index: 100; }
.userNav ul li ul li { display: block; float: none; border-top: 1px solid #2f2f2f; background: #212121; border-right: none; }
.userNav ul li ul li:first-child { border-left: none!important; }
.userNav ul li ul li a { width: 162px; padding: 6px 10px 6px 15px; font-size: 11px; text-transform: none; color: #a4a4a4; font-weight: normal; background: none; float: none; }
.userNav ul li ul li a:hover { background: none; font-weight: normal; color: #737373; }
.userNav ul li ul li:hover { background: #1d1d1d!important; }



/* ===== 9) Header ===== */

#header { clear: both; }
.logo { float: left;padding-right: 3px; border-right: 1px solid #d5d5d5;padding-top: 5px;}

.middleNav { float: left; margin-left: 10px; }
.middleNav ul { margin-top: 0px; }
.middleNav ul li { text-align: center; display: block; float: right; margin-left: 10px; position: relative; }
.middleNav ul li a { display: block; width:40px; height:40px; border: 1px solid #d5d5d5; opacity: 0.5;  background: url(../images/middlebg.png) repeat-x 0 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; color: #595858; font-size: 12px; position: relative; -moz-box-shadow: 0 2px 1px #fff; -webkit-box-shadow: 0 2px 1px #fff; box-shadow: 0 2px 1px #fff; border-radius:5px;}
.middleNav ul li a span { display: block; padding: 34px 10px 0 10px; }
.middleNav ul li a img { margin-top:4px;}

.middleNav ul li.iMes a span { background: url(../images/icons/middlenav/dialog.png) no-repeat 50% 8px; }
.middleNav ul li.iStat a span { background: url(../images/icons/middlenav/pencil.png) no-repeat 50% 8px; }
.middleNav ul li.iUser a span { background: url(../images/icons/middlenav/create.png) no-repeat 50% 8px; }
.middleNav ul li.iOrders a span { background: url(../images/icons/middlenav/shuffle.png) no-repeat 50% 8px; }
.middleNav ul li.iUpload a span { background: url(../images/icons/middlenav/arrowUp.png) no-repeat 50% 8px; }

.middleNav ul li a:hover { background: #f6f6f6; }
.middleNav ul li a:active { background: #f1f1f1; }


/* ===== 10) Left navigation ===== */

.leftNav { display:none;/*width: 212px; margin-top: -1px; float: left; margin-right: 41px; margin-bottom: 80px;*/ }
.leftNav .last { border-bottom: none; }

.leftNav ul li { position: relative; }
.leftNav ul li a { color: #494949; font-size: 15px; display: block; background: #efefef url(../images/leftNavBg.png) repeat-x 0 0; border: 1px solid #d5d5d5; margin-top: 1px; }
.leftNav ul li a:hover, .leftNav ul li a.active { background: url(../images/darkBg.jpg) repeat-x; color: #fff; border: 1px solid #3c4049; }
.leftNav ul li a span { padding: 9px 0 9px 35px; display: block; }


/* Left navigation icons */

.leftNav ul li.dash a span { background-image: url(../images/icons/dark/download.png); }
.leftNav ul li.graphs span { background-image: url(../images/icons/dark/graph.png); }
.leftNav ul li.forms a span { background-image: url(../images/icons/dark/pencil.png); }
.leftNav ul li.gallery a span { background-image: url(../images/icons/dark/preview.png); }
.leftNav ul li.typo span { background-image: url(../images/icons/dark/create.png); }
.leftNav ul li.tables a span { background-image: url(../images/icons/dark/frames.png); }
.leftNav ul li.cal a span { background-image: url(../images/icons/dark/dayCalendar.png); }
.leftNav ul li.errors a span { background-image: url(../images/icons/dark/alert.png); }
.leftNav ul li.files a span { background-image: url(../images/icons/dark/files.png); }
.leftNav ul li.login a span { background-image: url(../images/icons/dark/user.png); }
.leftNav ul li.pic a span { background-image: url(../images/icons/dark/blocks.png); }
.leftNav ul li.widgets a span { background-image: url(../images/icons/dark/full.png); }
.leftNav ul li.contacts a span { background-image: url(../images/icons/dark/users.png); }

.leftNav ul li a span { background-position: 10px; background-repeat: no-repeat; }



/* Left navigation subnav */

ul.sub { border: 2px solid #3c4049; border-top: none; background: url(../images/leftNavSub.png) repeat; }
ul.sub li { border-bottom: 1px dotted #d5d5d5; padding: 1px; }
ul.sub li a { background: url(../images/arrow.gif) no-repeat 8px 16px; border: none; font-family: Arial, Helvetica, sans-serif; color: #494949; font-size: 11px; padding: 8px 10px 8px 18px; }
ul.sub li a:hover, .sub li a:active { font-style: normal; border: none; color: #676767; background: url(../images/arrow.gif) no-repeat 8px 16px; }

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



/* ===== 11) Statistics ===== */

.stats { margin-top: 22px; }
.stats ul {  }
.stats ul li { display: block; float: left; margin-left: 40px; width: 151px; vertical-align: middle; }
.stats ul li:first-child { margin: 0; }
.stats ul li span { color: #424242; font-size: 16px; display: block; vertical-align: middle; white-space: normal; }
.count { font-size: 26px; height: 40px; display: inline-block; float: left; line-height: 41px; padding: 0 10px; -moz-box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff; margin-right: 10px; }

.stats a.blue { background: url(../images/count/blue.png) repeat-x 0 0; border: 1px solid #2e6590; color: #f7f7f7; }
.stats a.blue:hover { background-position: 0 -41px; }
.stats a.blue:active { background-position: 0 -82px; }

.stats a.grey { background: #efefef url(../images/leftNavBg.png) repeat-x; border: 1px solid #d5d5d5; color: #b55d5c; }
.stats a.grey:hover { background: #f6f6f6; }
.stats a.grey:active { background: #f1f1f1; }

.stats a.green { background: url(../images/count/green.png) repeat-x; border: 1px solid #19710e; color: #f7f7f7; }
.stats a.green:hover { background-position: 0 -41px; }
.stats a.green:active { background-position: 0 -82px; }

.stats a.red { background: #efefef url(../images/count/red.png) repeat-x; border: 1px solid #7b2f2f; color: #f7f7f7; }
.stats a.red:hover { background-position: 0 -41px; }
.stats a.red:active { background-position: 0 -82px; }


/* ===== 12) Right side content ===== */

.fc-button-prev .fc-button-content { width: 10px; background: url(../images/leftArrow.png) no-repeat 15px 13px; }
.fc-button-next .fc-button-content { width: 10px; background: url(../images/rightArrow.png) no-repeat 15px 13px; }



/* ===== Right side content ===== */

.widget { /*width: 342px;*/ /*width: 100%;*/ margin-top: 10px; border: 1px solid #d5d5d5; display: block; background: #fafafa; clear: both; border-top: none; }
.head {background:#b3d0bd; height: 38px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; position: relative; }
.loginPanel .head{background:transparent;}
.widget .head h5, .table h5 { font-weight: normal; padding: 9px 12px 9px 35px; float: left; } 
.widget .body { padding: 0 0 0 39px; }
.widget .normal h5, .accordion-close h5 { background: url(../images/aNormal.png) no-repeat 15px 15px; padding: 9px 12px 9px 32px!important }
.widget .inactive h5, .accordion-open h5 { background: url(../images/aInactive.png) no-repeat 12px 17px; padding: 9px 12px 9px 32px!important; }

.widget .num { float: right; display: inline-block; text-align: center; margin: 9px 12px 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 0; border: 1px solid #606873; }
.widget .num a.blueNum:hover { background-position: 0 -19px; }
.widget .num a.blueNum:active { background-position: 0 -38px; }

.widget .num a.redNum { background-position: 0 -57px; border: 1px solid #9d382f; }
.widget .num a.redNum:hover { background-position: 0 -76px; }
.widget .num a.redNum:active { background-position: 0 -95px; }

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

.widget .loader { float: right; margin: 14px 12px 0 0; }

.userLink { font-size: 16px; padding-top: 3px; display: block; margin-left: 25px; white-space: nowrap; }
.userWidget { padding: 6px 12px 0 12px; display: block; float: left; }


/* ==========  13) Classes for collapsing  ========== */

.normal, .inactive { cursor: pointer; }
.normal, .accordion-close { border-bottom: none; }

.standalone { float: left; width: 300px; margin-left: 40px; }
.standalone:first-child { margin-left: 0; }



/* ===== 14) Gallery ===== */

.pics { padding-bottom: 14px; margin: auto; padding: 0 6px 14px 6px; text-align: center; }
.pics ul li { display: inline-block; height: 102px; margin: 16px 6px 0 6px; border: 1px solid #d5d5d5; position: relative; }
.pics ul li:hover { border-color: #bbc1c9; }
.pics .actions { background: #000; opacity: 0.8; position: absolute; bottom: 0; right: 0; display: none; }
.pics .actions a { color: #fff; font-size: 11px; display: block; padding: 3px 4px; float: left; }
.pics .actions a:first-child { padding-right: 0; }



/* ===== 15) Tabs ===== */

ul.tabs { background: url(../images/leftNavBg.png) repeat-x; height: 36px; border-bottom: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; }
ul.tabs li { float: left; height: 36px; line-height: 38px; border-left: none; overflow: hidden; position: relative; background: url(../images/tabsSep.png) repeat-y 100% 0; font-size: 15px; }
ul.tabs li a { text-decoration: none; display: block; padding: 0px 12px; outline: none; color: #424242; }
ul.tabs li a:hover { color: #797979; }
html ul.tabs li.activeTab  { background-color: #fafafa; height: 37px; }
html ul.tabs li.activeTab a { color: #797979; } 

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

.tabsRight { position: relative; }
.tabsRight ul.tabs { float: right; background: url(../images/leftNavBg.png) repeat-x; height: 38px; border-bottom: 1px solid #d5d5d5; position: absolute; top: 0; right: 0; }
.tabsRight ul.tabs li { background: url(../images/tabsSepR.png) repeat-y 0 0; }


/* ===== 16) Widgets ===== */

.twoOne { width: 50%; }
.widget, .content .title, .count, .widget .num a, a.count1, .table, .breadCrumb, .earnings, .leftNav ul li a, .listData .cNote, .pages li a, .errorPage, .btn14, .btn55, .loginPanel, .customfile { -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 5px; }

.widgets { clear: both; }
.widgets .left { float: left; width: 475px;/*344px;*/ }
.widgets .right { float: right; width: 475px;/*344px;*/ }

.content { float: left; width: 980px;/*726px*/  padding : 0 10px 10px; margin-bottom: 80px; background: #d5d5d5; border-radius:10px;}
.content .title { background: #499f91; height: 36px; width: 1000px;/*726px;*/ margin-left: -10px; -webkit-border-radius: 0; border-radius: 10px 10px 0px 0px;}
.content .title h5 { float: left; color: #fafafa; font-weight: normal; display: block; padding: 7px 15px;  }

.top-content{ background-color: white; margin-bottom: 0px;}

/* ===== 17) Support ticket and Latest orders ===== */
.supTicket { background: url(../images/linesSep.png) 0 0 repeat-x; padding: 12px 12px 15px 12px; }
.supTicket .issueType { color: #515e70; clear: both; font-weight: bold; background: url(../images/dashed.png) repeat-x 0; }
.supTicket .issueType .issueInfo { float: left; display: block; background: #fafafa; padding-right: 5px; }
.supTicket .issueType .issueNum { float: right; display: block; background: #fafafa; padding-left: 5px; padding-right: 1px; }

.issueSummary { clear: both; padding-top: 10px; }
.issueSummary img { border: 1px solid #d5d5d5; }

/*.ticketInfo ul {  }
.ticketInfo ul li { width: 127px; margin-left: 12px; display: block; float: left; margin-bottom: 6px; }
.ticketInfo ul li.even { text-align: right; }
.ticketInfo { float: left; width: 278px; margin-top: -3px; margin-bottom: -11px; }*/

.ticketInfo ul { float: left; width: 100%; margin-bottom: -6px; }
.ticketInfo ul li { width: 50%; margin-top: -2px; display: inline-block; float: left; margin-bottom: 6px; padding: 0; }
.ticketInfo ul li.even { text-align: right; }
.ticketInfo { margin-top: -3px; margin-bottom: -11px; margin-left: 50px; }



/* ===== 18) User ===== */
.userSummary { background: url(../images/linesSep.png) 0 100% repeat-x; }
.userSummary ul {  }
.userSummary ul li { width: 127px; display: block; float: left; margin-bottom: 12px; margin-top: -1px; }
.userSummary ul li.even { text-align: right; }

.userSummary .infoLeft { width: 153px; float: left; }
.userSummary .infoLeft div, .userSummary .infoRight div { padding-top: 12px; }
.userSummary .infoLeft div:first-child, .userSummary .infoRight div:first-child { padding: 0; }

.userSummary .infoRight { width: 153px; float: right; text-align: right; }

.userAlt { padding: 0 12px; background: url(../images/leftNavBg.png) repeat-x; }
.userAlt img { float: left; display: block; margin: 4px 8px 0 0; }
.userEmail {  display: block; white-space: nowrap; }
.botRow span { float: left; display: block; margin-right: 10px; }

#eq span { height: 120px; float: left; margin-right: 30px; display: block; }

/* ===== 19) Search ===== */
.searchWidget { position: relative; margin-top: 8px; float:right; }
.searchWidget input[type=text] { background: #fafafa; border: 1px solid #d5d5d5; padding: 3px; width: 140px; }
.searchWidget input[type=submit] { background: url(../images/searchBtn.png) no-repeat -5px -8px; position: absolute; top: 0; right: 0; border: none; width: 20px; height: 20px; }

/* ===== 20) Website stats ===== */
.webStatsLink { font-size: 16px; color: #B55D5C; font-weight: bold; }
.statPlus, .statMinus {   padding-left: 12px; font-size: 12px;  }
.statPlus { color: #549332; background: url(../images/topArrow.png) no-repeat 0 3px; }
.statMinus { color: #B55D5C; background: url(../images/botArrow.png) no-repeat 0 3px; }

/* ===== 21) Accordion ===== */
.menu_body { display: none; padding: 12px 14px; }
.acc .head { margin-bottom: -1px; cursor: pointer; }
.acc .head h5 { padding: 9px 14px; }




/* ===== 22) Flot ===== */

.chart, .autoUpdate, .bars { width: 100%; height: 200px; z-index: 90; margin: 10px 0 0 0; }
.pieWidget { width: 316px; height: 316px; margin: 0 auto; }



/* ===== 23) Footer ===== */

#footer { clear: both; /*height: 36px;*/ background: #499f91; width: 100%; color: white; margin-top: 42px; position: absolute; bottom: 0; }
#footer span { color: #eeeeee; padding: 9px 5px; display: block; font-size: 11px; }
#footer span a { color: #384888; }
#footer .wrapper{text-align: center; }
}



/* ===== 24) Table ===== */

.tableStatic thead td { padding: 3px 0 2px 0; text-align: center; border-left: 1px solid #D5D5D5; background: #efefef url(../images/leftNavBg.png) repeat-x; border-bottom: 1px solid #D5D5D5; font-size: 11px; color: #878787; }
.tableStatic thead td:first-child { border-left: none; }

.tableStatic tbody tr { border-top: 1px solid #e7e7e7; }
.tableStatic tbody tr:nth-child(even) { background-color:#f5f5f5; }

.tableStatic tbody td { border-left: 1px solid #e7e7e7; padding: 8px 10px; vertical-align: middle; }
.tableStatic tbody td:first-child { border-left: none; }



/* ===== 25) Forms ===== */

.mainForm label { margin-right: 15px; display: block; float:left; padding: 4px 10px; }

.datepicker { width: 58px!important; cursor: pointer; }
.colorpick { width: 58px!important; float: left; cursor: pointer; }
.pick { width: 16px; height: 16px; float: left; background: url(../images/color.png) no-repeat 0; margin: 2px 5px; cursor: pointer; padding: 4px 0!important; }
.colorP { position: relative; width: 58px; }

.multiple { width: 100%; padding: 5px; border: 1px solid #d5d5d5; }

.sliderSpecs label { padding: 0!important; font-size: 11px; line-height: 14px; }
.sliderSpecs input { float: left; width: auto!important; background: none!important; border: 0!important; font-weight: bold; color: #3a6fa5; padding: 0!important; }


.moreFields ul li { float: left; width: 42px; margin: 0 10px 0 0; }
.moreFields ul li input { width: 98%!important; }
.moreFields ul li.sep { padding: 3px 5px 3px 6px; display: block; margin: 0; width: auto; color: #d5d5d5; }
.moreFields ul li span { display: block; padding: 3px 12px; white-space: nowrap; }

.itemDisabled { color: #b7b7b7; }

.rowElem { clear: both; border-top: 1px solid #e7e7e7; padding: 0 14px; position: relative; }
.rowElem:first-child { border-top: none; }

.formRight { float: right; width: 400px/*528px*/; margin: 7px 12px 7px 0px; }
.formRight label, .loginRow label { cursor: pointer; }
.formBottom { /*width: 688px;*/ margin: 12px 12px 12px 0; }
.rowElem > label { padding: /*15px*/10px 0; width: 130px; }
.rowElem .topLabel { padding: 5px 12px 12px 0; }

#valid input { position: relative; }


/* ===== 26) Form styling ===== */ 

.mainForm input[type=text], .mainForm textarea, .mainForm input[type=password] { background: #fff; width: 100%; border: 1px solid #d5d5d5; padding: 5px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.mainForm input[type=text]:hover, .mainForm input[type=password]:hover, .mainForm textarea:hover { background: #fcfcfc; border: 1px solid #d1d1d1; }
.mainForm input[type=text]:focus, .mainForm input[type=password]:focus, .mainForm textarea:focus { border: 1px solid #bbc1c9; background: #fff; }

.submitForm { float: right; margin: 1px 14px 22px 14px; }


/* Select */

div.selector { position: relative; height: 26px; 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; cursor: pointer; font-size: 12px; position: absolute; height: 26px; top: 0; left: 0; }
div.selector span { /*padding-right: 32px;*/ width: 190px; cursor: pointer; position: absolute; right: 0; height: 26px; background: url(../images/forms/select_right.png) no-repeat center right; top: 0; line-height: 26px; font-size: 11px; }

.dataTables_length div.selector { width: 45px; float: left; height: 22px; background: url(../images/forms/select_left_datatable.png) no-repeat top left; padding-left: 0; }
.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 select {width: 65px; left: -5px;}
.dataTables_length label{padding-top:2px;}

/* Checker */

div.checker { width: 15px; height: 15px; position: relative; float: left; margin: 5px 6px 0 4px; }
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; }


/* Radio */

div.radio { width: 18px; height: 18px; position: relative; float: left; margin-top: 5px; }
div.radio input { opacity: 0; filter: alpha(opacity:0); text-align: center; display: inline-block; background: none; width: 18px; height: 18px; }
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; }




/* ===== 27) List styles ===== */

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

.plusBlue li { background: url(../images/icons/lists/plusBlue.png) no-repeat 0 7px; }
.plusRed li { background: url(../images/icons/lists/plusRed.png) no-repeat 0 7px; }
.plusGrey li { background: url(../images/icons/lists/plusGrey.png) no-repeat 0 7px; }
.plusGreen li { background: url(../images/icons/lists/plusGreen.png) no-repeat 0 7px; }

.tipBlue ul li { background: url(../images/icons/lists/tipBlue.png) no-repeat 0 6px; }
.tipRed ul li { background: url(../images/icons/lists/tipRed.png) no-repeat 0 6px; }
.tipGrey ul li { background: url(../images/icons/lists/tipGrey.png) no-repeat 0 6px; }
.tipGreen ul li { background: url(../images/icons/lists/tipGreen.png) no-repeat 0 6px; }

.arrowBlue ul li { background: url(../images/icons/lists/arrowBlue.png) no-repeat 1px 6px; }
.arrowRed ul li { background: url(../images/icons/lists/arrowRed.png) no-repeat 1px 6px; }
.arrowGrey ul li { background: url(../images/icons/lists/arrowGrey.png) no-repeat 1px 6px; }
.arrowGreen ul li { background: url(../images/icons/lists/arrowGreen.png) no-repeat 1px 6px; }

.arrow2Blue ul li { background: url(../images/icons/lists/arrow2Blue.png) no-repeat 1px 6px; }
.arrow2Red ul li { background: url(../images/icons/lists/arrow2Red.png) no-repeat 1px 6px; }
.arrow2Grey ul li { background: url(../images/icons/lists/arrow2Grey.png) no-repeat 1px 6px; }
.arrow2Green ul li { background: url(../images/icons/lists/arrow2Green.png) no-repeat 1px 6px; }



/* ===== 28) Tooltip ===== */

.tipsy { padding: 4px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../images/tipsy.gif); }
.tipsy-inner { padding: 2px 8px 2px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }



/* ===== 29) Notification messages ===== */

.nNote { cursor: pointer; clear: both; margin: 20px 0px 20px 0px; }
.nNote strong { margin-right: 5px; }
.nNote p { font-size: 11px; padding: 10px 25px 10px 54px; margin: 0px; color: #565656; }
.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: #d1e4f3 url(../images/icons/notifications/information.png) no-repeat 15px center; border: 1px solid #99c4ea; color: #235685; }
.nLightbulb { background: #FEF0CB url(../images/icons/notifications/lightbulb.png) no-repeat 15px center; border: 1px solid #D3A350; color: #835F21; }
.nMessages { background: #9DDFFF url(../images/icons/notifications/email.png) no-repeat 15px center; border: 1px solid #42B4FF; color: #835F21; }



/* ===== 30) Dynamic table headers ===== */

.table { margin-top: 40px; border: 1px solid #d5d5d5; border-top: none; }
.headTitle { background: #efefef url(../images/leftNavBg.png) repeat-x; height: 37px; border-bottom: 1px solid #d5d5d5; }



/* ===== 31) Spinner ===== */

.ui-spinner { width: 10em; display: block; position: relative; overflow: hidden; border: 1px solid #D5D5D5; background: url(../images/forms/spinnerBg.png) repeat-x top left!important; height: 25px; padding: 0 6px; }
.ui-spinner-disabled { background: #F4F4F4; color: #CCC; }
.ui-spinner input.ui-spinner-box { border: none!important; background: none!important; padding: 6px 0; }
.ui-spinner-up, .ui-spinner-down { width: 18px; padding: 0; margin: 0; z-index: 100; position: absolute; right: 0; cursor: default; border: none; }
.ui-spinner-up { background: url(../images/forms/spinnerTop.png) no-repeat; height: 13px; top: 0; }
.ui-spinner-down { height: 12px; 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; }



/* ===== 32) Growl notifications ===== */

div.jGrowl { z-index: 9999; color: #fff; font-size: 12px; }
div.ie6.top-right { 
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
div.jGrowl { position: absolute; }
body > div.jGrowl { position: fixed; }
div.jGrowl.top-left { left: 0px; top: 0px; }
div.jGrowl.top-right { right: 0px; top: 36px; }
div.jGrowl.bottom-left { left: 0px; bottom: 0px; }
div.jGrowl.bottom-right { right: 0px; bottom: 0px; }
div.jGrowl.center { top: 0px; width: 50%; left: 25%; }

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer { margin-left: auto; margin-right: auto; }
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
background-color: black;
opacity: .85;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
zoom: 1;
width: 235px;
padding: 10px;
margin-top: 5px;
margin-bottom: 5px;
font-family: Tahoma,Arial,Helvetica,sans-serif;
font-size: 1em;
text-align: left;
display: none;
}

div.jGrowl div.jGrowl-notification { min-height: 40px; }
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer { margin: 10px; }
div.jGrowl div.jGrowl-notification div.jGrowl-header { font-weight: bold; font-size: .85em; }
div.jGrowl div.jGrowl-notification div.jGrowl-close { z-index: 99; float: right; font-weight: bold; font-size: 1em; cursor: pointer; }
div.jGrowl div.jGrowl-closer { padding-top: 4px; padding-bottom: 4px; cursor: pointer; font-size: .9em; font-weight: bold; text-align: center; }

/** Hide jGrowl when printing **/
@media print { div.jGrowl { display: none; } }



/* ===== 33) Page scrolling ===== */

#toTop { display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:21px; height:21px; border:none; text-indent:-999px; background:url(../images/ui.totop.png) no-repeat left top; }
#toTopHover { background:url(../images/ui.totop.png) no-repeat left -22px; width:21px; height:21px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#toTop:active, #toTop:focus { outline:none; }



/* ===== 34) Contact list ===== */

.listNav { margin: 0 0 10px; }

.ln-letters { overflow: hidden; width: 100%; margin-top: -1px; text-align: center; }
.ln-letters a { font-size: 11px; display: inline-block; padding: 4px 8px; border: 1px solid #D5D5D5; margin-right: -1px; text-decoration: none; background: #EFEFEF url(../images/leftNavBg.png) repeat-x; }

ul.listData { float: right; text-align: right; margin-top: -1px; font-size: 11px; }
ul.listData li { display: inline-block; padding: 0 6px 1px 6px!important; border: none!important; margin-left: 6px }
.listData .cNote { background: #FAFAFA; display: block; padding: 0 6px; border: 1px solid #D5D5D5; color: #878787; }

.ln-letters a.ln-last { padding: 4px 11px 4px 11px; }
.ln-letters a:first-child { border-left: none; }
.ln-letters a:hover,
.ln-letters a.ln-selected { background:#eaeaea; }
.ln-letters a.ln-disabled { color:#ccc; }
.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#336699; }

#myList > li { padding: 8px 0 8px 12px; border-top: 1px solid #ebebeb; }
#myList > li:hover { background: #fff; }
#myList > li:first-child { padding-top: 8px; }



/* ===== 35) 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 #d5d5d5; font-size:12px; padding-left:6px; 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; }



/* ===== 36) Breadcrumbs ===== */

.module:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
* html .module { height: 1%; overflow: visible; }
* + html .module { min-height: 1%; }

.breadCrumbHolder.module { border-bottom: solid 1px #D5D5D5; background: #c4e1ce; }
.breadCrumb { float: left; display: block; height: 21px; overflow: hidden; width: 100%; padding: 5px; }
.breadCrumb ul { margin: 0; padding: 0; height: 21px; display: block; }
.breadCrumb ul li { display: block; float: left; position: relative; height: 21px; overflow: hidden; line-height: 21px; margin: 0px 6px 0px 0; padding: 0px 12px 0px 2px; font-size: .9167em; background: url(../images/Chevron.gif) no-repeat 100% 0; }
.breadCrumb ul li div.chevronOverlay { position: absolute; right: 0; top: 0; z-index: 2; }
.breadCrumb ul li span { display: block; overflow: hidden; }
.breadCrumb ul li a { display: block; position: relative; height: 21px; line-height: 21px; overflow: hidden; float: left; }
.breadCrumb ul li.firstB a { height: 16px !important; text-indent:-1000em; width:16px; padding: 0; margin-top: 2px; overflow: hidden; background:url(../images/IconHome.gif) no-repeat 0 0; }
.breadCrumb ul li.firstB a:hover { background-position: 0 -16px; }
.breadCrumb ul li.lastB { background: none; margin-right: 0; padding-right: 0; }

.chevronOverlay { display: none; background: url(../images/ChevronOverlay.png) no-repeat 100% 0; width: 13px; height: 20px; }



/* ===== 37) Form validation ===== */

.inputContainer { position: relative; float: left; }
.formError { position: absolute; top: 300px; left: 300px; display: block; z-index: 5000; cursor: pointer; }
.ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none; }

.formError .formErrorContent { background: #202020; position:relative; z-index:5001; color: #fff; width: 160px; font-size: 11px; border: 1px solid #000; padding: 4px 10px 4px 10px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.greenPopup .formErrorContent { background: #33be40; }
.blackPopup .formErrorContent { background: #393939; color: #FFF; }
.formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px;  position:relative; z-index: 5006; }
.formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0px 0 0 12px; top:2px; }
.formError .formErrorArrow div { font-size: 0px; height: 1px; background: #202020; margin: 0 auto; line-height: 0; font-size: 0; display: block; }
.formError .formErrorArrowBottom div {  box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }

.greenPopup .formErrorArrow div { background: #33be40; }
.blackPopup .formErrorArrow div { background: #393939; color: #FFF; }

.formError .formErrorArrow .line10 { width: 15px; border: none; }
.formError .formErrorArrow .line9 { width: 13px; border: none; }
.formError .formErrorArrow .line8 { width: 11px; }
.formError .formErrorArrow .line7 { width: 9px; }
.formError .formErrorArrow .line6 { width: 7px; }
.formError .formErrorArrow .line5 { width: 5px; }
.formError .formErrorArrow .line4 { width: 3px; }
.formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd; }
.formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; }
.formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; }



/* ===== 38) Color picker ===== */

.colorpicker { 	width: 356px; height: 176px; overflow: hidden; position: absolute; background: url(../images/colorPicker/colorpicker_background.png); font-family: Arial, Helvetica, sans-serif; display: none; }
.colorpicker_color { width: 150px; height: 150px; left: 14px; top: 13px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair; }
.colorpicker_color div { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url(../images/colorPicker/colorpicker_overlay.png); }
.colorpicker_color div div { position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url(../images/colorPicker/colorpicker_select.gif); margin: -5px 0 0 -5px; }
.colorpicker_hue { position: absolute; top: 13px; left: 171px; width: 35px;	height: 150px; cursor: n-resize; }
.colorpicker_hue div { position: absolute; width: 35px; height: 9px; overflow: hidden; background: url(../images/colorPicker/colorpicker_indic.gif) left top; margin: -4px 0 0 0; left: 0px; }
.colorpicker_new_color { position: absolute; width: 60px; height: 30px; left: 213px; top: 13px; background: #f00; }
.colorpicker_current_color { position: absolute; width: 60px; height: 30px; left: 283px; top: 13px; background: #f00; }
.colorpicker input { background-color: transparent; border: 1px solid transparent; position: absolute; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #898989; top: 4px; right: 11px; text-align: right; margin: 0; padding: 0; height: 11px; }
.colorpicker_hex { position: absolute;  width: 72px; height: 22px; background: url(../images/colorPicker/colorpicker_hex.png) top; left: 212px; top: 142px; }
.colorpicker_hex input { right: 6px; }

.colorpicker_field { height: 22px; width: 62px; background-position: top; position: absolute; }
.colorpicker_field span { position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize; }

.colorpicker_rgb_r { background-image: url(../images/colorPicker/colorpicker_rgb_r.png); top: 52px; left: 212px; }
.colorpicker_rgb_g { background-image: url(../images/colorPicker/colorpicker_rgb_g.png); top: 82px; left: 212px; }
.colorpicker_rgb_b { background-image: url(../images/colorPicker/colorpicker_rgb_b.png); top: 112px; left: 212px; }

.colorpicker_hsb_h { background-image: url(../images/colorPicker/colorpicker_hsb_h.png); top: 52px; left: 282px; }
.colorpicker_hsb_s { background-image: url(../images/colorPicker/colorpicker_hsb_s.png); top: 82px; left: 282px; }
.colorpicker_hsb_b { background-image: url(../images/colorPicker/colorpicker_hsb_b.png); top: 112px; left: 282px; }

.colorpicker_submit { position: absolute; width: 22px; height: 22px; background: url(../images/colorPicker/colorpicker_submit.png) top; left: 322px; top: 142px; overflow: hidden; }
.colorpicker_focus { background-position: center; }
.colorpicker_hex.colorpicker_focus { background-position: bottom; }
.colorpicker_submit.colorpicker_focus { background-position: bottom; }
.colorpicker_slider { background-position: bottom; }

#colorSelector { position: relative; width: 36px; height: 36px; background: url(../images/colorPicker/select.png); }
#colorSelector div { position: absolute; top: 3px; left: 3px; width: 30px; height: 30px; background: url(../images/colorPicker/select.png) center; }
#colorSelector2 { position: absolute; top: 0; left: 0; width: 36px; height: 36px; background: url(../images/colorPicker/select2.png); }
#colorSelector2 div { position: absolute; top: 4px; left: 4px; width: 28px; height: 28px; background: url(../images/colorPicker/select2.png) center; }
#colorpickerHolder2 { top: 32px; left: 0; width: 356px; height: 0; overflow: hidden; position: absolute; }
#colorpickerHolder2 .colorpicker { background-image: url(../images/colorPicker/custom_background.png); position: absolute; bottom: 0; left: 0; }
#colorpickerHolder2 .colorpicker_hue div { background-image: url(../images/colorPicker/custom_indic.gif); }
#colorpickerHolder2 .colorpicker_hex { background-image: url(../images/colorPicker/custom_hex.png); }
#colorpickerHolder2 .colorpicker_rgb_r { background-image: url(../images/colorPicker/custom_rgb_r.png); }
#colorpickerHolder2 .colorpicker_rgb_g { background-image: url(../images/colorPicker/custom_rgb_g.png); }
#colorpickerHolder2 .colorpicker_rgb_b { background-image: url(../images/colorPicker/custom_rgb_b.png); }
#colorpickerHolder2 .colorpicker_hsb_s { background-image: url(../images/colorPicker/custom_hsb_s.png); display: none; }
#colorpickerHolder2 .colorpicker_hsb_h { background-image: url(../images/colorPicker/custom_hsb_h.png); display: none; }
#colorpickerHolder2 .colorpicker_hsb_b { background-image: url(../images/colorPicker/custom_hsb_b.png); display: none; }
#colorpickerHolder2 .colorpicker_submit { background-image: url(../images/colorPicker/custom_submit.png); }
#colorpickerHolder2 .colorpicker input { color: #778398; }
#customWidget { position: relative; height: 36px; }



#popup_container { min-width: 300px; max-width: 600px; background: url(../images/alertOpacityOverlay.png) repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#popup_title { text-align: center; background: url(../images/leftNavBg.png) repeat-x; border-bottom: 1px solid #d5d5d5; cursor: default; padding: 9px 0 9px 0px; margin: 0em; height: 20px; }
#popup_content { background: #fafafa; padding: 1em 1.75em; margin: 0em; }
#popup_message { text-align: center; }
#popup_panel { text-align: center; margin: 1em 0em 0em 0em; }
#popup_message input[type=text] { background: #FCFCFC; border: 1px solid #D1D1D1; padding: 5px; width: 258px; }
#popup_prompt { margin: .5em 0em; }




/* ===== 39) Error pages  ===== */

.errorPage { width: 370px; margin: 100px auto 80px auto; position: relative; }
.errorPage .errorTitle, .weAreOff { background: url(../images/linesSep.png) repeat-x 0 100%; width: 290px; padding-bottom: 15px; }
.weAreOff { width: 100% }
.errorPage h1 { color: #404040; font-size: 140px; margin: 80px 0; position: relative; padding-left: 10px; }
.errorPage h2 { font-size: 22px; font-weight: normal;  }
.errorPage h2 span { background: url(../images/sadEmo.png) no-repeat 0; padding-left: 26px; }
.errorPage .bubbles { position: absolute; background: url(../images/error.png) no-repeat 0 0; width: 138px; height: 133px; top: -10px; left: 225px; }
.errorPage p { width: 100%; padding: 13px 0; background: url(../images/linesSep.png) repeat-x 0 0; font-size: 20px; text-align: center; }
.backToDash { text-align: center; margin: 10px; }



/* ===== 40) File uploader  ===== */

.plupload_button { font-size: 10px; font-weight: bold; text-transform: uppercase; color: #fff; line-height: 12px; margin-top: 3px; padding: 5px; }
.plupload_buttons a {color:white; padding:5px 14px;text-decoration: none;}

.plupload_start { float: left; background: #499f91 linear-gradient(to bottom, #499f91 0%, #499f91 50%, #499f91 50%, #499f91 100%) repeat scroll 0 0; border: 1px solid #418d4f; }
.plupload_start span { background: url(../images/upload.png) no-repeat 10px; padding: 5px 13px 6px 26px; display: block;  }
.plupload_start:hover { background-position: 0 -25px; }
.plupload_start:active { background-position: 0 -50px; }

/*.plupload_disabled, a.plupload_disabled:hover { color: #a6a6a6; border: 1px solid #e9e9e9; background: url(../images/ui/uploadDisabled.png) repeat-x; cursor: default; }*/
.plupload_disabled span { padding: 5px 13px 6px 13px; }

.plupload_add { margin-right: 10px; background: url(../images/ui/greyishBtn.png) repeat-x 0 0; border: 1px solid #4F5A68; float: left; }
.plupload_add span { background: url(../images/add.png) no-repeat 10px; padding: 5px 13px 6px 26px; display: block; }
.plupload_add:hover { background-position: 0 -25px; }
.plupload_add:active { background-position: 0 -50px; }

.plupload_wrapper { font-size: 11px;; width: 100%; }

.plupload_container {  }
.plupload_container input { border: 1px solid #DDD; font-size: 11px; width: 98%; }

.plupload_filelist { margin: 0; padding: 0; list-style: none; }
.plupload_scroll .plupload_filelist { height: 185px; background: #fafafa; overflow-y: scroll; }
.plupload_filelist li { padding: 10px 12px; background: whiteSmoke; border-bottom: 1px solid #E7E7E7; }
.plupload_filelist li:hover { background: #fdfdfd; }

.plupload_filelist_header, .plupload_filelist_footer { background: #EFEFEF url(../images/leftNavBg.png) repeat-x; padding: 3px 12px; color: #878787; }
.plupload_filelist_header {	border-bottom: 1px solid #d5d5d5; }

.plupload_filelist_footer { border-top: 1px solid #D5D5D5; height: 31px; line-height: 30px; vertical-align: middle; } 
.plupload_file_name { float: left; overflow: hidden; }
.plupload_file_status { color: #777; }
.plupload_file_status span {}
.plupload_file_size, .plupload_file_status, .plupload_progress { float: right; width: 80px; }
.plupload_file_size, .plupload_file_status, .plupload_file_action { text-align: right; }
.plupload_filelist .plupload_file_name { width: 205px; }
.plupload_file_action { float: right; width: 14px; margin-top: 3px; height: 14px; margin-left: 15px; }
.plupload_file_action * { display: none; width: 14px; height: 14px; }

li.plupload_uploading {  }
li.plupload_done { color: #AAA; }
li.plupload_delete a { background: url(../images/uploader/deleteFile.png) no-repeat 0; }
li.plupload_failed a { background: url(../images/uploader/error.png) no-repeat 0; cursor: default; }
li.plupload_done a { background: url(../images/uploader/uploaded.png) no-repeat 0; cursor: default; }

.plupload_progress, .plupload_upload_status { display: none; }
.plupload_progress_container { margin-top: 10px; border: 1px solid #CCC; background: #FFF; padding: 1px; }
.plupload_progress_bar { width: 0px; height: 7px; background: #CDEB8B; }
.plupload_scroll .plupload_filelist_header .plupload_file_action, .plupload_scroll .plupload_filelist_footer .plupload_file_action { margin-right: 17px; }

/* 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: 165px; }



/* ===== 41) Wizard  ===== */

.swMain { position: relative; }
.swMain .stepContainer { display: block; position: relative; overflow: hidden; clear: both; }
.swMain .stepContainer div.wContent { display:block; position: absolute; float:left; margin: 0; text-align:left; overflow:visible; z-index:88; clear:both; width: 100%; }
.swMain .stepContainer div.wContent p { padding: 12px; }

.swMain div.actionBar { display: block; position: relative; clear: both; padding: 0; color: #5A5655; height: 41px; text-align:left; overflow:auto; z-index:88; left:0; background: #efefef url(../images/leftNavBg.png) repeat-x; border-top: 1px solid #d5d5d5; }
.actionBar a.button { box-shadow: none; }

.swMain .stepContainer .StepTitle { display: block; position: relative; margin: 0; border: 1px solid #E0E0E0; padding: 5px; color: #5A5655; clear: both; text-align: left; z-index: 88; }

.swMain ul.anchor { position: relative; display: block; float: left; list-style: none; padding: 0px; clear: both; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; width: 100%; overflow: hidden; }
.swMain ul.anchor li { position: relative; display: block; margin: 0; padding: 0; float: left; width: 25%; }

.swMain ul.anchor li:first-child a { border-left: none; }
.swMain ul.anchor li a { display: block; position: relative; float: left; margin: 0; height: 38px; width: 100%; text-decoration: none; outline-style: none; z-index: 99; cursor: pointer; background: url(../images/leftNavBg.png) repeat-x; border-left: 1px solid #D5D5D5; white-space: nowrap; }
.swMain ul.anchor li a.wFirst { width: 181px; }

.swMain ul.anchor li a .stepNumber { position:relative; float:left; width:30px; text-align: center; padding:5px; padding-top:0; }
.swMain ul.anchor li a .stepDesc { position:relative; display:block; float:left; text-align: left; padding: 8px 12px 8px 35px; }
.swMain ul.anchor li a.selected { color: #3581c1; background: #fafafa; }
.swMain ul.anchor li a.done { position: relative; color: #aaaaaa; z-index: 99; background: #efefef; }
.swMain ul.anchor li a.done:hover { color:#5A5655; }
.swMain ul.anchor li a.disabled { color: #424242; cursor: text; }
.swMain ul.anchor li a.error { color:#6c6c6c !important; border: 1px solid #fb3500 !important; }
.swMain ul.anchor li a.error:hover { color:#000 !important; }

.swMain .buttonNext { display:block; float:right; margin: 8px 12px 0 12px; padding: 6px 12px; }
.swMain .buttonDisabled { color: #D5D5D5!important; cursor: text; background: #F1F1F1!important; margin-top: 8px!important; border: 1px solid #E1E1E1; }
.swMain .buttonPrevious { display:block; float:right; margin: 8px 0px 0 0px; padding: 6px 12px; }
.swMain .buttonFinish { display:block; float:right; margin: 8px 12px 0 0px; padding: 6px 12px; }

/* Form Styles */

.swMain .loader { position: relative; display: none; float: left; margin: 2px 0 0 2px; padding: 8px 10px 8px 40px; border: 1px solid #FFD700; color: #5A5655; background: url(../images/loaders/loader.gif) no-repeat 5px; z-index: 998; }
.swMain .msgBox { position:relative; display:none; float:left; margin: 4px 0 0 5px; padding:5px; border: 1px solid #FFD700; background-color: #FFFFDD; color:#5A5655; z-index:999; min-width:200px; }
.swMain .msgBox .content { padding: 0px; float:left; }
.swMain .msgBox .close { border: 1px solid #d5d5d5; color: #CCC; display: block; float: right; margin: 0 0 0 5px; outline-style: none; padding: 0 2px 0 2px; position: relative; text-align: center; text-decoration: none; }
.swMain .msgBox .close:hover { color: #EA8511; border: 1px solid #d5d5d5; }

.bordLeft { border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; }
.bordRight { border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; }

.contentHead { padding: 16px 12px 15px 35px; }



/* ===== 42) Timepicker  ===== */

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



/* =====  43) Dual select boxes  ===== */

.dualBoxes { padding: 22px 14px; position: relative; }

.dualBtn { padding: 6px 8px; cursor: pointer; line-height: 12px; background: url(../images/ui/basicBtn.png) repeat-x 0 0; border: 1px solid #d5d5d5; color: #525252; margin-left: -1px; }
.dualBtn:hover { background-position: 0 -25px; border-color: #c9c9c9; }
.dualBtn:active { background-position: 0 -50px; }

.boxFilter { width: 198px!important; margin-left: 10px; margin-bottom: 15px; }
.dualControl { text-align: center; width: 90px; margin: 150px 1px; position: absolute; left: 50%; margin-left: -45px; } 
.countLabel { color:Gray; font-style:italic; margin-top: 10px; display: block; }
.storageBox { display:none; }
.copiedOption { background-color: Yellow; }



/* =====  44) Single file input  ===== */

.feat { margin-left: 5px; background: url(../images/forms/fileUpload.png) no-repeat 0 0; width: 94px; height: 26px; }
.feat:hover { background-position: 0 -27px; }
.feat:active { background-position: 0 -54px; }
.fileInput { background: #fff; border: 1px solid #d5d5d5; padding: 5px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.fileInput:hover { background: #fcfcfc; border: 1px solid #d1d1d1; }
.fileInput:focus { border: 1px solid #bbc1c9; background: #fff; }



/* =====  45) Wizard with form validation  ===== */

.step { position: relative; }
.step label.error { color: #b84646; padding-left: 0; font-size: 11px; white-space: nowrap; padding-bottom: 0; }
.selector .error { position: absolute; right: -114px; }
.step h5 { position: absolute; left: 12px; top: -30px; }
.wizNav { padding: 14px; border-top: 1px solid #d5d5d5; text-align: right; }
.wizNav input { margin-left: 10px; }
.wizNav input[disabled] { background: #fcfcfc; border: 1px solid #eaeaea; color: #d5d5d5; }









/* =====  46) Media queries  ===== */

/* Devices and browsers with max of 799px */
@media only screen and (max-width: 799px) {
	
	.wrapper { width: 90%; padding: 0 5%; }
	.content { float: none; width: 100%; }
	.stats ul li { width: 138px; }
	.content .title { width: auto; }
	
	.leftNav { float: none; background: url(../images/linesSep.png) repeat-x; padding-top: 24px; text-align: center; padding-bottom: 20px; margin: 0; width: 100%; max-width: none; }
	.leftNav ul li { width: 49px; display: inline-block; margin: 0 0 4px 0; position: static; }
	.leftNav ul li a span { text-indent: -9999px; background-position: 16px; }
	.leftNav ul li a { margin-bottom: 3px; }
	
	.numberLeft { display: none!important; }
	.widgets .left { float: none; /*width: 344px;*/ width: 100%; margin-right: 0; }
	.widgets .right { float: none; /*width: 344px;*/ width: 100%; }
	
	ul.sub { position: absolute; width: 100%; left: 0; z-index: 999; border: 1px solid #d5d5d5; border-bottom: 0; }
	ul.sub li { display: block; width: 50%; float: left; margin-bottom: 0; text-align: left; border-bottom: 1px solid #d5d5d5; padding: 0; }
	ul.sub li a { padding: 8px 10px 8px 24px; background: url(../images/arrow.gif) no-repeat 12px 16px; }
	ul.sub li a:hover, .sub li a:active { background-position: 12px 16px; }
	ul.sub li:nth-child(even) {  }
	ul.sub li:nth-child(odd) { background: url(../images/tabsSepR.png) repeat-y 100% 0; }
	ul#menu { position: relative; }
	.leftNav .last { border-bottom: 1px solid #d5d5d5; }
	
	.boxFilter { width: 68%!important; }
	
	.formRight { max-width: 485px; margin: 0; padding: 12px 12px 12px 0; float: right; }
	
	.ln-letters a:first-child { border-left: 1px solid #d5d5d5; }

}

/* Devices and browsers with max of 767px and less than 799px */
@media only screen and (max-width: 767px) {
	
	.stats ul li { display: inline-block; float: none; margin-left: 18px; vertical-align: top; width: 21%; text-align: center; }
	.stats ul { text-align: center; }
	.count { display: inline-block; float: none; padding: 0 15px; text-align: center; margin-bottom: 4px; margin-right: 0; }
	
	.middleNav { float: none; margin-right: 0px; display: block; text-align: center; margin-top: 2px; }
	.middleNav ul {  }
	.middleNav ul li { text-align: center; display: inline-block; float: none; margin-left: 5%; position: relative; }
	.middleNav ul li:first-child { margin-left: 0; }
	
	#header { text-align: center; height: 100%; margin-bottom: 15px; }
	
	.logo { float: none; }
	
	.userNav ul li span { display: none; }
	.userNav ul li img { padding: 13px 14px 11px 14px; margin: 0; }
	.userNav ul li ul { right: -3px; left: auto; }
	
	.listData .cNote { display: none; }
	ul.listData li { padding: 0 0 1px 6px!important; }
	
	.rowElem > label { width: 100%; float: none; padding: 8px 0 6px 0; }
	.formRight { width: 97%; max-width: 98%; margin: 0; padding: 12px 0; float: none; }
	.rowElem .topLabel { padding: 5px 12px 5px 0; }
	
	.fc-header-right { width: 50%; }
	.ln-letters a { padding: 4px 2%; margin-bottom: 1px; }
	
	#eq span { margin-right: 0; margin-left: 30px; }
	#eq span:first-child { margin-left: 5px; }
	
	div.checker, div.radio, div.selector { padding-bottom: 18px; padding-top: 0; margin-top: 0; }
	.formRight > label { padding-top: 0; }
	.rowElem > label { padding-bottom: 0; }
	.step label.error { padding-top: 3px; }
	
}

/* Devices and browsers with min of 800px and max of 979px */
@media only screen and (min-width: 800px) and (max-width: 979px) {
	
	/*.leftNav { width: 20%; }*/
	.formRight { width: 76%; }
	
}
		

@media only screen and (min-width: 320px) and (max-width: 479px) {
	
	.logo { float: none; text-align: center; }
	.welcome { display: none; }
	.userNav { float: none; text-align: center; position: relative; }
	.userNav ul { height: 36px; text-align: center; }
	.userNav ul li { display: inline-block; float: none; position: static; }
	.userNav ul li ul { height: auto; text-align: left; position: absolute; top: 36px; left: 50%; margin-left: -81px; width: 162px; }
	
	.middleNav ul { text-align: center; }
	.middleNav ul li { text-align: center; display: inline-block; float: none; margin: 0 5px 10px 5px; position: relative; width: 45%; }
	.middleNav ul li:first-child { margin: 0 2%; }
	
	.stats ul { text-align: center; }
	.stats ul li { display: inline-block; float: none; margin: 5px; vertical-align: top; width: 46%; text-align: center; }
	.stats ul li:first-child { margin: 5px; }
	.count { display: inline-block; float: none; padding: 0 15px; text-align: center; margin-bottom: 4px; margin-right: 0; width: 75%; }

	.w40 { width: auto; }
	.floatleft, .floatright { float: none; }
	.floatright { margin-top: 95px; }
	.boxFilter { width: 69%!important; }
	.countLabel { text-align: center; }
	.dualControl { text-align: center; width: 90px; margin: 10px 1px; position: absolute; left: 50%; margin-left: -45px; }
	
	.formRight { width: 96%; }
	
	.moreFields ul li { width: 7.5%; }
	.moreFields ul li span { display: none; }
	
	.radio, .checker { clear: both; }
	
	input.file.fileInput { width: 148px!important; }
	
	.plupload_file_size, .plupload_file_status, .plupload_progress { width: 12%; }
	.plupload_disabled span { padding: 5px 8px 6px 8px; }
	.plupload_add span { background: url(../images/add.png) no-repeat 10px; padding: 5px 8px 6px 20px; display: block; }
	
	.fc-header-right { width: auto; }
	
	.dataTables_filter input[type="text"] { width: 86px; }
	.dataTables_paginate { float: left; }
	.dataTables_paginate .ui-buttonset .ui-button { margin: 0 1px; }
	
	.issueSummary .floatleft { display: none; }
	.ticketInfo { margin-left: 0; }
	
	.breadCrumb { overflow: hidden; height: 100%; }
	.breadCrumbHolder.module { overflow: hidden; }
	
	.pages li { display: inline-block; margin: 4px 2px; }
		
	#popup_container { min-width: 250px; max-width: 300px; }
	
	.el-finder-nav { width: 100px; }
	
	.errorPage { width: auto; }
	.errorPage .bubbles { display: none; }
	.errorPage .errorTitle, .weAreOff { width: auto; }
	.errorPage h1 { padding: 0; text-align: center; }
	
	#myList > li { clear: both; }
	ul.listData { float: left; text-align: center; margin: 3px 0 5px 0; font-size: 11px; }
	ul.listData li { padding: 0; margin: 0 20px 0 -6px; clear: both; }
	
	.displayNone { display: none; }
	
	.pieWidget { width: 250px; height: 250px; margin: 0 auto; }
	
	.paging_full_numbers .ui-button { padding: 2px 5px; }
	.table { overflow: auto; }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.boxFilter { width: 50%!important; }	
	.moreFields ul li { width: 11%; }
	.moreFields ul li span { display: none; }	
	.formError { left: auto!important; right: 30px; }
	.formErrorContent { width: 140px; }

}

/* Mobile Landscape Size */
@media only screen and (width: 768px) { 

	.ln-letters a { padding: 4px 7px; }
	.ln-letters a:first-child { border-left: none; }
	.ln-letters a.ln-last { padding: 4px 22px 4px 21px; }

}

/* TEST */

.widgets .lefts {
    float: left;
    width: 360px;
    margin-right: 15px;
}
.widgets .rightb {
    float: left;
    width: 604px;
}

.docItem {
	padding:3px;
}
.docItem:hover {
	background-color:#eee;
}

.widget .normal ul li {
	background: url(../images/aNormal.png) no-repeat 7px 7px;
	padding:3px 3px 3px 20px;
	display:block;
	margin-left:20px;
}
.widget .inactive ul li {
	background: url(../images/aInactive.png) no-repeat 5px 10px;
	padding:3px 3px 3px 20px;
	display:block;
	margin-left:20px;
}
.widget .typeDoc ul li {
	background: url(../images/icons/dark/pdfDoc.png) no-repeat 4px 5px;
	padding:3px 3px 3px 20px;
	display:block;
	margin-left:20px;
}
.widget .typeBundle ul li {
	background: url(../images/icons/dark/folder.png) no-repeat 0px 4px;
	padding:3px 3px 3px 18px;
	display:block;
	margin-left:35px;
}
.widget .signerBundle ul li {
	/*background: url(../images/icons/dark/create.png) no-repeat 4px 5px;*/
	padding:3px 3px 3px 25px;
	display:block;
	/*margin-left:30px;*/
	font-weight: bold;
	font-size: 1.1em;
}
.widget .signerBundle ul li .topDir {
    padding-top: 4px;
}
.widget .initEditSignerAction {
	cursor: pointer;
}
.widget .signerOfBundles {
	position: absolute;
	top: 0;
	left:0;
}
.widget .bundleBySigner > .checker {
    margin-top: 7px;
}
.widget .bundleBySigner .docItem > .checker {
    margin: 2px 0px 0px 1px;
}
.widget .bundleBySigner .docItem > .checker span input {
    top: 3px;
    position: absolute;
    left: 0;
    margin: 0;
}
.widget #initEditSignerPopUpForm {
	border-top: 1px solid #e7e7e794;
}

.widget .typeUser ul li {
    background: url(../images/userPic.png) no-repeat 4px 4px;
    padding:3px 3px 3px 20px;
    display:block;
    margin-left:20px;
}
.checkAll {
	border-bottom:1px solid #e7e7e7;
	padding:5px 3px;
	background: transparent url(../images/leftNavBg.png) repeat-x 0 0;
	color:#878787;
}
.checkAll {
	font-size:11px;
}

.checkAll div.checker {
	margin:2px 6px 0 4px;
}
.acties {
	display:none;
	float:right;
	margin-top:3px;
}
.docItem ul li:hover .acties {
    display: inline;
}

.editable-buttons {
    margin-left: 37px;
}