/* 
background-color:#2d2-d33;
highlight color is #568-5d6 
2d2d33

in fb:
background-color:#3b5998;
highlight color is #627aad 
*/
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body{
    font-family: sans-serif; 
    /*
    background-image:url(https://farm2.staticflickr.com/1008/1377135160_ec3bec4972_b.jpg);
    background-repeat:no-repeat;
    background-size:cover;
        */
}

::-webkit-scrollbar {
width: 8px;
height: 8px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
height: 0%;
display: block;
background-color: transparent;
}

::-webkit-scrollbar-track-piece  {
/*background-color:#F5F5F5;*/
}
::-webkit-scrollbar-thumb:vertical {
height: 50px;
background-color: #666;
border: 1px solid #eee;
-webkit-border-radius: 4px;
}

    /*==========  Mobile First Method  ==========*/
.WDiv
{

/*position:relative;*/
height:100%;
width:100%;
color:white;
}
    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }


.MWFilterDiv
{
    display:block;
    
    border-bottom:1px lightgray solid;
    width:100%;
    height:18px;
    overflow:hidden;
    background-image: url(../Images/c1c1c1.png);
    margin-bottom:2px;

}


.MWFilterButtonDiv
{

    display:block;
    float:left;
    background-image:url(../Images/black.png);
    padding:2px;
    border:1px lightgray solid;
    cursor:pointer;
    margin:3px;
    height:16px;
    font-family: Helvetica, Arial, Geneva, ms sans serif;
    font-size: 8px;
    color: white;
}



.MWFilterButtonDiv:hover
{


    border:1px white solid;
}


.WInsideDiv
{
/*position:relative;
height:100%;*/
width:100%;
height:100%;
/*
overflow-y:scroll;
*/
-webkit-overflow-scrolling: touch;

}

.WFilterDiv
{
    display:none;
    margin-top:20px;
    border-bottom:1px lightgray solid;
    width:100%;
    height:24px;
    overflow:hidden;
    background-image: url(../Images/c1c1c1.png);
    margin-bottom:4px;

}
.WPCAspectDiv
{
display:none;
}

.WFilterButtonDiv
{

    display:block;
    float:left;
    background-image:url(../Images/black.png);
    padding:2px;
    border:1px lightgray solid;
    cursor:pointer;
    margin:3px;
    height:22px;
    font-family: Helvetica, Arial, Geneva, ms sans serif;
    font-size: 11px;
    color: white;
}



.WFilterButtonDiv:hover
{


    border:1px white solid;
}

.WOpenPagesDiv
{
float:left;

width:auto;

padding-top:8px;
}



.WPTaskbarButtonDiv
{

    display:none;
    float:left;
    background-image:url(../Images/black.png);
    padding:5px;
    border:1px lightgray solid;
    cursor:pointer;
    margin-left:4px;
}

.WPTaskbarButtonDiv:hover
{


    border:1px white solid;
}

.WPTaskbarButtonDivOn
{
/*float:left;*/

width:auto;
height:32px;
background-color:#2d2d33 ;

color: white; 
border:1px #3b5998 solid;
cursor:pointer;
margin-bottom:2px;
margin-top:2px;
margin-left:2px;
margin-right:4px;
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.80);
-moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.80);
-webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.80);
    
}


.WPButtonCloseDiv
{
    cursor:pointer;
    display:none;
    float: right;
}
.WPTaskbarButtonIconDiv
{

float:left;
overflow:hidden;
width:auto;
color: #373738; 
font-family: Helvetica, Arial, Geneva, ms sans serif;
font-size: 10px;
font-weight: normal;
text-decoration: none;
text-align: left;
white-space: nowrap;

padding-left:4px;
padding-top:2px;

}
.WPTaskbarButtonTextDiv
{
float:left;
overflow:hidden;
width:auto;
font-family: Helvetica, Arial, Geneva, ms sans serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-align: left;
white-space: nowrap;

padding-left:5px;
padding-top:5px;
padding-right:5px;
}

.WCAddressDiv
{
    display:none;
}

.WPTitleBarDiv
{

position:absolute;


width:100%;
left:0px;
height:22px;
background-image:url(../Images/black.png);
top:0px;

margin-bottom:3px;
z-index:1;
/*
-webkit-overflow-scrolling: touch;
*/
display:block;

color:white;
font-size: smaller;
cursor:pointer;
}

.WTitleBarDiv
{

position:absolute;


width:100%;
left:0;
height:40px;
background-image:url(../Images/c1c1c1.png);
bottom:0px;
overflow-x:scroll;

margin-bottom:3px;
z-index:1;
/*
-webkit-overflow-scrolling: touch;
*/

display:none;

}
.WTitleBarInsideDiv
{

height:100%;
overflow:hidden;
}
.WTitleAdDiv
{
/*float:right;*/
}


.WTitleDiv
{
cursor:pointer;
height:100%;
width:70px;;
float:left;
/*position:relative;*/
padding-top:6px;
}

.WTitleSubTitleDiv 
{

/*float:left;*/
width:auto;
height:auto;
}

.WTitleText 
{
overflow:hidden;
width:auto;
height:30px;
color: #373738; 
font-family: Helvetica, Arial, Geneva, ms sans serif;
font-size: 12px;

font-weight: bold;

text-decoration: none;
text-align: left;
white-space: nowrap;
margin-top:0px;
padding-left:4px;
padding-top:6px;

/*float:left;*/
display:none;
}

.WTitleIcon 
{
overflow:hidden;

/*float:left;*/

border:1px white solid;
height:45px;
width:52px;
}





.WSubTitleText 
{
overflow:hidden;
width:auto;
color: #373738; 
font-family: Helvetica, Arial, Geneva, ms sans serif;
font-size: 10px;
height:15px;

font-weight: bold;

text-decoration: none;
text-align: left;
white-space: nowrap;
padding-top:9px;
padding-left:4px;
padding-right:15px;
display:none;
}
.WTitleImageCreditShortNameMenuDiv
{
/*float:right;*/
overflow:hidden;
width:100px;
    height:100%;
    
}

.WTitleImageCreditShortNameDiv
{
    height:100%;
    width:100%;
    padding-top:2px;
    overflow:hidden;
}

.WSearchTextDiv
{
/*MGB
position:absolute;
*/
display:none;
bottom:15px;
right:30px;
width:250px;
background-color:white;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding-left:3px;
}
.WSearchButtonDiv
{

padding-right:6px;
padding-left:3px;
padding-top:6px;
cursor:pointer;
}

.WSearchButtonDiv:hover
{
background-color:White;
} 

.WTitleShortNameTextDiv
{
/*float:right;*/
overflow:hidden;
width:auto;
color: #373738; 
font-family: Helvetica, Arial, Geneva, ms sans serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
text-align: left;
white-space: nowrap;
padding-top:6px;
padding-left:5px;
padding-right:5px;
margin-right:2px;
display:none;
border-right:1px #f1f1f1 solid;
height:40px;
}

.WTitleShortNameTextDiv a:visited
{
color:blue;
text-decoration:none;
}

.WTitleShortNameTextDiv a
{
color:blue;
text-decoration:none;
}

.WTitleShortNameTextDiv a:hover{
text-decoration:underline;
}

.WTitleImageCreditSearchButtonDiv
{
/*float:right;*/

padding-right:6px;
padding-left:3px;
padding-top:6px;
overflow:hidden;
} 

.WTitleImageCreditDiv
{

padding-right:6px;
padding-left:3px;
padding-top:6px;
cursor:pointer;
} 

.WCInfoSaveDiv
{
    display:none;
}
.WShortNameDiv
{
    display:none;
}
.WTitleImageCreditDiv:hover
{
background-color:White;
} 


.WTitleMenuShareDiv
{
/*float:right;*/
overflow:hidden;
width:auto;
color: #373738; 
font-family: Helvetica, Arial, Geneva, ms sans serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
text-align: left;
white-space: nowrap;
padding-top:4px;
padding-left:5px;
padding-right:5px;
margin-right:2px;

border-right:1px #f1f1f1 solid;
height:100%;

}

.WChildGreetingDiv
{
/*MGB
position:absolute;
*/

/*float:left;*/
width:100%;
bottom:55px;
display:none;
}

.WChildGreetingInsideDiv
{
height:auto;
/*float:left;*/
width:100%;
overflow:hidden;
color: #373738; 
font-family: Helvetica, Arial, Geneva, ms sans serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
text-align: left;
overflow-x:hidden;
overflow-y:auto;
scrollbar-3dlight-color:#gray; 
scrollbar-arrow-color:gray; 
scrollbar-base-color:#c1c1c1; 
scrollbar-darkshadow-color:#gray; 
scrollbar-face-color:#c1c1c1; 
scrollbar-highlight-color:gray; 
scrollbar-shadow-color:#000000; 
background-image:url(../Images/c1c1c1.png);
padding:2px;
}

.Fullview
{

display:none;
/*height:100%;*/
border-bottom:1px lightgray solid;



margin-top:30px;
padding:4px;
overflow:hidden;
width:100%;

}


.SiteFullview
{
    background-color:white;
    border-radius: 5px;
}

.Preview
{

display:block;
margin-top:20px;
padding:4px;
overflow:hidden;
width:100%;
}

.MCSitePreview
{
    margin:1px;
    background-image:url(../Images/c1c1c1.png);
    width: 18px;
    overflow:hidden;
float:left;
border:1px lightgray solid;
}

.SitePreview
{
    margin:2px;
    background-image:url(../Images/c1c1c1.png);
    width: 36px;
    overflow:hidden;
float:left;
border:1px lightgray solid;
}
.SitePreview:hover {
    background-color:white;
    cursor:pointer;
    color:black;
}

.SiteIconPreview
{
    padding-left:5px;
}

.SiteIconFullView {
    margin:auto;
}


.SiteHeadlinePreview 
{

text-align: center;
padding:0px;
font-size:11px;
font-weight:bold;
}


.FeedPreview
{
    margin:2px;
    background-image:url(../Images/c1c1c1.png);
    width: 96px;
    overflow:hidden;
float:left;
border:1px lightgray solid;

}
.FeedPreview:hover {
    background-color:white;
    cursor:pointer;
    color:black;
}

.FeedIconPreview
{

}

.FeedIconFullView {
    margin:auto;
}


.FeedHeadlinePreview 
{

text-align: center;
padding:0px;
font-size:11px;
font-weight:bold;
}


.VideoPreview
{
    margin:2px;
    background-image:url(../Images/c1c1c1.png);
    width: 108px;
    overflow:hidden;
float:left;
border:1px lightgray solid;
}
.VideoPreview:hover {
    background-color:white;
    cursor:pointer;
    color:black;
}

.VideoIconPreview
{

}

.VideoIconFullView {
    margin:auto;
}


.VideoHeadlinePreview 
{

text-align: center;
padding:0px;
font-size:11px;
font-weight:bold;
}




.SiteHeadlineFullview {
cursor:pointer;
font-weight:bold;
font-family: Helvetica, Arial, Geneva, ms sans serif;
font-size: 14px;
text-align: left;
height:24px;
padding-top: 5px;
padding-left: 3px;
white-space: normal;
overflow:hidden;
/*float:left;*/
width:75%;

}

.TopRowCellHeadlineFullViewAddress {
cursor:pointer;
font-weight:bold;
font-family: Helvetica, Arial, Geneva, ms sans serif;
font-size: 12px;
text-align: left;
height:16px;
padding-top: 8px;
padding-left: 3px;
white-space: nowrap;
overflow:hidden;

color:blue;
width:50%;
}




.TopRowCellHeadlineDescription
{
width:90%;
overflow:hidden;
font-family: Helvetica, Arial, Geneva, ms sans serif;
font-size: 10px;
padding-left:5px;
}



.WAreaDiv
{
width:100%;
height:100%;
background-size:100% 100%;
display:block;
margin-bottom:30px;
}


.DesktopDiv
{
   
 position:absolute;
 top:6px;
 left:0px;
 right:0px;
 bottom:0px;
}




.WDivTop
{
margin: 0 auto;
margin-top:10px;
overflow:hidden;

}
.WTypeDiv
{
    display:none;
}
.WTouchDiv
{
    display:none;
}
.WGearDiv
{
/*float:left;*/
    width:15px;
    height:15px;
    cursor:pointer;
    padding-top:2px;
padding-left:2px;

    display:none;
    background-color:white;
}
.WDeleteDiv
{
/*float:left;*/
    width:15px;
    height:15px;
    cursor:pointer;
    padding-top:2px;
padding-left:2px;

    display:none;
    background-color:white;
}
.WPlaceHolderDiv
{
display:none;

overflow:hidden;
/*float:left;*/
width:100%;
height:100%;

}







.WPZoomDiv
{
position:fixed;
border:1px white solid;
display:none;
/*background-color:white;*/
background-image:url(../Images/c1c1c1.png);
box-shadow: 0px 0px 47px rgba(0, 0, 0, 0.51);
-moz-box-shadow: 0px 0px 47px rgba(0, 0, 0, 0.51);
-webkit-box-shadow: 0px 0px 47px rgba(0, 0, 0, 0.51);    
display:none;
    } 
.WPZoomingDiv
{
display:block;
visibility:hidden;
overflow:hidden;
border:1px white solid;


    box-shadow: 0px 0px 47px rgba(0, 0, 0, 0.51);
    -moz-box-shadow: 0px 0px 47px rgba(0, 0, 0, 0.51);
    -webkit-box-shadow: 0px 0px 47px rgba(0, 0, 0, 0.51);    


    } 

.WDisabledDiv
{
position:absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
display:none;

background-color:#000000;

opacity:0.60;
-moz-opacity:0.60;
} 

.WPopupDivTop
{
position:absolute;
display:none;
/*
*/
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
overflow:hidden;
padding-left:4px;
padding-bottom:8px;
padding-top:4px;
padding-right:4px;

background-color:White;

border:1px gray solid;
} 


.WPopupInsideDiv
{
/*MGB
position:absolute;
*/

height:99%;
width:99%;
overflow:hidden;
background-color:White;

} 
.WEditDiv
{
/*MGB
position:absolute;
*/
overflow:hidden;
left: 0px;
top: 0px;
padding:5px;
display:none;
background-image:url(../Images/c1c1c1.png);
border:1px gray solid;
overflow-y:auto;

} 

 


.MInsideDiv
{
height:100%;
width:100%;
    padding-top: 30px;
    /*
margin-top: 20px;
        */
}

.MWDiv
{
    height:100%;
   /* overflow-y:scroll;*/
    background-size:100% 100%;

}
.MWInsideDiv
{
    /*
overflow:hidden;
height: 100%;
width: 100%;

    margin: 0 auto;
        */
}
.MPDiv
{
/*
overflow-y:scroll;
background-image: url(../Images/c1c1c1.png);
*/
height:100%;
width:100%;
}

.MPDivRound
{
border-radius:50%;
background-image:url(../Images/c1c1c1.png);
height: 100%;
width:100%;
border:1px lightgray solid;
overflow:hidden;
}


.MPDivRound:hover
{

border:1px white solid;

}


.MDiv 
{
    overflow:hidden;

}

.MPRowDiv
{
overflow:hidden;
width:100%;

cursor:pointer;

background-color:#2d2d33 ;
color:white;
}
.MPHeading
{
    background-image:url(../Images/black.png);
    height:13px;
    font-family:Arial;
    font-size:10px;

    color:white;
    white-space: nowrap;
}
.MPInsideDiv
{
    /**/
width:100%;
height:100%;
/*
    
    overflow-y:scroll;*/
border:1px lightgray solid;
/*
background-image: url(../Images/c1c1c1.png);
*/
min-height:30px;

}
.MPInsideDiv:hover
{
border:1px white solid;

}

.MPTextDiv
{
/*float:left;*/
overflow:hidden;
width:auto;
font-family: Helvetica, Arial, Geneva, ms sans serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
text-align: left;
white-space: nowrap;
/*this is required to fix events not firing when there is an AlphaImageLoader filter*/
/*position:relative;*/


}


.MCDiv
{
/*position:relative;*/
cursor:pointer;
width:100%;
height:100%;
overflow:hidden;
}
.MCInsideDiv
{
width:100%;
height:100%;
overflow:hidden;

}


.MCPreview
{

width:auto;
margin:1px;

background-color:white;
}



.MNWDiv
{

    height:16px;
    width:16px;
/*float:left;*/
    bottom:80px;
    width:auto;
    border-top:1px lightgray solid;
    border-right:1px lightgray solid;

box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.80);
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.80);
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.80);


margin-left:2px;
margin-top:2px;


border:1px #3b5998 solid;
cursor:pointer;
}

.MNWDiv:hover
{
border:1px white solid;
background-color:#FFFFCC;

}

.MNPDiv
{

width:16px;
height:16px;
overflow:hidden;
/*position:relative;*/
margin-left:2px;
margin-top:2px;

border:1px #3b5998 solid;

/*float:left;*/
display:none;
}

.MNPDiv:hover
{
border:1px white solid;
background-color:#FFFFCC;

}


.NDivInside
{
    height:100%;
    overflow:hidden;



overflow:hidden;

}

.NDiv
{
/*float:left;*/
display:none;
    bottom:80px;
    width:auto;

box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.80);
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.80);
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.80);


}

.NGDiv
{
height:auto;
width:auto;
overflow:hidden;

/*float:left;*/
max-height:150px;


display:none;
}
.NGInsideDiv
{
width:100%;
height:100%;

  	overflow: hidden;

padding-bottom:2px;

}

.NGInsideBodyDiv
{
width:100%;
height:95%;
/*
-webkit-overflow-scrolling: touch;
*/
overflow-x: scroll;
overflow-y: hidden;


}

.NGInsideRowDiv
{
 height:100%;
 width:100%;
}

.NGRowDiv
{
overflow:hidden;
width:auto;
color: #373738; 
font-family: Helvetica, Arial, Geneva, ms sans serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-align: left;
white-space: nowrap;

padding-left:3px;
cursor:pointer;

display:none;
}


.NWDiv
{
    display:none;
    height:24px;
    width:24px;
/*float:left;*/
    bottom:80px;
    width:auto;
    border-top:1px lightgray solid;
    border-right:1px lightgray solid;

box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.80);
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.80);
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.80);


margin-left:2px;
margin-top:2px;


border:1px #3b5998 solid;
cursor:pointer;
}

.NWDiv:hover
{
border:1px white solid;
background-color:#FFFFCC;

}

.NPDiv
{



width:24px;
height:24px;
overflow:hidden;
/*position:relative;*/
margin-left:2px;
margin-top:2px;

border:1px #3b5998 solid;

/*float:left;*/
display:none;
}

.NPDiv:hover
{
border:1px white solid;
background-color:#FFFFCC;

}

.NPRowDiv
{
overflow:hidden;
width:100%;

cursor:pointer;

background-color:lightgray;
color:Black;
display:none;
}

.NPInsideDiv
{
width:100%;
height:100%;
overflow:hidden;

}



.NCDiv
{
cursor:pointer;
width:100%;
height:100%;
overflow:hidden;
height:24px;
width:24px;
}
.NCInsideDiv
{
width:100%;
height:100%;
overflow:hidden;


}








.WViewAreaPreviewDiv
{
    

/*
float:left;
padding-top:4px;
padding-left:5px;
*/
width: 100%;
overflow:hidden;
height:100%;
}
.WFullViewDiv
{
height: 100%;
width: 100%;

    margin: 0 auto;
}


.WPOutsideDiv {
    padding:2px;
}


.WPDiv
{

background-image:url(../Images/c1c1c1.png);
height: 100%;
width:100%;
border:1px lightgray solid;
overflow:hidden;
}


.WPDiv:hover
{

border:1px white solid;

}

.WPDivRound
{
border-radius:50%;
background-image:url(../Images/c1c1c1.png);
height: 100%;
width:100%;
border:1px lightgray solid;
overflow:hidden;
}


.WPDivRound:hover
{

border:1px white solid;

}

.WPZoomingImageDiv
{
display:none;

/*position:relative;*/
/*float:left;*/
overflow: hidden;
width:100%;
height:100%;



background-size:100% 100%;
-moz-background-size:100% 100%;


}


.WPPlaceHolderBackgroundDiv
{
font-family: Helvetica, Arial, Geneva, ms sans serif;
font-size: 10px;
color:gray;

height:100%;
width:100%;
margin-top:15px;

background-image:url(../Images/c1c1c1.png);


}




.WPPlaceHolderDiv
{
display:none;

margin-top:4px;
/*position:relative;*/
/*float:left;*/
overflow: hidden;
width:100%;
height:100%;
border:1px black solid;

background-size:100% 100%;


}
.WPPlaceHolderDiv:hover
{
border:1px white solid;
}
.WPPlaceHolderText {
color: #000000; 
font-family: Helvetica, Arial, Geneva, ms sans serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
text-align: left;
white-space: nowrap;
padding-bottom:0px;
/*float:left;*/
width:100%;
cursor:default;
height:14px;
overflow:hidden;


border-bottom:1px #f1f1f1 solid;
background-color:#c1c1c1;

}


.WPInsideDiv
{
/*float:left;*/
width:100%;
height:100%;


}



.WPIconDiv
{
display:none;

margin-top:4px;
margin-left:6px;
margin-right:6px;
overflow:hidden;
/*float:left;*/
cursor:pointer;
}



.WPHeadingFocusLargeDiv
{
width:100%;
height:auto;
overflow:hidden;

cursor:default;
/*position:relative;*/
top:0px;
left:0px;


background-color:#2d2d33 ;


z-index:1;
}



.WPHeadingDiv
{
overflow:hidden;

cursor:default;

left:2px;
right: 2px;
background-color:#2d2d33 ;


z-index:1;
height:16px;
/*position:absolute;*/
}

.WMenuHeadingDiv
{
overflow:hidden;

cursor:default;



background-color:#2d2d33 ;
left:0px;
right: 0px;

z-index:1;
height:16px;
/*position:absolute;*/
}
.WPHeadingInsideDiv
{
white-space:nowrap;
    overflow:hidden;
height:100%;
}

.WPCHeadingDiv
{
/*position:relative;*/
padding-left:2px;
width:auto;
height:100%;
overflow:hidden;
display:none;
}

.WPGreetingDiv {
padding-left:6px;

height:auto;


white-space: nowrap;

}

.WPGreetingInsideDiv {
color: #ffffff; 
font-family: Helvetica, Arial, Geneva, ms sans serif;
font-size: 10px;
font-weight: normal;
text-align: left;
width:100%;
padding:2px;
padding-top:5px;


}


.WGUpMenuDiv
{

cursor:default;
width:100%;
height:15px;
margin-top:2px;
margin-right:4px;
/*position:relative;*/
background-color:white;
border-bottom:1px gray solid;

}
.WGUpMenuDiv:hover
{
background-color:#316AC5;
color:White;
}

.WGUp
{
/*float:left;*/
    padding:2px;

font-family: Helvetica, Arial, Geneva, ms sans serif;
font-size: 10px;
font-weight: bold;
cursor:pointer;
}

.WGUp:hover
{
    color:yellow;
}

.WGUpDiv
{
    display:none;
}
.WGPageCountDiv
{
    display:none;
}
.WGGearDiv
{
 
/*float:left;*/
width:15px;
    height:15px;
cursor:pointer;
padding-left:2px;
display:none;
    background-color:white;

}
.WGDeleteDiv
{

/*float:left;*/
width:15px;
    height:15px;
cursor:pointer;
padding-left:2px;
display:none;
    background-color:white;

}

.WPGearDiv
{

/*float:left;*/
    width:15px;
    height:15px;
cursor:pointer;
padding-top:1px;
padding-left:2px;


display:none;
    background-color:white;

}
.WPDeleteDiv
{

/*float:left;*/
    width:15px;
    height:15px;
cursor:pointer;
padding-top:1px;
padding-left:2px;


display:none;
    background-color:white;

}
.WCGearDiv
{

/*float:left;*/
    width:15px;
    height:15px;
cursor:pointer;
padding-top:1px;
padding-left:2px;

display:none;
    background-color:white;

}
.WCDeleteDiv
{

/*float:left;*/
    width:15px;
    height:15px;
cursor:pointer;
padding-top:1px;
padding-left:2px;

display:none;
    background-color:white;

}
.WPSuggestDiv
{
position:absolute;
/*float:right;*/
width:auto;
height:18px;
right:40px;
display:none;
cursor:pointer;
margin-top:1px;
margin-right:2px;
z-index:2;
color:White;
font-family: Helvetica, Arial, Geneva, ms sans serif;
font-size: 10px;
font-weight: normal;
text-decoration:underline;


}
/*
.WPSuggestDiv
{
position:absolute;
float:right;
width:auto;
height:15px;
cursor:pointer;
padding-top:4px;
overflow:hidden;
color:White;
font-family: Helvetica, Arial, Geneva, ms sans serif;
font-size: 10px;
font-weight: normal;
text-decoration:underline;

}
*/
.WGButtonMinimizeDiv
{
/*float:right;*/
cursor:default;
width:15px;
height:15px;

margin-top:1px;

display:none;

}
.WGButtonMinimizeDiv:hover
{

}

.WGButtonMaximizeDiv
{
/*float:right;*/
cursor:default;
width:15px;
height:15px;
background-repeat:no-repeat;
margin-top:1px;
display:none;

}
.WGButtonMaximizeDiv:hover
{

}

.WPButtonsDiv
{
top:0px;
right:2px;
cursor:default;
width:auto;
height:auto;

display:none;

overflow:hidden;
/*position:absolute;*/

overflow:hidden;
top:0px;
right:0px;
bottom:0px;
width:32px;
}

.WGButtonCloseDiv
{
/*float:right;*/
cursor:default;
width:15px;
height:15px;
display:none;

margin-top:1px;

}
.WGButtonCloseDiv:hover
{

}

.WPTextTabsDiv
{

height:auto;
/*float:left;*/
width:60%;

}



.WPTextDiv 
{
padding-top:0px;
padding-right:1px;
padding-left:2px;
height:auto;
width:100%;


}




.WPText 
{
    color: #ffffff;
    font-family: Helvetica, Arial, Geneva, ms sans serif;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    white-space: nowrap;
    padding-bottom: 0px;
    padding-left: 3px;
    font-size: 10px;
    margin-top: 2px;
    width: auto;
    /*
    cursor: default;
        */
    white-space: nowrap;
}

.WPDescriptionDiv 
{
padding-top:4px;
padding-right:1px;
padding-left:5px;
height:auto;
width:auto;
/*float:left;*/
display: none;
}


.WPDescription {
color: #ffffff; 
font-family: Helvetica, Arial, Geneva, ms sans serif;
font-weight: bold;
text-decoration: none;
text-align: left;
white-space: nowrap;
padding-bottom:0px;
padding-left:3px;
font-size: 10px;
margin-top:2px;

width:auto;
cursor:default;
white-space: nowrap;

}

.WCDiv 
{


width:100%;
height:100%;


overflow:hidden;
top:15px;
bottom:0px;

}
.WPCDiv 
{

width:100%;
height:100%;
overflow:hidden;



}
.WCLoadingDiv
{
position:absolute;
left: 3px;
top: 4px;
z-index:1;

display:block;

padding:1px;
} 

.WCTextDiv 
{
/*position:relative;*/
/*float:left;*/
width:100%;
cursor:pointer;
border-left:1px #f1f1f1 solid;
border-top:1px #f1f1f1 solid;
border-right:1px #f1f1f1 solid;
overflow:hidden;
height:16px;
color:#ffffff;
margin-left:2px;
margin-top:8px;
padding-left:3px;
padding-right:4px;
}

.WCText 
{
font-family: Helvetica, Arial, Geneva, ms sans serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
text-align: left;
white-space: nowrap;
padding-top:0px;
padding-bottom:0px;
width:auto;
/*float:left;*/
}


.WCInfoDiv
{

height:100%;
width:100%;

/*
overflow-x:hidden;
overflow-y:auto;
-webkit-overflow-scrolling: touch;
*/

}

.WCInfoChildDiv
{
/*position:relative;*/
overflow:hidden;

height: 100%;
width: 100%;


}
.WChildAreaDiv
{

width: 100%;


} 
.WChildDiv
{


width:100%;
height:100%;

}

.WChildInsideDiv
{

width:100%;
height:100%;


}

.WChildImageDiv
{

background-size:100% 100%;
-moz-background-size:100% 100%;
/*position:absolute;*/
width: 100%;
height: 100%;
left: 0px;
top: 0px;
z-index:0;
} 



.WChildTitleBarDiv
{
display:none;

/*MGB
position:absolute;
*/
width:100%;
bottom:0;
left:0;
z-index:1;
height:25px;
background-image:url(../Images/titlebg3.png);
background-image:url(../Images/c1c1c1.png);

overflow:hidden;
margin-bottom:25px;


display:none;
}

.WCAddressPlaceHolderDiv
{
width: 100%;
display:none;
}

.WColumnsDiv
{

/*MGB
position:absolute;
*/
/*
overflow-x:scroll;
overflow-y:hidden;
    */
height:100%;
    width:100%;



}

.WColumnsInsideDiv
{
    height:100%;
    width:auto;
    overflow-y: scroll;
    padding-bottom:80px;

}

.logdiv
{
display:none;
/*float:left;*/
width:100%;
height:250px;
left:200px;
background-color:white;
font-family: Helvetica, Arial, Geneva, ms sans serif;
font-size:12px;
position: absolute;
z-index:1000000;

overflow:scroll;
-webkit-overflow-scrolling: touch;

}

.WPopupLoadingDiv
{
position:absolute;

left: 15px;
top:80px;

}

 
.WEditLoadingDiv
{
position:absolute;
display:none;

}
 

.WChildTitleTextDiv
{
overflow:hidden;
color: #373738; 
font-family: Helvetica, Arial, Geneva, ms sans serif;
font-size: 12px;

font-weight: bold;

text-decoration: none;
text-align: left;
white-space: nowrap;
    width:auto;
    height:100%;
    padding:2px;
}
.WTitleSubTitleIconTextDiv
{
/*float:left;*/
    padding-left:6px;

    overflow:hidden;
    width:auto;
    height:auto;
}



/*
 The DragResize object name is automatically applied to all generated
 corner resize handles, as well as one of the individual classes below.
*/
.dragresize {
 position: absolute;
 width: 5px;
 height: 5px;
 font-size: 1px;
 background: #EEE;
 border: 1px solid #333;
}

/*
 Individual corner classes - required for resize support.
 These are based on the object name plus the handle ID.
*/
.dragresize-tl {
 top: -8px;
 left: -8px;
 cursor: nw-resize;
}
.dragresize-tm {
 top: -8px;
 left: 50%;
 margin-left: -4px;
 cursor: n-resize;
}
.dragresize-tr {
 top: -8px;
 right: -8px;
 cursor: ne-resize;
}

.dragresize-ml {
 top: 50%;
 margin-top: -4px;
 left: -8px;
 cursor: w-resize;
}
.dragresize-mr {
 top: 50%;
 margin-top: -4px;
 right: -8px;
 cursor: e-resize;
}

.dragresize-bl {
 bottom: -8px;
 left: -8px;
 cursor: sw-resize;
}
.dragresize-bm {
 bottom: -8px;
 left: 50%;
 margin-left: -4px;
 cursor: s-resize;
}
.dragresize-br {
 bottom: -8px;
 right: -8px;
 cursor: se-resize;
}

.WTaskbarDiv {


position:absolute;


width:100%;
left:0;
/*height:55px;*/
background-image:url(../Images/c1c1c1x.png);
bottom:0px;


margin-bottom:3px;
z-index:999999999;
/*
-webkit-overflow-scrolling: touch;
*/
display:none;

}

.WCLayoutDiv {

display:none;
}

.WPWorkspaceIDDiv
{
background-color:white;
display:none;
}
.MPREVIEWHIDDEN 
{
    display:none;
}

.WPWorkspaceUpDiv
{
background-color:white;
display:none;
}

.WViewAreaPreviewNestDiv
{
/*position:absolute;*/
bottom:0px;
height:29px;
overflow:hidden;
/*
background-image:url(../Images/c1c1c1.png);
*/
width:100%;
}

.MCWChildViewAreaPreviewNestDiv
{
/*position:absolute;*/
bottom:0px;
overflow:hidden;
background-image:url(../Images/c1c1c1.png);
width:100%;
height:36px;
display:none;
}


    div.spinner {
      position: relative;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    div.spinner div {
      width: 12%;
      height: 26%;
      background: #000;
      position: absolute;
      left: 44.5%;
      top: 37%;
      opacity: 0;
      -webkit-animation: fade 1s linear infinite;
      -webkit-border-radius: 50px;
      -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    }
    
    div.spinner div.bar1 {-webkit-transform:rotate(0deg) translate(0, -142%); -webkit-animation-delay: 0s;}    
    div.spinner div.bar2 {-webkit-transform:rotate(30deg) translate(0, -142%); -webkit-animation-delay: -0.9167s;}
    div.spinner div.bar3 {-webkit-transform:rotate(60deg) translate(0, -142%); -webkit-animation-delay: -0.833s;}
    div.spinner div.bar4 {-webkit-transform:rotate(90deg) translate(0, -142%); -webkit-animation-delay: -0.75s;}
    div.spinner div.bar5 {-webkit-transform:rotate(120deg) translate(0, -142%); -webkit-animation-delay: -0.667s;}
    div.spinner div.bar6 {-webkit-transform:rotate(150deg) translate(0, -142%); -webkit-animation-delay: -0.5833s;}
    div.spinner div.bar7 {-webkit-transform:rotate(180deg) translate(0, -142%); -webkit-animation-delay: -0.5s;}
    div.spinner div.bar8 {-webkit-transform:rotate(210deg) translate(0, -142%); -webkit-animation-delay: -0.41667s;}
    div.spinner div.bar9 {-webkit-transform:rotate(240deg) translate(0, -142%); -webkit-animation-delay: -0.333s;}
    div.spinner div.bar10 {-webkit-transform:rotate(270deg) translate(0, -142%); -webkit-animation-delay: -0.25s;}
    div.spinner div.bar11 {-webkit-transform:rotate(300deg) translate(0, -142%); -webkit-animation-delay: -0.1667s;}
    div.spinner div.bar12 {-webkit-transform:rotate(330deg) translate(0, -142%); -webkit-animation-delay: -0.0833s;}
 
     @-webkit-keyframes fade {
      from {opacity: 1;}
      to {opacity: 0.25;}
    }
    

    




.grid {

  /*
    background: #DDD;
  */
    margin: 0 auto;

}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}
/* clearfix */
.packery:after {
  content: ' ';
  display: block;
  clear: both;
}
/* ---- .grid-item ---- */

.grid-item {
  float: left;
  width: 120px;
  height: 120px;

/*
  background: #0D8;
  border-color: hsla(0, 0%, 0%, 0.7);
*/
}

.grid-item--square { height: 120px; }


.grid-item--width2 { width: 240px; }
.grid-item--height2 { height: 240px; }

.grid-item--widthhalf { width: 60px; }
.grid-item--heighthalf { height: 60px; }


.mgrid-item {
  float: left;
  width: 50px;
  height: 50px;

/*
  background: #0D8;
  border-color: hsla(0, 0%, 0%, 0.7);
*/
}
.mgrid-item--square { height: 50px; }


.mgrid-item--width2 { width: 100px; }
.mgrid-item--height2 { height: 100px; }

.WMenuDiv {
    display:none;
    position:absolute;
    overflow-y:scroll;
}
.WMenuText {
    /*position:absolute;*/
    display:none;
}

.WMenu
{
    height:100%;
    width:100%;
}

/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}