img{ border: 0pt; }


#oneSecCmd
  {
    visibility:hidden;
    height:1px;
    width:1px;
  }

/********************/
/* TABS STYLES      */
/********************/


#vista_tabs 
  {
    font:normal 12px 'Trebuchet MS','Arial';
    margin:0;
    padding:0;
    width:100%;
    line-height:20px;
    background:url(images/tabs-bg.gif) repeat-x 0 100%;
  }

#vista_tabs ul 
  {
    float:left;
    list-style:none;
    margin:0;
    padding:0px 0px 0px 10px;
    width:98%;
  }

#vista_tabs li 
  {
    display:inline;
  }

#vista_tabs a 
  {
    color:black;
    float:left;
    padding:0px 0px 0px 3px; /* left 3 px because of left.png image */ 
    text-decoration:none;
    background:url(images/tableft-off.gif) no-repeat left center;
  }

#vista_tabs a span 
  {
    display:block;
    float:none;
    padding:6px 20px 0px 20px;
    background:url(images/tabright-off.gif) no-repeat right center;
    line-height:19px;
  }


#vista_tabs .on a
  {
    background: url(images/tableft.png) no-repeat left center;
  }

#vista_tabs .on span 
  {
    background:url(images/tabright.png) no-repeat right center;
  }


.tabPanel
  {
    visibility:hidden;
  }




/********************/
/* TOP MENU STYLES  */
/********************/

#vista_toolbar 
  {
    float:left;
    font:normal 12px 'Trebuchet MS','Arial';
    margin:0;
    padding:0;
    width:100%;
    background-image:url(images/back.gif);
    background-repeat:repeat-x;
  }

#vista_toolbar ul 
  {
    float:left;
    line-height:32px;
    list-style:none;
    margin:0;
    padding:0px 0px 0px 10px;
    width:98%;
  }

#vista_toolbar li 
  {
    display:inline;
  }

#vista_toolbar a 
  {
    color:#FFF; /* need because it will use default link color */
    float:left;
    padding:0 3px 0 3px; /* left 3 px because of left.png image */ 
    text-decoration:none;
  }

#vista_toolbar a span 
  {
    display:block;
    float:none;
    padding:0 20px 0 20px;
  }

#vista_toolbar a span img 
  {
    border:none;
    margin:8px 5px 0 0;
  }

/* show picture when mouse over link */
#vista_toolbar a:hover
  {
    background: url(images/left.png) no-repeat left center;
  }

#vista_toolbar a:hover span 
  {
    background:url(images/right.png) no-repeat right center;
  }

#vista_toolbar a.right 
  {
    float:right; /* for help button - just add class "right" ->  <a class="right"... */
  }



/******************************/
/* POPUP WINDOW STYLE STYLES  */
/******************************/


.popup body,
.popup td,
.popup div,
.popup p,
.popup .groupTable
  {
    font:normal 12px 'Trebuchet MS','Arial';   
  }


.my-wrapper-class1 .highslide-html 
  {
    background:url(images/popup-background.png) repeat-x 0 10px;
  }

.my-wrapper-class1 a:link
  {
    color:white;
  }


.popup #bottom_div
  {
    width: 1px;
    height: 1px;
    background-color: #b9d1ea;
    clear:both;
  }

.popup .popupIframe
  {
    background:none transparent; 
    padding:0px;
    margin:0px;
  }

.popup .popupIframe form
  {
    margin:0px;
    padding:0px;
  }


.popup td
  {
    vertical-align:top;
  }

.popup
  {
    background: #E0E9F0; 
    padding:20px 5px 20px 20px;
    margin:0px;
  }



/******************************/
/* UPLOAD/FILE LIST STYLES    */
/******************************/



.popup  #fileBoxList,
.popup  #imageBoxList
  {
    display:block;
    float:none;
    padding:10px;
    border-bottom:1px solid #898C95;
    border-left:1px solid #898C95;
    border-right:1px solid #898C95;
    height:280px;
    overflow:auto;
  }


.popup #pLabel
  {
    padding:0px 0px 6px 0px;
  }

.popup #pStatus
  {
    text-align:right;
    padding:0px 0px 6px 0px;
  }

.popup .pBarDone
  {
    background:url(images/pBar-bg.gif) repeat-x;
    height:22px;
  }

.popup .pBar
  {
    width:100%;
    background:url(images/spread.gif) repeat-x;
    height:22px;
    visibility:hidden;
    border: 1px solid #C2C2E3;
  }



.popup .rightButton
  {
    padding:10px 0px 0px 10px;
    float:right;
  }

.popup .myInput
  {
    background: white;
    border: 1px solid #C2C2E3;
    height: 23px;
    padding-left: 3px;
    padding-top: 0px;
  }

.popup #dispFileName
  {
    height:20px;
  }

.popup #fileListWindow
  {
    overflow:auto;
    height:360px;
    width:757px;
  }

.popup #dispFileName
  {
    width:300px;
    height:20px;
    overflow:hidden;
  }

.popup .fileRow
  {
    padding:10px 0px;
    clear:both;
    width:500px;
    height:75px;
    border:1px solid transparent;
  }

.popup #fileBoxList .fileRow
  {
    height:50px;    
  }

.popup .fileRow div
  {
    border:1px solid transparent;
  }

.popup .fileView
  {
    width:25px;
  }

.popup .fileImg
  {
    padding:0px 10px;
    text-align:center;
    float:left;
  }

.popup .fileImg img
  {
    border:1px solid #888;
  }

.popup .fileDel
  {
    padding:0px 10px;
    text-align:center;
    vertical-align:top;
    float:left;
  }

.popup .groupTable
  {
    border:1px solid #888;
  } 


.popup #filesAdded div
  {
    border-top:1px dotted black;
    font:normal 12px 'Trebuchet MS','Arial';   
    vertical-align:top; 
  }
  
.popup #filesAdded span
  {
    height:70px;
    vertical-align:top; 
    padding:5px;    
  }  

.popup .addedText
  {
    width:200px;
    overflow:hidden;
  }
  
.popup .cancelButton
  {
    padding:15px 10px 10px 10px;  
  }  
  



/******************************/
/* UPLOAD IFRAME    STYLES    */
/******************************/


.iframe
  {
    margin:0px;
    padding:0px;
    background:none;
  }

.iframe div.fileinputs 
  {
    position: relative;
    padding: 0;
    margin: 0;
    vertical-align:top;
  }

.iframe div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.iframe input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

.iframe form.example input {
	background: white;
        border: 1px solid #C2C2E3;
	width: 241px;
	height: 23px;
	padding-left: 3px;
	padding-top: 0px;
}


.iframe form.example img
  {
    width:78px;
    height:25px;
  }


.iframe form.example input:focus {
	background-color: transparent;
}

.iframe form.example div.fileinputs 
  {
    position: relative;
    height: 34px;
    width: 305px;
    padding:0px;
    margin:0px;
    vertical-align:top;
  }

.iframe form.example input.file {
	width: 305px;
	margin: 0;
}

.iframe form.example input.file.hidden {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

.iframe form.example div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 350px;
	padding: 0;
	margin: 0;
	z-index: 1;
	line-height: 90%;
}

.iframe form.example div.fakefile input {
	margin-bottom: 5px;
	margin-left: 0;
}






/******************************/
/* PAGE PROPERTIES STYLES     */
/******************************/

#pList
  {
    width:200px;
    height:400px;
    overflow:auto;
    padding:10px;
  }

#pList a:link,
#pList a:visited
  {
    display:block;
    padding:5px; 
    text-decoration:none;  
    background:#898C95;
    background-repeat:repeat-x;
    color:white;
    margin:5px;
  }