/* default base class*/
.jcDefaultBase {
    position :absolute ;
    font-family : Arial,helvetica,sans-serif;
    font-size : 12;
    font-style :normal ;    
    font-weight : normal;
    text-align :left;
}

/* round button */
/* for IE6, use VML to draw round rectangle */
v\:* {
    behavior: url(#default#VML);
    position: absolute;
} 
/* for IE6, use VML to draw round rectangle */

.btn, .tabBtnH,  .tabBtnV  {
    display: block; 
    background: #AFC2DA; 
    padding: 5px;
    color: #fff;   
    text-decoration: none; 
    cursor: pointer; 
    text-align: center;
}

.btn i, .btn span, .tabBtnH i, .tabBtnH span, .tabBtnV i, .tabBtnV span {
    font-style: normal;
    background-repeat: no-repeat; 
    display: block; 
    position: relative; 
}

.btn i, .btn span  {
    background-image: url(../jControlImage/roundRect.png); 
}

.tabBtnH i, .tabBtnH span {
  background-image: url(../jControlImage/roundRect2.png); 
}

.tabBtnV i, .tabBtnV span {
  background-image: url(../jControlImage/roundRect3.png); 
}

.btn i, .tabBtnH i , .tabBtnV i  {
    background-position: top left; 
    position: absolute; 
    margin-bottom: -5px;
    top: 0; 
    left: 0; 
    width: 5px; 
    height: 5px; 
}

.btn span, .tabBtnH span , .tabBtnV span  {
    background-position: bottom left; 
    left: -5px; 
    padding: 0 0 5px 10px; 
    margin-bottom: -5px; 
}

.btn span i, .tabBtnH span i ,.tabBtnV span i  {
    background-position: bottom right; 
    margin-bottom: 0; 
    position: absolute; 
   left: 100%; 
   width: 10px; 
   height: 100%; 
   top: 0; 
}
   
.btn span span, .tabBtnH span span, .tabBtnV span span  {
    background-position: top right; 
    position: absolute; 
    right: -10px; 
    margin-left: 10px; 
    top: -5px; 
    height: 0;
}

* html .btn span, * html .btn i, * html .tabBtnH span, * html .tabBtnH i,  * html .tabBtnV span, * html .tabBtnV i   {
    float: left; 
    width: auto; 
    background-image: none; 
    cursor: pointer; 
}

* html .btn, * html .tabBtnH, * html .tabBtnV  { border: 3px double #aaa; }

/* button */
.commonButton  {
position:absolute ;
    font-size: 20;   
    background-Color: #D4D0C8; 
    background-Repeat: no-repeat;
    padding: 5px;
    color: #fff;   
    text-decoration: none; 
    cursor: pointer; 
    text-align: center;
}

/* Popup */
.modal {
   position  :absolute ;
    font-family : Arial,helvetica,sans-serif;
    font-size : 12;
    font-style :normal ;    
    font-weight : normal;
    text-align :left;
    
	background-color:#fff;	
	padding:15px;	
	border:3px solid #939393;

	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}

/* Panel */
.panel, .shadow
{
    position :absolute;
    display: block; 
    background-Color: #ffffff; 
    padding: 5px;
    color: #ffffff;   
    text-decoration: none; 
    cursor: default;     
}

.panel i, .panel span, .shadow i, .shadow span {
    font-style: normal;
    background-repeat: no-repeat; 
    display: block; 
    position: relative; 
}

.panel i, .panel span {
    background-image: url(../jControlImage/roundRect.png); 
}

.shadow i, .shadow span {
    background-image: url(../jControlImage/shadow.png); 
}

.panel i, .shadow i {
    background-position: top left; 
    position: absolute; 
    margin-bottom: -5px;
    top: 0; 
    left: 0; 
    width: 5px; 
    height: 5px; 
}

.panel span, .shadow span {
    background-position: bottom left; 
    left: -5px; 
    padding: 0 0 5px 10px; 
    margin-bottom: -5px; 
}

.panel span i, .shadow span i {
    background-position: bottom right; 
    margin-bottom: 0; 
    position: absolute; 
    left: 100%; 
    width: 10px; 
    height: 100%; 
    top: 0; 
}
   
.panel span span, .shadow span span {
    background-position: top right; 
    position: absolute; 
    right: -10px; 
    margin-left: 10px; 
    top: -5px; 
    height: 0;
}

* html .panel span, * html .panel i, * html .shadow span, * html .shadow i {
    float: left; 
    width: auto; 
    background-image: none; 
    cursor: pointer; 
}

/* VerticalCenterPanel */
 .VerticalCenterPanel_link:hover { 
   color:blue;
   font-style: normal ;
   text-decoration: "underline";
}

.VerticalCenterPanel_link:visited { 
   color:red;    
   font-style:oblique ;
   text-decoration: "underline";
}
