/* BUTTONS AND MENUS */
input 
{
     font-family: Verdana, Arial;
     font-size: 100%;
}
textarea 
{
    font-family: Verdana, Arial;
    font-size: 100%;
}
tr
{
    vertical-align: top;
}
img 
{
    border: 0px;
}
hr 
{
    border: 0px;
    color: #ccc;
    background-color: #ccc;
    height: 1px;
}
vs-body
{
    width: 500px;
    height:380px;
}
.vs-menubar
{
    padding-top:10px;
    height: 25px;
    line-height: 25px;
}
.vs-message
{
    font-size: 130%;
    display: block;
    color:#333333;
    padding: 5px 10px 5px 35px;
    background: #eeeeff url(Images/iconInfo.gif) no-repeat 7px 6px;
    border: 1px solid #6666cc;
    margin: 0px;
    margin-bottom: 10px;
}
.vs-message-ok
{
    font-size: 130%;
    display: block;
    color:#333333;
    padding: 5px 10px 5px 35px;
    background: #eeffee url(Images/iconOk.gif) no-repeat 7px 6px;
    border: 1px solid #66cc66;
    margin: 0px;
    margin-bottom: 10px;
}
.vs-message-error
{
    font-size: 130%;
    display: block;
    color:#333333;
    padding: 5px 10px 5px 35px;
    background: #ffcccc url(Images/iconError.gif) no-repeat 7px 6px;
    border: 1px solid #cc6666;
    margin: 0px;
    margin-bottom: 10px;
}
.vs-section-header 
{
    height: 18px;
    background: #eeeeee url(Images/graGrey.gif) repeat-x 0 0;
    padding: 10px 10px;
    font-weight: bold;
    font-size: 120%;
    border: 1px solid #cccccc;
}
.vs-section-menu 
{
    height: 30px;
    background: #eeeeee;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    padding: 3px 0px 0px 5px;
}
.vs-section-menu a
{
    margin-right: 5px;
}
.vs-section
{
    background-color: #ffffff;
    padding: 20px 20px;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 20px;
}
.vs-button 
{
    font-size: 110%;
    padding: 2px 5px 2px 5px;
    margin: 2px 10px 0px 0px;
	font-weight: bold;
	background-color: #ffff99;
	text-decoration: none;
	border: 1px solid #666666;
	color: #666666;
}
.vs-button:hover 
{
	background-color: #ffffcc;
	border: 1px solid #333333;
	color: #333333;
}
.vs-button img 
{
    vertical-align: middle;
}
/* LOGIN */

.vs-login-wrap 
{
    text-align: left;
    width: 370px;
    height: 500px;
    margin: auto;
}
.vs-login
{
    width: 370px;
    color:#666666;
    background-color: #f9f9f9;
    background-image: url(Images/logoVisualSite.gif);
    background-repeat: no-repeat;
	background-position: 20px 20px;
    padding: 125px 0px 20px 0px;
    text-align: left;
    border: 1px solid #CCCCCC;
}
.vs-login-content 
{
    margin: 0px 0px 0px 80px;
}
.vs-login input
{
	font-size: 140%;
    border: 1px solid #666666;
    padding: 2px;
}
.vs-agent-icon
{
    position: relative;
    width: 50px;
    height: 50px;
    float: left;
    background: transparent url(Images/iconAgent.gif) no-repeat center center;
    color: #333333;
}

/* POP-UP */
.vs-popup-body
{
    background-image: url(Images/logoVisualSite.gif);
    background-repeat: no-repeat;
	background-position: center 10px;
	padding-top: 100px;
	color: #333333;
	background-color: #ffffff;
	padding: 100px 20px 10px 20px;
	text-align: left;
}
.vs-popup-body h1 { font-size: 150%; }
.vs-popup-body h2 { font-size: 140%; }
.vs-popup-body h3 { font-size: 130%; }
.vs-popup-body h4 { font-size: 120%; }
.vs-popup-body h5 { font-size: 110%; }
.vs-popup-body h6 { font-size: 100%; }
.vs-popup-wrap 
{
    text-align: left;
    width: 400px;
    height: 500px;
    margin: auto;
}
/* TINYBOX */

#tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}

/* TWO-COLUMN */
.vs-two-column-wrap
{
    width:500px;
    clear:both;
}
.vs-two-column-left
{
    width:140px;
    float:left;
    padding-bottom:20px;
    margin-right: 10px;
}
.vs-two-column-right
{
    width:350px;
    float:right;
    padding-bottom:20px;
}

/* DATA GRID */

.vs-grid 
{
    width: 100%;
    margin: 0px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
}
.vs-grid th
{
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background: #eeeeee url(Images/graGrey.gif) repeat-x 0 0;
    color: #000000;
}
.vs-grid tr
{
    height: 30px;
    line-height: 30px;
}
.vs-grid th, .vs-grid td
{
    height: 30px;
    line-height: 30px;
    padding: 4px 10px;
    border: 0px;
    border-bottom: 1px solid #CCCCCC;
}

/* TOOLTIP */

.vs-tool-tip-wrapper
{
    position: relative;
    text-align: left;
}
.vs-tool-tip
{
    position:absolute;
    left:20px;
    top:20px;
    z-index:98;
}
.vs-tool-tip-hidden
{
    position: absolute;
    display: none;
}
.vs-tool-tip-arrow-top
{
    z-index:99;
    position:absolute;
    width:100px;
    height:5px;
    background:transparent url(Images/imgTipArrowTop.gif) no-repeat 0 0;
}
.vs-tool-tip-arrow-left
{
    z-index:99;
    position:absolute;
    left: -4px;
    width:5px;
    height:20px;
    background:transparent url(Images/imgTipArrowLeft.gif) no-repeat 0 0;
}
.vs-tool-tip-x
{
    z-index:99;
    position:absolute;
    left:178px;
    top:15px;
}
.vs-tool-tip-box 
{
    border:1px solid #333333;
    margin-top:4px;
    color:#333333;
    padding:10px;
    background:#ffffcc;
}

/* FILE BROWSER */

.vs-file-browser 
{
    height:320px;
    overflow-y:scroll;
    background-color:#fff;
}
.vs-file-item 
{
    float:left;
    border:1px solid #cccccc;
    width:100px;
    height:100px;
    padding:5px;
    margin-right:5px;
    margin-bottom:10px;
    text-align:center;
    background-color:#f9f9f9;
}
.vs-file-name
{
    font-family: Arial,helvetica;
    font-size: 75%;
    width:90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* VIDEO */
.vs-video-box 
{
    width:400px;
    height:280px;
    background:#f0f0f0 url(Images/logoYouTube.gif) no-repeat 140px 90px;
    border:1px solid #cccccc;
    margin-bottom:20px;
}
.vs-video-box p
{
    margin-top: 180px;
    font-size: 90%;
    color: #999999;
    text-align:center;
    margin: 150px 10px 10px 10px
}

/* GENERIC */

.vs-strong 
{
    font-weight: bold;
}
.vs-right 
{
    text-align: right;
}
.vs-center
{
    text-align: center;
}
.vs-float-right
{
    float: right;
}
.vs-float-left
{
    float: left;
}
.vs-clear
{
    clear: both;
}
.vs-width200 
{
    width:200px;
}
.vs-width250 
{
    width:250px;
}
.vs-width300 
{
    width:300px;
}
.vs-red 
{
    color: #880000;
}
.vs-green 
{
    color: #008800;
}
.vs-grey 
{
    color: #999999;
}
.vs-big-input
{
	font-size: 140%;
    padding: 2px;
    border: 1px solid #666666;
    color: #666666;
}
.vs-yellowback 
{
    background-color: #ffff99;
}
/* FILES AND IMAGES */

.vs-add-image
{
    float: left;
    cursor: pointer;
    width: 60px;
    height: 40px;
    padding-right: 10px;
    background:transparent url(Images/iconAddImage.gif) no-repeat 0 0;
}
.vs-add-video
{
    float: left;
    cursor: pointer;
    width: 60px;
    height: 40px;
    padding-right: 10px;
    background:transparent url(Images/iconAddVideo.gif) no-repeat 0 0;
}
/* DATABASE */
.vs-database-meter-wrap
{
    border: 1px solid #ccc;
    margin-bottom:10px;
}
.vs-database-meter
{
    color:#333333;
    font-weight:bold;
    padding:3px;
    text-align:center;
}
.vs-database-test 
{
    width: 100%;
    border: 1px solid #cccccc;
    text-align: center;
    font-size: 110%;
}
.vs-database-test td 
{
    padding: 5px;
    margin: 0px;
}
.vs-backup-item 
{
    float: left;
    width:100px;
    display:block;
    background: #f9f9f9 url(Images/iconDbBackup.gif) no-repeat 43px 20px;
    text-align: center;
    border: 1px solid #cccccc;
    padding: 60px 5px 10px 5px;
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 90%;
}
.vs-backup-name 
{
    color: #666666;
}
.vs-backup-date
{
    color: #999999;
}
/* TEMPLATES */
.vs-template-item 
{
    float: left;
    width: 140px;
    display: block;
    margin: 0px 20px 20px 0px;
}
.vs-template-item input 
{
    float:left;
}
.vs-template-item a 
{
    width:100px;
    display:block;
    background: #f9f9f9 url(Images/iconTemplate.gif) no-repeat 20px 8px;
    text-align: center;
    border: 1px solid #999999;
    padding: 80px 5px 10px 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666666;
    font-size: 90%;
    float:right;
}
.vs-template-item a:hover
{
    background-color: #ffff99;
}
/* MENU ADMIN */
.vs-floatingContainer {
	opacity:0.4;
	filter:alpha(opacity=40);
}
.vs-menu-div 
{
    padding-top: 10px;
    margin-top: 10px;
	border-bottom: 1px dashed #cccccc;
}
.vs-menu-div ul, .vs-floatingContainer ul 
{
	margin: 0px;
	margin-left: 0px;
	padding: 0px;
	list-style: none;
}
.vs-menu-div li, .vs-floatingContainer li {
	border-top: 1px dashed #cccccc;
	padding: 10px 0px 5px 0px;
	margin-left: 0px;
	list-style: none;
}
.vs-menu-div li li, .vs-floatingContainer li li {
	margin-left: 18px;
}
.vs-menu-div li a, .vs-floatingContainer li a
{
    color: #333333;
	text-decoration: none;
	margin-left: 5px;
	font-size: 110%;
}
.vs-menu-div li div, .vs-floatingContainer li div
{
    display: none;
}
.vs-menu-div li span, .vs-floatingContainer li span
{
    padding-left: 25px;
    color: #666666;
    font-size: 90%;
}