/***********************************************************/
/*  Note: DO NOT ADD ANY CUSTOM CLASSES TO THIS FILE.     */
/*        INSTEAD, ADD YOUR CUSTOM CLASSES TO custom.css. */
/**********************************************************/


.jcDefaultDiv {
    position: absolute ;
}

.jcDefaultBase {
    position: absolute ;
    font-family: Arial,helvetica,sans-serif;
    font-style: normal ;    
    font-weight: normal;
    font-size: 12px;
    text-align: left;
}

/* RoundButton */
/* Do not set backgroundColor for RoundButton to avoid color be displayed in corners*/
.jcRoundButton {
    text-decoration: none; 
    text-align: center;    
    font-size : 20px;  
    background-repeat: no-repeat;
    cursor: pointer;
    border-style: none; 
}

.jcRoundButton i, .jcRoundButton span {
    font-style: normal;
    background-repeat: no-repeat; 
    display: block; 
    position: relative; 
}

.jcRoundButton i, .jcRoundButton span  {
    background-image: url(../pict/roundRect.png); 
}

.jcRoundButton i {
    position: absolute; 
    background-position: top left; 
    margin-bottom: -5px;
    top: 0; 
    left: 0;
    width: 5px;
    height: 5px;    
}

.jcRoundButton span {
    background-position: bottom left; 
    left: -5px; 
    padding: 0 0 5px 10px; 
    margin-bottom: -5px; 
}

.jcRoundButton span i {
    position: absolute; 
    background-position: bottom right; 
    margin-bottom: 0; 
    left: 100%; 
    width: 10px; 
    height: 100%; 
    top: 0; 
}
   
.jcRoundButton span span {
    position: absolute; 
    background-position: top right; 
    right: -10px; 
    margin-left: 10px; 
    top: -5px; 
    height: 0;
}

.jcRoundButton_hover 
{
   border-color:#E3E9F0;
   background-color: #E3E9F0;
}

.jcRoundButton_image {
}


/* Button */
.jcButton  {
    font-size: 20px;   
    background-Color: #D3CFC9; 
    background-Repeat: no-repeat;
    color: black;   
    text-decoration: none; 
    cursor: pointer; 
    text-align: center;
    padding: 5px;
    border-style:solid;
    border-width :1px;
    border-color: gray;
}

.jcButton_hover {
    background-color: #E3E9F0;    
}


/* Popup */
.jcPopup {
    width: 600px;
    height: 500px;
    font-size : 11px;
    text-align :left;
	padding: 15px;
    opacity: 0.1;
	background-color:#ffffff;	
	border-width:3px;
	border-style: solid;
	border-color: #939393;
}

.jcPopup_triangle {
   background-image:  url(../pict/triangle.png);
   background-repeat: no-repeat;
   left : 10px;
   top : -36px;
   width : 36px;
   height : 36px;
}

.jcPopup_cover {
  left: 0px;  
  top: 0px;
  opacity: 0.1;
  background-color: #e00;
}


/* Cover */
.jcCover {
  left: 0px;  
  top: 0px;
  opacity: 0.1;
  background-color: #333;
}

.jcCover_disable {
   background-Color: white;
   opacity: 0.85;
}


/* Panel */
.jcPanel {
    width: 200px;
    height: 150px;
    background-color: #ffffff;
    border-style:none;
    overflow :hidden;     
}

.jcPanel_round 
{
    border-style:solid;
    border-color: #D6D6D6;
    border-width: 2px;    
    border-radius:5px;
}

.jcPanel_shadow {
    box-shadow:2px 2px 2px #DBDBDB;
}

.jcPanel_roundShadow {
    border-style:solid;
    border-color: #F5F5F5;
    border-radius:5px;    
    box-shadow:2px 2px 2px #DBDBDB;
}

.jcPanel_header 
{
    left:0px;
    top:0px;
    height:30px;
    padding-left:5px;
    padding-top:5px;
    font-size:18px;
    font-weight :bold;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F5F5F5), color-stop(1, #D8D8D8)); /* Firefox */
}


/* VerticalCenterPanel */
 .jcVerticalCenterPanel_text { 
}

.jcVerticalCenterPanel_image {

}

.jcVerticalCenterPanel_link {
   color:blue;
   text-decoration: underline;
}


/* ItemList */
.jcItemList {
    background-color :#FFFFFF;
    width: 120px;
    height: 210px;
    border-style: solid;
    border-width: 1px    
}

.jcItemList_item {
    background-color: #FFFFFF;    
    width: 118px;
    height: 18px;
    cursor:default;
}

.jcItemList_evenRow {
    background-color: #FFFFFF;    
}

.jcItemList_item_selected {
   background-color :#dadada;
} 

.jcItemList_item_highlighted {   
    background-color :#ececec;
} 

.jcItemList_item_link {
    background-color: #FFFFFF;    
    width: 120px;
    height: 18px;
    text-decoration: underline;
    color: blue;
    cursor: pointer;
    font-size: 14px;
    white-space: nowrap;
}


/* PixtureBox */
.jcPictureBox {
    overflow:hidden;
}

.jcPictureBox_image {
    left: 0px;
    top: 0px;
}

jcPictureBox_hover 
{
}

/* Picture */
.jcPicture {
    width: 50px;
    height: 50px; 
    overflow:hidden;   
}


/* Label */
.jcLabel {
    font-size :14px; 
    /*white-space :nowrap; */
}

/* LinkLabel */
.jcLinkLabel {
    font-size :14px;
    color:blue;  
    text-decoration :underline;
    cursor: pointer; 
}

.jcLinkLabel_hover {
    color:red;
}

/* MainMenu */
.jcMainMenu {
    background-color :#EFEFEF;    
    border-style: none;
    cursor: default;
}

.jcMainMenu_item {
    font-size: 20px;
    color: red;
    text-align: center; 
    background-color: #EFEFEF;   
    width: 130px;
    height: 25px;
    line-height:25px; 
    white-space: nowrap;
    cursor: default;    
}

.jcMainMenu_item_highlighted {
  background-color :#EFEF00;
}

.jcMainMenu_item_selected {
   background-color :#EFEF00;
} 

.jcMainMenu_arrow_down {    
    width: 7px;
    height: 4px;   
    background-image :url(../pict/expandArrow_down.png);
}

.jcMainMenu_arrow_right {    
    width: 4px;
    height: 7px;   
    background-image :url(../pict/expandArrow_right.png);
} 

/* PopupMenu */
.jcPopupMenu {

   background-color :#EFEFEF;   
   text-align: left;
   border-style: none;
   cursor: default;
} 

.jcPopupMenu_item {
    font-size: 16px; 
    color: red;
    background-color: #EFEFEF;   
    width: 100px;
    height: 25px;
    line-height:25px;     
    white-space: nowrap;     
    cursor: default;
}
.jcPopupMenu_item_highlighted {
    text-decoration: underline; 
}

.jcPopupMenu_arrow_down {    
    width: 4px;
    height: 7px;   
    background-image :url(../pict/expandArrow_down.png);
}

.jcPopupMenu_arrow_right {    
    width: 4px;
    height: 7px;   
    background-image :url(../pict/expandArrow_right.png);
} 

/* TextBox */
.jcTextBox {
    width: 200px;
    height: 22px;
    font-size :14px;
    border-color: #ececec;
    border-width: 1px;
    border-left-style:inset;
    border-top-style: inset;
    border-right-style: solid;
    border-bottom-style: solid;
    color:Black; 
}

.jcTextBox_input {
    border-style: none;
    border-width: 0;
    overflow:auto; 
}

.jcTextBox_readOnly 
{
    border-style: none;
    border-width: 0px;
    color:Gray;
}


/*TitleBar*/
.jcTitleBar {
    height: 30px;
    line-height:30px; 
    width : 200px;    
    background-color: #c6c6c6;    
    overflow:hidden; 
}

.jcTitleBar_text {
    width: 200px;
    height: 30px; 
    font-size :14px;
    font-weight: bold;
    background-color: transparent;
    color: red;
    overflow:hidden;     
}

.jcTitleBar_icon {
}


/*ExpandablePanel*/
.jcExpandablePanel {
    top: 0px;
    left: 0px;
    border-style: solid;
    border-width:2px;
    border-color : #c6c6c6;
    width: 300px;
    height: 200px;
    cursor:default;
}

.jcExpandablePanel_titleBar {
    font-weight: bold;
    height: 30px;
    background-color : #c6c6c6;
    color : red;
}

.jcExpandablePanel_titleBarText {
    left: 3px;    
}

.jcExpandablePanel_titleBarIcon_collapse {
    width: 15px;
    height: 16px;
    background-image:  url(../pict/collapse.png);
}

.jcExpandablePanel_titleBarIcon_expand {
    width: 15px;
    height: 15px;
    background-image:  url(../pict/expand.png);
}


/*TrackBar*/
.jcTrackBar {
}

.jcTrackBar_bar {
    width: 3px;
    height: 90px;
    overflow: hidden;
    background-image: url(../pict/Scrollbar.gif);    
    background-repeat: no-repeat;
}

.jcTrackBar_slider {
    left: 0px;
    top: 0px;
    width: 12px;
    height: 12px;
    overflow: hidden;
    background-image: url(../pict/Scroll.gif);   
    background-repeat: no-repeat;
}

.jcTrackBar_zoomButton1 {
    width: 27px;
    height: 27px;
    cursor: pointer,;
    background-repeat: no-repeat;
    background-image: url(../pict/ScrollZoomIn.gif); 
}  

.jcTrackBar_zoomButton2 {
    width: 27px;
    height: 27px;
    cursor: pointer,;
    background-repeat: no-repeat;
    background-image: url(../pict/ScrollZoomOut.gif); 
}  


/*PopupWindow*/ 
.jcPopupWindow {
    padding: 0;
    border-color: #598BC6;
    border-top: 0;
    font-size: 18px;
    font-weight: bold;  
}

.jcPopupWindow_titleBar {
    background-color : #598BC6;
    color : white;
}

.jcPopupWindow_titleBar_text {
}

.jcPopupWindow_icon 
{
}


/*WaitIndicator*/
.jcWaitIndicator {
    height: 16px;
    width: 50px;
    font-size: 14px;
    color: red;
}

.jcWaitIndicator_cover {
}

.jcWaitIndicator_icon {
   width: 16px;
   height: 16px;    
   background-image: url(../pict/loader.gif);
}

/*WaitCover*/
.jcWaitCover{
}

.jcWaitCover_cover
{
    background: #333333;
    opacity: 0.6;
    z-index: 9999;
}

.jcWaitCover_text
{
    font-size:14px;
    color:black;
    overflow:visible;
    background-color: #858585;
}

.jcWaitCover_icon_large
{
    background-color: transparent;
    height: 115px;
    width: 115px;
    overflow: hidden;
}

.jcWaitCover_icon_large_withPie
{
    background-image: url(../pict/loading_graphic_pie_large.png);
    background-color: transparent;
    height: 115px;
    width: 115px;
    overflow: hidden;
}

.jcWaitCover_icon_small
{
    background-color: transparent;
    height: 55px;
    width: 55px;
    overflow: hidden;
}

.jcWaitCover_icon_small_withPie
{
    background-image: url(../pict/loading_graphic_pie_small.png);
    background-color: transparent;
    height: 55px;
    width: 55px;
    overflow: hidden;
}
/*TabPage*/
.jcTabPage {
   width: 500px;
   height: 400px;
}

.jcTabPage_title {
    top: 0px;
    color:Blue;
    padding:2px;
    font-size: 20px;   
    background-color: #FEFBEC;
    border-color: #DFDDD0;
    border-style: solid;   
    border-width: 1px;
    height:25px;
    width:80px;
    text-align:center;
    line-height:25px;
}

.jcTabPage_title_selected 
{
    background-color: #FEFBEC;
}

.jcTabPage_titleHover {
   border-color: #DFDDD0;
   background-color: #E3E9F0;
}

.jcTabPage_page {
   left: 0px;
   background-color:#FEFBEC;
   border-color:#DFDDD0;
   border-width : 1px;
   border-style: solid;
   width: 300px;
   height: 150px;
}


/*Paging*/
.jcPaging {
    height: 15px;    
}

.jcPaging_number {
    cursor: pointer;
    height: 15px;
    text-align: center;
    font-size: 14px;
    color: blue;
    text-decoration: underline;
}

.jcPaging_prevButton 
{
     cursor: pointer;
     font-size: 14px;
     color: blue;
     font-weight: bold;
     text-decoration: underline;
     background-repeat: no-repeat;
}

.jcPaging_nextButton {
     cursor: pointer;
     font-size: 14px;
     color: blue;
     font-weight: bold;
     text-decoration: underline;
     background-repeat: no-repeat;
}

.jcPaging_firstButton {
     cursor: pointer;
     font-size: 14px;
     color: blue;
     font-weight: bold;
     text-decoration: underline;
     background-repeat: no-repeat;
}

.jcPaging_lastButton {
     cursor: pointer;
     font-size: 14px;
     color: blue;
     font-weight: bold;
     text-decoration: underline;
     background-repeat: no-repeat;
}

.jcPaging_numberSelected {
    color: black;
    text-decoration: none;
    cursor: default;
}


/*SelectBox*/
.jcSelectBox {    
}

.jcSelectBox_cover {
    background-color:#CFCFCF;
    opacity: 0.4;    
    font-size: 0px; /*following three are for make div height =0 when in IE backmode  */
    line-height:0px; 
    overflow: hidden;
}

.jcSelectBox_drag {    
    background-image:  url(../pict/fill.gif);
    cursor: move;
}

.jcSelectBox_topLeftGrip {     
    width: 7px;
    height: 7px;
    background-color: #FFFFFF;
    border: solid 1px #000000;
    overflow: hidden;
    cursor: nw-resize;
}

.jcSelectBox_topCenterGrip {     
    width: 7px;
    height: 7px;
    background-color: #FFFFFF;
    border: solid 1px #000000;
    overflow: hidden;
    cursor: n-resize;
}

.jcSelectBox_topRightGrip {     
    width: 7px;
    height: 7px;
    background-color: #FFFFFF;
    border: solid 1px #000000;
    overflow: hidden;
    cursor: ne-resize;
}

.jcSelectBox_middleLeftGrip {     
    width: 7px;
    height: 7px;
    background-color: #FFFFFF;
    border: solid 1px #000000;
    overflow: hidden;
    cursor: w-resize;
}

.jcSelectBox_middleRightGrip {     
    width: 7px;
    height: 7px;
    background-color: #FFFFFF;
    border: solid 1px #000000;
    overflow: hidden;
    cursor: e-resize;
}

.jcSelectBox_bottomLeftGrip {     
    width: 7px;
    height: 7px;
    background-color: #FFFFFF;
    border: solid 1px #000000;
    overflow: hidden;
    cursor: sw-resize;
}

.jcSelectBox_bottomCenterGrip {     
    width: 7px;
    height: 7px;
    background-color: #FFFFFF;
    border: solid 1px #000000;
    overflow: hidden;
    cursor: s-resize;
}

.jcSelectBox_bottomRightGrip {     
    width: 7px;
    height: 7px;
    background-color: #FFFFFF;
    border: solid 1px #000000;
    overflow: hidden;
    cursor: se-resize;
}

.jcSelectBox_topLine {     
    width: 1px; 
    height: 1px;
    overflow: hidden; 
    background-Image: url(../pict/marqueeLineH.gif);
}

.jcSelectBox_bottomLine {     
    width: 1px; 
    height: 1px;
    overflow: hidden; 
    background-Image: url(../pict/marqueeLineH.gif);
}

.jcSelectBox_leftLine {     
    width: 1px; 
    height: 1px;
    overflow: hidden; 
    background-Image: url(../pict/marqueeLineV.gif);
}

.jcSelectBox_rightLine {     
    width: 1px; 
    height: 1px;
    overflow: hidden; 
    background-Image: url(../pict/marqueeLineV.gif);
}

/*TextBoxSlider*/
.jcTextBoxSlider {     
}

.jcTextBoxSlider_trackBar {
    top:2px;
}

.jcTextBoxSlider_trackBar_bar {
     width: 195px;
     height: 10px; 
     background-image: url(../pict/red.png);
}

.jcTextBoxSlider_trackBar_slider {
    width: 12px; 
    height: 12px; 
    background-image: url(../pict/scroll.gif);
}

.jcTextBoxSlider_textBox {
    width: 35px;
    height: 18px;
    left: 220px;
    font-size :16px;
}

.jcTextBoxSlider_textBoxInput {
    text-align :center;    
}


/*ColorList*/
.jcColorList {
    background-color: #FFFFFF;
}

.jcColorList_preview {
    top: 5px;
    width: 80px;
    height: 90px;
 }
 
 .jcColorList_seperator {
    font-size: 0px;
    height: 5px;
    left: 0px;
    top: 112px;
    width: 244px;
    background-repeat: repeat-x;
    background-image:url(../pict/seperator.gif);
 }
 
.jcColorList_moreLink {
   width: 105px; 
   height: 16px; 
   font-size: 15px;
   font-weight: bold;   
   cursor: pointer;
   color: #AFC2DA;
   left: 0px;
   top: 122px;   
}

.jcColorList_moreLink_hover {
   color: #AFC2DA; 
}

.jcColorList_cancelButton {
    font-size: 20px; 
    left: 135px;
    top: 122px;
    width: 109px;
    height: 23px;
    background-image:  url(../pict/btn_cancel.png);  
 }

.jcColorList_colorBlock  {
   font-size: 0px;  
   border-style: solid;
   border-color: silver;
   border-width: 2px;  
   width: 16px;
   height: 16px;
}

.jcColorList_colorBlockInner {
   font-size:0px;    
   border-style: none;
   border-width: 2px;
   overflow: hidden;
   width: 8px;
   height: 8px;
}

.jcColorList_colorBlockSelected { border-color: red; }
.jcColorList_colorBlockHighlighted { border-color: blue; }
.jcColorList_colorBlockInnerSelected { border-style: solid; border-color: white; }
.jcColorList_colorBlockInnerHighlighted {border-style: solid;  border-color: white; }


/*CustomColor*/
.jcCustomColor {
    background-color: #FFFFFF;
}
.jcCustomColor_trackBar1 {
     top: 8px;
     left: 100px;
}

.jcCustomColor_trackBar2 {
     top: 45px;
     left: 100px;
}

.jcCustomColor_trackBar3 {
     top: 78px;
     left: 100px;
}

.jcCustomColor_trackBar4 {
     top: 111px;
     left: 100px;
}
.jcCustomColor_bar1 {
     width: 195px;
     height: 10px;    
     background-image: url(../pict/blue.png);
}

.jcCustomColor_bar2 {
     width: 195px;
     height: 10px; 
     background-image: url(../pict/red.png);
}

.jcCustomColor_bar3 {
     width: 195px;
     height: 10px; 
     background-image: url(../pict/yellow.png);
}

.jcCustomColor_bar4 {
     width: 195px;
     height: 10px; 
     background-image: url(../pict/black.png);
}

.jcCustomColor_slider {
    top: 12px;
    width: 11px;
    height: 10px;
    background-image:  url(../pict/ColorSlider.png);
}

.jcCustomColor_textBox {
    width: 35px;
    height: 18px;
    left: 210px;
    font-size :16px;
}

.jcCustomColor_textBoxInput {
    text-align :center;
    border: none !important;
    padding: 0px !important;
}

.jcCustomColor_colorDesc {
     left: 78px;
     width: 10px;
     height: 25px;   
     line-height:25px;       
     font-size: 16px;
}
.jcCustomColor_percentChar {
     left: 350px;
     width: 5px;
     height: 20px;
     line-height:20px;
 }
 
 .jcCustomColor_preview {
     left: 0px;
     top:0px;
     width: 70px;
     height: 140px;
 }
 
.jcCustomColor_seperator {
      height: 5px;
      left: 0px;
      top: 145px;
      width: 347px;
      background-repeat: repeat-x;
      background-image:url(../pict/seperator.gif);
 }
 
 .jcCustomColor_backLink {
   width: 190px; 
   height: 16px; 
   font-size: 15px;
   font-weight: bold;   
   cursor: pointer;
   color: #AFC2DA;
   left: 0px;
   top: 160px;   
}

.jcCustomColor_backLink_hover {
   color: #AFC2DA; 
}

.jcCustomColor_applyButton {
    font-size: 20px; 
    left: 260px;
    top: 157px;
    width: 92px;
    height: 23px;
    background-image:  url(../pict/btn_apply.png); 
 }
 
 
 /*PagingList*/
.jcPagingList {
    width: 400px;
    height: 320px;
}

.jcPagingList_itemList {    
    border-style: none;   
    left: 0px;
    top: 0px; 
}

.jcPagingList_itemList_item {
}

.jcPagingList_itemList_evenRow {
}

.jcPagingList_itemList_item_selected {
} 

.jcPagingList_itemList_item_highlighted {   
} 

.jcPagingList_paging {   
   top: -20px;
}

.jcPagingList_paging_number {
    text-decoration: underline;
}

.jcPagingList_paging_button {
}

.jcPagingList_paging_numberSelected {
}


/*MessageBox*/
.jcMessageBox {   
    width: 0px;
    height: 0px;
    border-style: none;
    overflow: hidden;
}

.jcMessageBox_adjust {
    padding: 0px;    
    border-style: solid;  /*show the border after the messagebox finish population to avoid flickering */
    overflow: hidden;    
}

.jcMessageBox_adjust_fadeout 
{
    padding: 0px; 
    overflow:hidden;
	border-style:solid;
	border-width:1px;
	border-color:Gray;
}

.jcMessageBox_text {    
    color: #636363;
    font-family: Trebuchet MS;
    font-size: 16px;
}

.jcMessageBox_text_fadeout {    
    font-family: Trebuchet MS;
    font-size: 12px;
}

.jcMessageBox_icon1 {
   left: 10px;
   top: 10px;  
   width: 44px;
   height: 44px;
   background-image:  url(../pict/msg_info.png);  /*image-src is for jControl internal use*/    
}

.jcMessageBox_icon2 {
   left: 10px;
   top: 10px;
   width: 44px;
   height: 44px;    
   background-image:  url(../pict/msg_warning.png);  /*image-src is for jControl internal use*/    
}

.jcMessageBox_icon3 {
   left: 10px;
   top: 10px;
   width: 44px;
   height: 44px;   
   background-image:  url(../pict/msg_error.png);  /*image-src is for jControl internal use*/    
}

.jcMessageBox_okButton {
   left: 0px;
   top: 0px;
   width: 97px;
   height: 23px;
   background-image: url(../pict/btn_ok.png);
}

.jcMessageBox_cancelButton {
   left: 0px;
   top: 0px;
   width: 109px;
   height: 23px;
   background-image:  url(../pict/btn_cancel.png); 
}


/* DropDownList */
.jcDropDownList    
{
	width:0px;
	height:-px;
	overflow :visible;
}

.jcDropDownList_itemList {
    position:relative;
    top:-1px;
    width: 122px;
    height: 185px;
}

.jcDropDownList_itemList_item {
    background-color: #FFFFFF;    
    width: 122px;
    height: 18px;
    cursor: default;
}

.jcDropDownList_itemList_item_selected {
} 

.jcDropDownList_itemList_item_highlighted {   
} 

.jcDropDownList_header 
{
    position:relative;    
    height: 20px;
    line-height: 20px; 
    width: 120px;           
    overflow: hidden; 
    border-style: solid ;
    border-width: 1px; 
    border-color: Black;
}

.jcDropDownList_header_icon    
{
    position:relative;    
    float:right;
    background-image:  url(../pict/arrow_down.png);  
    background-repeat :no-repeat;
    width: 17px;
    height: 18px;
}

/*special for ie7 because IE7 renders pure text as an element */
.jcDropDownList_header_icon_ie7   
{
    position:relative;    
    top:-20px;  
    float:right;
    background-image:  url(../pict/arrow_down.png);  
    background-repeat :no-repeat;
    width: 17px;
    height: 18px;
}

/*ColorPicker*/
.jcColorPicker1 {  /*container style for colorList page*/
    width : 270px;
    height : 165px;
    padding: 0px;
    background-color: White;
}

.jcColorPicker2 { /*container style for custom color page*/
    width : 390px;
    height : 200px;  
    padding: 0px;
    background-color: White;
}

.jcColorPicker3 { /*container style for hasTab=true*/
    border-style:none;
    width:0px;
    height:0px;
    padding: 0px;
    border-width: 0px;
    border-color:White;
}

.jcColorPicker_tabPage {
    width : 390px;
    height : 250px;  
}

.jcColorPicker_tabPagePanel {
   background-color:White;
   width : 380px;
   height : 220px;  
}

.jcColorPicker_button {
   background-color:White;
}

.jcColorPicker_colorList {
    left: 8px;
    top: 8px;
    width : 250px;
    height : 150px;
}

.jcColorPicker_customColor {
    left: 10px;
    top: 10px;
    width : 370px;
    height : 180px;
}

.jcColorPicker_okButton {
    top: 215px;
    left: 250px;
    width: 97px;
    height: 23px;
    background-image: url(../pict/btn_ok.png); 
    background-color: Transparent ;
    z-Index: 1; 
}

.jcColorPicker_cancelButton {
    top: 215px;
    left: 120px;
    width: 109px;
    height: 23px;
    background-image: url(../pict/btn_cancel.png);  
    background-image: Transparent ;  
    z-Index: 1; 
}


/*ImageCrop*/
.jcImageCrop {
    width : 300px;
    height : 300px;
}

.jcImageCrop_trackBar_bar {
    width: 3px;
    height: 90px;
    background-image: url(../pict/scrollbar.gif);
}

.jcImageCrop_trackBar_slider {
   left: 7px;
   width: 12px;
   height: 12px;
   background-image: url(../pict/scroll.gif);
}

/* RadioButton */
.jcRadioButton 
{  
	width:210px;
}

.jcRadioButton_item  
{
    width:200px;
    height:30px;
}

.jcRadioButton_label  
{
    font-size: 20px;   
    left:38px;
    top: 3px;
}

 .jcRadioButton_icon_unselected  
 {
    background-image: url(../pict/radiobutton_unselected.jpg);
    background-repeat:no-repeat;
    width:17px;
    height:17px;   
    left:5px;
    top:6px;
 }
 
  .jcRadioButton_icon_selected 
 {
    background-image: url(../pict/radiobutton_selected.jpg);
    background-repeat:no-repeat;
    width:17px;
    height:17px;   
    left:5px;
    top:6px;
 }

/* TreeList */
.jcTreeList
{  
}

.jcTreeList_itemList
{  
	border-style:none;
	border-width :0px;
}