/* jsPanel */

.jsPanel{
    display: none; 
    overflow: hidden;
    position: absolute;
	border-image-width: 0 0 0 0;
    border-radius: 0px;
    z-index: 9000;
}

.jsPanel-hdr  {
    min-height: 26px;
    padding: 2px 0 4px 2px;	
	
    font-size: 14px;
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-variant: normal;
	font-weight: bold;	
	border-radius: 0px;
}

.jsPanel-hdr *{
    font-size: 14px;
}

h3.jsPanel-title{
    font-size: 14px;
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-variant: normal;
	font-weight: bold;	
    margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;	
}

.jsPanel-title, .jsPanel-hdr-l-text{
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-variant: normal;
	font-weight: bold;
	font-size: 1.0em;
}

.jsPanel-hdr-r
{
  float: right;
  font-size: 12px;
  padding-top: 3px;
  padding-right: 8px;
  padding-bottom: 0px;
  padding-left: 0px;
}

#jsPanel-min-container{
    position:fixed;
    left:9px;
    bottom:16px;
    width:auto;
    height:28px;
    background:transparent;
    z-index:9200;
}

.jsPanel-hdr-r div{
    float: right;
    cursor: pointer;
	margin-left: 1px;
    width: auto;
    height: auto;
    min-width: 24px;
    min-height: 26px;
    overflow: hidden;
}

.jsPanel-btn-close{ 	margin: -1px; background: url("images/close_808080_20.png") ; }
.jsPanel-btn-max{ 		margin: -1px; background: url("images/arrows-alt_808080_20.png") ; }
.jsPanel-btn-norm{ 		margin: -1px; background: url("images/compress_808080_20.png") ; display: none; }
.jsPanel-btn-min{ 		margin: -1px; background: url("images/minus_808080_20.png") ; }
.jsPanel-btn-small{ 	margin: -1px; background: url("images/chevron-up_808080_20.png") ; }
.jsPanel-btn-smallrev{	margin: -1px; background: url("images/chevron-down_808080_20.png") ; display: none; }


/* jsPanel themes */


/* white */

.jsPanel.jsPanel-theme-white{
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2); 
}
.jsPanel-hdr.jsPanel-theme-white{
    color: #000;
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-weight: bold;
}
.jsPanel-hdr.jsPanel-theme-white h3{
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-weight: bold;
}
.jsPanel-hdr.jsPanel-theme-white h3 small{
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-weight: bold;
    font-size: 65%;
}
.jsPanel-content.jsPanel-theme-white{
    background: none repeat scroll 0 0 #fff;
    color: #000;
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    outline: 1px solid #bbb;	
}
.jsPanel-ftr.jsPanel-theme-white{
    font-size: 12px;
    height: auto;
    padding: 2px 2px 2px 5px;
    text-align: right;
}
.jsPanel-theme-white .ui-icon-gripsmall-diagonal-se{
    color: #000;
}

/* lightgrey */

.jsPanel.jsPanel-theme-lightgrey{
	background: #eee;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2); 
}
.jsPanel-hdr.jsPanel-theme-lightgrey{
    color: #000;
	background: #eee;
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-weight: bold;
}
.jsPanel-hdr.jsPanel-theme-lightgrey h3{
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-weight: bold;
}
.jsPanel-hdr.jsPanel-theme-lightgrey h3 small{
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-weight: bold;
    font-size: 65%;
}
.jsPanel-content.jsPanel-theme-lightgrey{
    background: none repeat scroll 0 0 #fff;
    color: #000;
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    outline: 1px solid #bbb;	
}
.jsPanel-ftr.jsPanel-theme-lightgrey{
    font-size: 12px;
    height: auto;
    padding: 2px 2px 2px 5px;
    text-align: right;
	background: #eee;
}
.jsPanel-theme-lightgrey .ui-icon-gripsmall-diagonal-se{
    color: #000;
}

/* grey */

.jsPanel.jsPanel-theme-grey{
	background: #c2c2c2;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2); 
}
.jsPanel-hdr.jsPanel-theme-grey{
    color: #000;
	background: #c2c2c2;
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-weight: bold;
}
.jsPanel-hdr.jsPanel-theme-grey h3{
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-weight: bold;
}
.jsPanel-hdr.jsPanel-theme-grey h3 small{
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-weight: bold;
    font-size: 65%;
}
.jsPanel-content.jsPanel-theme-grey{
    background: none repeat scroll 0 0 #fff;
    color: #000;
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    outline: 1px solid #bbb;	
}
.jsPanel-ftr.jsPanel-theme-grey{
    font-size: 12px;
    height: auto;
    padding: 2px 2px 2px 5px;
    text-align: right;
	background: #c2c2c2;
}
.jsPanel-theme-grey .ui-icon-gripsmall-diagonal-se{
    color: #000;
}

/* darkgrey */

.jsPanel.jsPanel-theme-darkgrey{
	background: #2b2b2b;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2); 
}
.jsPanel-hdr.jsPanel-theme-darkgrey{
    color: #fff;
	background: #2b2b2b;
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-weight: bold;
}
.jsPanel-hdr.jsPanel-theme-darkgrey h3{
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-weight: bold;
}
.jsPanel-hdr.jsPanel-theme-darkgrey h3 small{
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-weight: bold;
    font-size: 65%;
}
.jsPanel-content.jsPanel-theme-darkgrey{
    background: none repeat scroll 0 0 #fff;
    color: #000;
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    outline: 1px solid #bbb;	
}
.jsPanel-ftr.jsPanel-theme-darkgrey{
    font-size: 12px;
    height: auto;
    padding: 2px 2px 2px 5px;
    text-align: right;
	background: #2b2b2b;
}
.jsPanel-theme-darkgrey .ui-icon-gripsmall-diagonal-se{
    color: #000;
}


/* jsPanel theme myo ------------------------------------------- */

.jsPanel.jsPanel-theme-myo{
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2); 
}
.jsPanel-hdr.jsPanel-theme-myo{
    color: #ffffff;
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 1.0em;
    font-weight: bold;
	background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
	border: 1px solid #e78f08;
	border-radius: 0px;
	margin-top: 0px; 
	margin-left: 2px; 
	margin-right: 2px; 
	margin-bottom: 0px; 
}
.jsPanel-hdr.jsPanel-theme-myo h3{
	color: #fff; 
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-weight: bold;
}
.jsPanel-hdr.jsPanel-theme-myo h3 small{ 
	color: #fff; 
	font-size: 65%; 
}
.jsPanel-content.jsPanel-theme-myo {
    background: none repeat scroll 0 0 #fff;
    color: #000;
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    outline: 0px solid #ddd;
}
.jsPanel-ftr.jsPanel-theme-myo{
	background: linear-gradient(to bottom,  rgba(250,250,250,0.65) 0%,rgba(0,0,0,0) 100%);
    font-size: 12px;
    height: auto;
    padding: 2px 2px 2px 5px;
    text-align: right;	
}

.jsPanel-theme-myo .ui-icon-gripsmall-diagonal-se{ color: #000; }

/* end jsPanel theme myo */


/* PivotTable */

.pvtAxisContainer li span.pvtAttr{
	border-radius: 0px;
}

.pvtAxisLabel{
	text-decoration: underline;
}
 .pvtTotalLabel{
	text-decoration: underline;
} 
 
 .pvtRowTotalLabel{
	text-decoration: underline;
}

/* End PivotTable */



/* Dropdown Menu */

.jq-dropdown .jq-dropdown-menu,
.jq-dropdown .jq-dropdown-panel {
	min-width: 60px;
	border-radius: 0px;
}	

.jq-dropdown.dropdown-tip:before {
    left: 14px;
}

.jq-dropdown.dropdown-tip:after {
	left: 15px;
}

.jq-dropdown.has-icons LI > A {
	padding-left: 40px;
	background-position: 8px center;
	background-repeat: no-repeat;
}


/* End Dropdown Menu */


/* BP */

.bp-corner-all {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
}

.bp-highlight-frame {
    border: 1px solid #fbcb09;
    background: #ffffff;
    color: #c77405;
}

.bp-cursor-frame {
    border: 1px solid #fbd850;
    background: #ffffff;
    color: #eb8f00;
}

.bt-item-frame {
    border-width: 1px;
	border-style: solid; 
	border-color: #dddddd;
    background: #ffffff;
    color: #333333;
}

.bp-photo-frame {
    border: 0px solid #cccccc;
    background: #f6f6f6;
    color: #1c94c4;
}

/* end BP */


/* jQuery UI */

/* Chrome close button text .4em -> 0! */

.ui-button-icon-only .ui-button-text {
   padding-top:    0 !important; 
   padding-bottom: 0 !important; 
}


/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0px;
}

.ui-widget-overlay
{
	opacity: .30 !important; /* Make sure to change both of these, as IE only sees the second one */
	filter: Alpha(Opacity=30) !important;
	background-color: rgb(30, 30, 30) !important; /* This will make it darker */
}

/* .ui-dialog { z-index: 1000 !important ;} */

/* end jQuery UI */


/* fileDrop */

/***
  Styles below are only required if you're using <iframe> fallback in
  addition to HTML5 drag & drop (only working in Firefox/Chrome).
 ***/

/* Essential FileDrop zone element configuration: */
.fd-zone {
  position: relative;
  overflow: hidden;
  /* The following are not required but create a pretty box: */
  width: 15em;
  margin: 0 auto;
  text-align: center;
}

/* Hides <input type="file"> while simulating "Browse" button: */
.fd-file {
  opacity: 0;
  font-size: 118px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  padding: 0;
  margin: 0;
  cursor: pointer;
  filter: alpha(opacity=0);
  font-family: sans-serif;
}

/* Provides visible feedback when use drags a file over the drop zone: */
.fd-zone.over { border-color: maroon; background: #eee; }

/* jQuery File Upload */

.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 16px;
  direction: ltr;
  cursor: pointer;
}

/* jQueryTagEditor */
/*
.tag-editor { 
	background: #fff; 
	font-size: 1em; 
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; 
	border-top-color: #abadb3;
	border-right-color: #dddddd;
	border-bottom-color: #eeeeee;
	border-left-color: #eeeeee;	
}

*/
.tag-editor { 
	background: #fff; 
	font-size: 1em; 
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; 
    border-width: 1px;
    border-style: solid;
    border-color: #a9a9a9;
	line-height: 26px;
	-moz-border-image: url(images/border_a9a9a9.bmp) 2 repeat; 
	-webkit-border-image: url(images/border_a9a9a9.bmp) 2 repeat; 
	-o-border-image: url(images/border_a9a9a9.bmp) 2 repeat; 
	border-image: url(images/border_a9a9a9.bmp) 2 repeat;	
}


/*
ul.tag-editor.ui-sortable:hover {
	border-top-color: #5794bf;
	border-right-color: #5794bf;
	border-bottom-color: #5794bf;
	border-left-color: #5794bf;
}
*/

.tag-editor .tag-editor-tag {
	color: #000; 
	background: #fff; 
	border-radius: 1px;
}
.tag-editor .tag-editor-spacer { 
	width: 0px; 
}
.tag-editor .tag-editor-delete { 
	background: #fff; 
}

/* DataTables */

table.dataTable, table.dataTable th, table.dataTable td {
	text-align: left;
	white-space: nowrap;
}
	
table.dataTable thead th, table.dataTable thead td {
	padding-left: 10px;
}

table.dataTable.compact thead th, table.dataTable.compact thead td {
    padding-left: 4px;
    white-space: nowrap;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #eee; 
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #abb9d3;
}


/* appendGrid */

.appendGrid thead td{
	color: #555555 !important;
	font-weight: normal !important;
}

button.remove{
    height: 23px !important;
    width:  23px !important;
}

button.remove .ui-icon-delete{
    width: 23px;
    height: 23px;
    margin-top: -8px !important;
    background-image: url(images/my-o-delete.png) !important;
}

button.append{
    height: 23px !important;
    width:  23px !important;
	border-width: 0px !important;
}

button.append .ui-icon-append{
    margin-top: -8px !important;
    background-image: url(images/my-o-add.png) !important;
}

div.appendGrid table tbody td.last button {
    min-height: 24px;
    margin: 1px;
}

div.appendGrid table.head thead td {
	padding: 4px;	
}	

/* My-Orgchart */

.bp-item div{
	cursor: default;
}

.my-o-menu-r, .my-o-button-hdr-r div{
    cursor: pointer;
}

.orgdiagram {
outline: none !important;
}

label{
	color: #555555 !important;
}

.ui-icon-custom{
	background-image: url(images/my-o-config.png) !important; 
	width: 20px !important;
	height: 20px !important;
	margin-top: -10px !important;	
	margin-left: -10px !important;
}

.ui-icon-trash{
	margin-top: -9px !important;	
}

.ui-icon-plusthick{
	margin-left: -9px !important;
}	

.ui-button { outline: none;}
.ui-button-text { outline: none;}
.ui-button-icon-primary{top:0px;left:0px;margin:1px;} 


.ui-button{
    border-width: 1px;
    border-style: solid;
    border-color: #a9a9a9;	
	-moz-border-image: url(images/border_a9a9a9.bmp) 2 repeat; 
	-webkit-border-image: url(images/border_a9a9a9..gif) 2 repeat; 
	-o-border-image: url(images/border_a9a9a9.bmp) 2 repeat; 
	border-image: url(images/border_a9a9a9.bmp) 2 repeat;		
}	

.ui-button:hover, .ui-button:focus{
    border-width: 1px;
    border-style: solid;
}

.ui-widget input{
    padding: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #a9a9a9;	
	outline: none;
	-moz-border-image: url(images/border_a9a9a9.bmp) 2 repeat; 
	-webkit-border-image: url(images/border_a9a9a9.bmp) 2 repeat; 
	-o-border-image: url(images/border_a9a9a9.bmp) 2 repeat; 
	border-image: url(images/border_a9a9a9.bmp) 2 repeat;	
	
}

.ui-widget input:hover, .ui-widget input:focus{
    padding: 3px;
    border-width: 1px;
    border-style: solid;
}

.ui-widget select{
	padding: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #a9a9a9;	
	outline: none;
	-moz-border-image: url(images/border_a9a9a9.bmp) 2 repeat; 
	-webkit-border-image: url(images/border_a9a9a9.bmp) 2 repeat; 
	-o-border-image: url(images/border_a9a9a9.bmp) 2 repeat; 
	border-image: url(images/border_a9a9a9.bmp) 2 repeat;		
}

.line-format{
    border-style: solid;
    border-color: #a9a9a9;	
	border-top-width: 1px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-right-width:0px;	
	-moz-border-image: url(images/line_a9a9a9.bmp) 2 repeat; 
	-webkit-border-image: url(images/line_a9a9a9.bmp) 2 repeat; 
	-o-border-image: url(images/line_a9a9a9.bmp) 2 repeat; 
	border-image: url(images/line_a9a9a9.bmp) 2 repeat;
}