﻿
/*---------------------------------------------------------
--- VISUAL / BASIC : PANELBAR
----------------------------------------------------------*/

#Div_Vis
{
    width:96%;
    margin:0 auto 0 auto;
    padding:0 2% 0 2%;
    /*border:2px solid whiteSmoke;*/
}

#Div_Vis_Lio
{
    border:1px solid whiteSmoke;
    margin:0;
    padding:1em;
}

#Div_Vis_Main
{
    /*border:1px solid whiteSmoke;*/
    width:100%;
    margin:auto;
    clear:both;
}

/*
#Div_Vis_Lio, #Div_Vis_Main
{
    text-align:center;
}
*/

/* Same left margin as 'Div_Vis_Lio' */
/*
.Div_Vis_Fil
{
    margin: 0.3em 1em 1em 1em;
}
*/

.Div_Vis_Grp
{
    background-color: whiteSmoke;
    text-align:center;
    margin:2% 0 2% 0;
    padding:1% 1% 1% 1%;
    font-size: 1.2em;
    font-weight: normal;
    color:#25A0DA;
    clear:both;
}

.Div_Vis_Item
{
    font-size:12px;
    /*border:8px solid whiteSmoke;*/
    /*display: inline-block;*/
    padding:0.5% 1% 0.5% 0%;
    margin:0.5% 0% 0.5% 0%;
}

.Div_Vis_ItemN
{
    float:left;
    width:160px;
    /*height:140px;*/
}

.Div_Vis_ItemE
{
    width:30% !important;
    position:static !important;
}

.Div_Vis_ItemI
{
    width:100% !important;
    height:auto !important;
    border:1px solid blue;
}

/*
.Div_Vis_Group
{
    display: inline-block;
}
*/

.Div_Vis_Tools
{
    /*border:1px solid whiteSmoke;*/
    /*same margin as border width
    margin:8px 8px 0px 0px;*/
}

.Div_Vis_ToolsNL
{
    float:left;
    margin:8px 0px 0px 8px;
    /*border:1px solid red;*/
}

.Div_Vis_ToolsNR
{
    float:right;
    margin:8px 8px 0px 0px;
    display:none;
}

/*
.Div_Vis_ItemN:hover .Div_Vis_ToolsNR
{
    display: block;
}
*/

.Div_Vis_ToolsER
{
    /*float:right;*/
    text-align:right;
    margin:8px 0px 0px 8px;
    clear:both !important;
}

.Div_Vis_ToolsIR
{
    /*float:right;*/
    text-align:right;
    margin:8px 0px 0px 8px;
    clear:both !important;
}

.Div_Vis_Body
{
    /*border:8px solid White;*/
    border:8px solid whiteSmoke;
    margin:2% 2% 2% 0;
    padding:5%;
}

.Div_Vis_BodyN
{
    height:100px;
}

.Div_Vis_BodyE
{
    height:auto;
}

.Div_Vis_BodyI
{
    height:auto;
}

.Div_Vis_Body:hover
{
    border:8px solid #25A0DA;
}

.Div_Vis_ConI
{
    width:100px;
    height:100px;    
}

.Div_Vis_ConN
{
}

.Div_Vis_ConE
{
}

.Div_Vis_Con
{
    font-size:36px;
    /*border:2px solid yellow;*/
    display:block;
    text-align:center !important;
    vertical-align:middle !important;
    margin:auto !important;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    /*background: transparent url('../Img/Logo/google.com.png') no-repeat 0 0;*/
    /*To scale the background image to fit inside the div:*/
    background-size: contain;
    /*To scale the background image to cover the whole div:*/
    background-position:center;
    /*background-size: cover;*/
}

/*
.testLabel
{
    font-size:12px;
    color:Blue;
}
*/

/*
.Img_Logo {
   top: 50%;
   left: 50%;
   width: 100px;
   height: 90px;
   margin-top: -50px;
   margin-left: -45px;
}
*/

.Div_Vis_Link
{
    margin:auto;
    font-size:1em;
    /*border:1px solid whiteSmoke;*/
    text-align:center;
}

#Div_Vis_Pager
{
    clear:both;
    width:100%;
    margin:auto;
}

/*
fieldset
{
    float:left;
    width:10%;
}
*/

.Lbl_Vis_Lid
{
    display:none;
}

/*---------------------------------------------------------
--- TOOLBAR BUTTONS
----------------------------------------------------------*/

.Btn_AddVN, .Btn_SelectVN, .Btn_EditVN, .Btn_DeleteVN, .Btn_YesVN, .Btn_NoVN, 
.Btn_AddVH, .Btn_SelectVH, .Btn_EditVH, .Btn_DeleteVH, .Btn_YesVH, .Btn_NoVH
{
    background: transparent url('../Img/sprite.png') no-repeat 0 0;
    /*background: transparent url('http://www.netr2.com/testV1/Stc/Img/sprite.png') no-repeat 0 0;*/
    width:16px !important;
    height:16px !important;
    /*padding:0px 8px 3px 8px !important;*/
}

/*
#ctl00_MainContent_Ucs_Vis_Lst_Vis_ctrl0_ctrl1_Btn_Vis_Select
{
    border:2px solid green !important;
    background: transparent url('../Img/sprite.png') no-repeat 0 0;
    background-position: -32px 0px;
}
*/

.Btn_AddVN {background-position: 0px 0px;}
.Btn_AddVH {background-position: -32px 0px;}
.Btn_SelectVN {background-position: -64px 0px;}
.Btn_SelectVH {background-position: -32px 0px;}
.Btn_EditVN {background-position: -32px -32px;}
.Btn_EditVH {background-position: 0px 0px;}
.Btn_DeleteVN {background-position: 0px 0px;}
.Btn_DeleteVH {background-position: -32px 0px;}
.Btn_YesVN {background-position: -32px -32px;}
.Btn_YesVH {background-position: 0px 0px;}
.Btn_NoVN {background-position: 0px 0px;}
.Btn_NoVH {background-position: -32px 0px;}

.Vis_Sel
{
    border:1px solid red !important;
}

.Pnl_Vis
{
    height:200px;
}

#Txt_Fil_Name, #Txt_Fil_Address
{
    /*display:none;
    visibility:visible*/
}

/*---------------------------------------------------------
--- Miscellaneous Styles Override
----------------------------------------------------------*/

/*
.rlvDraggedItem
{
    display:block;
    width:200px;
    height:200px;
    border:1px solod red !important;
}

div.rlvDraggedItem div.Div_Vis_Item.rlvI
{
    border:none !important;
}
*/

.Div_Vis_Tools .RadButton_MetroTouch.RadButton:hover
{
    border:none !important;
    background-color:transparent !important;
}

.RadDataPager_MetroTouch
{
    border:1px solid whiteSmoke !important;
}

/*---------------------------------------------------------
--- No More stupid Styles
----------------------------------------------------------*/

