/* Minification failed. Returning unminified contents.
(1750,30): run-time error CSS1046: Expect comma, found '231'
(1750,38): run-time error CSS1046: Expect comma, found '/'
 */
/** headroom.js animated styles **/
.slide{
  -webkit-transition:all .25s ease-in-out;
  -moz-transition:all .25s ease-in-out;
  -o-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out;
}

.slide--reset{
  -webkit-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
}

.slide--up{
  -webkit-transform:translateY(-100%);
  -ms-transform:translateY(-100%);
  transform:translateY(-100%);
}


.animated{
  -webkit-animation-duration:.5s;
  -moz-animation-duration:.5s;
  -o-animation-duration:.5s;
  animation-duration:.5s;
  -webkit-animation-fill-mode:both;
  -moz-animation-fill-mode:both;
  -o-animation-fill-mode:both;
  animation-fill-mode:both;
}

@-webkit-keyframes slideDown{
  0%{ -webkit-transform:translateY(-100%)}
  100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes slideDown{
  0%{-moz-transform:translateY(-100%)}
  100%{-moz-transform:translateY(0)}
}
@-o-keyframes slideDown{
  0%{-o-transform:translateY(-100%)}
  100%{-o-transform:translateY(0)}
}
@keyframes slideDown{
  0%{transform:translateY(-100%)}
  100%{transform:translateY(0)}
}

.animated.slideDown{
  -webkit-animation-name:slideDown;
  -moz-animation-name:slideDown;
  -o-animation-name:slideDown;
  animation-name:slideDown;
}
@-webkit-keyframes slideUp{
  0%{-webkit-transform:translateY(0)}
  100%{-webkit-transform:translateY(-100%)}
}

@-moz-keyframes slideUp{
  0%{-moz-transform:translateY(0)}
  100%{-moz-transform:translateY(-100%)}
}

@-o-keyframes slideUp{
  0%{-o-transform:translateY(0)}
  100%{-o-transform:translateY(-100%)}
}
@keyframes slideUp{
  0%{transform:translateY(0)}
  100%{transform:translateY(-100%)}
}

.animated.slideUp{
  -webkit-animation-name:slideUp;
  -moz-animation-name:slideUp;
  -o-animation-name:slideUp;
  animation-name:slideUp;
}

@-webkit-keyframes swingInX{
  0%{-webkit-transform:perspective(400px) rotateX(-90deg)}
  100%{-webkit-transform:perspective(400px) rotateX(0deg)}
}
@-moz-keyframes swingInX{
  0%{-moz-transform:perspective(400px) rotateX(-90deg)}
  100%{-moz-transform:perspective(400px) rotateX(0deg)}
}
@-o-keyframes swingInX{
  0%{-o-transform:perspective(400px) rotateX(-90deg)}
  100%{-o-transform:perspective(400px) rotateX(0deg)}
}
@keyframes swingInX{
  0%{transform:perspective(400px) rotateX(-90deg)}
  100%{transform:perspective(400px) rotateX(0deg)}
}

.animated.swingInX{
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ie-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  -webkit-backface-visibility:visible !important;
  -webkit-animation-name: swingInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: swingInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: swingInX;
  backface-visibility:visible !important;
  animation-name: swingInX;
}

@-webkit-keyframes swingOutX{
  0%{-webkit-transform:perspective(400px) rotateX(0deg)}
  100%{-webkit-transform:perspective(400px) rotateX(-90deg)}
}

@-moz-keyframes swingOutX{
  0%{-moz-transform:perspective(400px) rotateX(0deg)}
  100%{-moz-transform:perspective(400px) rotateX(-90deg)}
}
@-o-keyframes swingOutX{
  0%{-o-transform:perspective(400px) rotateX(0deg)}
  100%{-o-transform:perspective(400px) rotateX(-90deg)}
}
@keyframes swingOutX{
  0%{transform:perspective(400px) rotateX(0deg)}
  100%{transform:perspective(400px) rotateX(-90deg)}
}

.animated.swingOutX{
  -webkit-transform-origin: top;
  -webkit-animation-name: swingOutX;
  -webkit-backface-visibility:visible !important;
  -moz-animation-name: swingOutX;
  -moz-backface-visibility:visible !important;
  -o-animation-name: swingOutX;
  -o-backface-visibility: visible !important;
  animation-name: swingOutX;
  backface-visibility:visible !important}


@-webkit-keyframes flipInX{
  0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}
  100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}
}
@-moz-keyframes flipInX{
  0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}
  100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}
}
@-o-keyframes flipInX{
  0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}
  100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}
}
@keyframes flipInX{
  0%{transform:perspective(400px) rotateX(90deg);opacity:0}
  100%{transform:perspective(400px) rotateX(0deg);opacity:1}
}

.animated.flipInX{
  -webkit-backface-visibility:visible !important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@-webkit-keyframes flipOutX{
  0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}
  100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}
}
@-moz-keyframes flipOutX{
  0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}
  100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}
}
@-o-keyframes flipOutX{
  0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}
  100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}
}
@keyframes flipOutX{
  0%{transform:perspective(400px) rotateX(0deg);opacity:1}
  100%{transform:perspective(400px) rotateX(90deg);opacity:0}
}

.animated.flipOutX{
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -moz-animation-name: flipOutX;
  -moz-backface-visibility: visible !important;
  -o-animation-name: flipOutX;
  -o-backface-visibility: visible !important;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-200px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}

@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-200px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}

@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-200px)}60%{opacity:1;-o-transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-transform:translateY(0)}}

@keyframes bounceInDown{0%{opacity:0;transform:translateY(-200px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}

.animated.bounceInDown{
  -webkit-animation-name:bounceInDown;
  -moz-animation-name:bounceInDown;
  -o-animation-name:bounceInDown;
  animation-name:bounceInDown;
}
@-webkit-keyframes bounceOutUp{
  0%{-webkit-transform:translateY(0)}
  30%{opacity:1;-webkit-transform:translateY(20px)}
  100%{opacity:0;-webkit-transform:translateY(-200px)}
}
@-moz-keyframes bounceOutUp{
  0%{-moz-transform:translateY(0)}
  30%{opacity:1;-moz-transform:translateY(20px)}
  100%{opacity:0;-moz-transform:translateY(-200px)}
}
@-o-keyframes bounceOutUp{
  0%{-o-transform:translateY(0)}
  30%{opacity:1;-o-transform:translateY(20px)}
  100%{opacity:0;-o-transform:translateY(-200px)}
}
@keyframes bounceOutUp{
  0%{transform:translateY(0)}
  30%{opacity:1;transform:translateY(20px)}
  100%{opacity:0;transform:translateY(-200px)}
}

.animated.bounceOutUp{
  -webkit-animation-name:bounceOutUp;
  -moz-animation-name:bounceOutUp;
  -o-animation-name:bounceOutUp;
  animation-name:bounceOutUp;
}


body
{
	background-color: #F4F4F4;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;

    /* Needed to prevent right shift of page by bootstrap modal */
    padding-right: 0 !important ;
}


a, a:visited{
    font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
	text-decoration: none;
}

a:hover, a:visited:hover {
	font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
	color: #33CCFF;
	text-decoration: underline;
}


/* needed to remove border for images in hyperlinks */
a img, a:link img, a:visited img, a:hover img, a:active img { border:0 !important; }



h1{
	font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	color: #800000; 

    /* needed to remove bootstrap induced styling 
    margin-top: 10px;*/
	
	/* needed to remove space after the heading tag */
    margin-bottom : 0px;
    padding-bottom: 0px;
}

h2{
	font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #535353;
	text-align: left;

    /* needed to remove bootstrap induced styling 
    line-height: normal;
    margin-top: 10px;*/

	/* needed to remove space after the heading tag */
	margin-bottom: 0px;
	padding-bottom: 0px;
}

h3{
	font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	color: #333333;
	text-align: left; 
	
	/* needed to remove space after the heading tag */
	margin-bottom: 0px;
	padding-bottom: 0px;
}

h4{
    font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	color: #888888;
	text-align: left; 
	
	/* needed to remove space after the heading tag */
	margin-bottom: 0px;
	padding-bottom: 0px;
}


/* Header style needed for auto-hiding */

#header {
      /* positioning */
      display: block;
      width: 100%;
      height: 60px;
     
}

.fixed{
      position: fixed;
      right: 0;
      left: 0;
      top: 0;
      z-index: 10;
}

/* End of auto-hide header styles  */

.Table100
{
	border-color: #FFFFFF;
	border-style: none;
	width: 100%;
}


.TableTitleCell
{
	font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	color: #000066;
	text-align: left;
	vertical-align: bottom;
}


.TableSysMessage
{
	border: 1px solid #C0C0C0;
	padding: 2px 5px 2px 5px;
    background-color: white;

    /*Border Radius CSS3*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    border-radius: 4px;
}


.TableTopAlignedCell
{
	vertical-align: top;
}

.TableRightAlignedCell{
    text-align:right;
}

.TableVerticalMiddleAlignedCell
{
    vertical-align: middle;
}


/* version 5.5 div styles for home and user home pages */

.LargeIconDivLeft
{
    float: left;
	border: 1px solid #DCDCDC;
    margin: 20px 10px 10px 30px;

	text-align: center;

	/*Border Radius CSS3*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    border-radius: 4px;
}


.LargeIconDivLeft:hover
{
    float: left;
	border: 1px solid #9ecaed;
    margin: 20px 10px 10px 30px;

	text-align: center;

	/*Border Radius CSS3*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    border-radius: 4px;

    /* CSS 3 box shadow effect */
	-moz-box-shadow: 0 0 10px #9ecaed;
	-webkit-box-shadow: 0 0 10px #9ecaed; 
    box-shadow:0 0 10px #9ecaed; 
}


.LargeIconDiv
{
	border: 1px solid #DCDCDC;
    margin: 15px 20px 0px 80px;
    height:65px;
    width:65px;
	
	/*Border Radius CSS3*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    border-radius: 4px;
}

.LargeIconDiv:hover
{
	border: 1px solid #9ecaed;
	height:65px;
    width:65px;
	
	/*Border Radius CSS3*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    border-radius: 4px;
	
	/* CSS 3 box shadow effect */
	-moz-box-shadow: 0 0 10px #9ecaed;
	-webkit-box-shadow: 0 0 10px #9ecaed; 
    box-shadow:0 0 10px #9ecaed; 
}


.ToolsOffsetDiv{
    display:inline-block;
    margin: 0px 0px 0px 20px;
}


.ToolsHeightDiv {
    /*force min height*/
    min-height: 1760px;
}


.SystemMessageDiv {
    /* define padding */
    padding: 0px 50px 0px 50px;
}

/* end of version 5.5 styles for divs */


/* generic div styles */

.DivLeft {
    float: left;
}

.DivTextCenter {
    text-align: center;
}


.DivInlineBlock{
    display: inline-block;
}

.DivWordWrap {
    word-wrap: break-word;
}

.DivControlHidden{
    display: none;
}

.CenteredContentDiv{

    margin: 0 auto;
    width: 720px;

    /* positioning */
    padding: 85px 15px 15px 15px;
}

@media screen and (max-width: 610px){
    .DivRowCompensate{
        margin-left: 15px;
    }
}

@media screen and (max-width: 492px) {
    .CenteredContentDiv {
        width: 90%;
    }
}

/* end of generic div styles */

/* div styles for processing imported bookmarks */

 .grayDiv{
     background-color: #DDDDDD;
     border: solid 1px;
     border-color: gray;
     width: 600px;
   }


  .blueDiv{
     background-color: #99ECFF;
     width: 0px;
   }


/* end of styles for processing imported bookmarks*/


/* auto-complete styles for searching */

/* flyout */

.AutoComplete_completionListElement
{
	padding: 4px;
	margin: 0px !important;
	background-color: white;
	color: #242424;
	border: buttonshadow;
	border-width: 1px;
	border-style: solid;
	cursor: default;
	overflow: auto;
	height: 200px;
	text-align: left;
	list-style-type: none;
	font-family: Tahoma;
	font-size: medium;
}

/* highlighted item */

.AutoComplete_highlightedListItem {
    background-color: #DDFFFF;
    color: #0066FF;
    padding: 4px;
    font-family: Tahoma;
    font-weight: normal;
    font-size: medium;
}

/* auto complete item */

.AutoComplete_listItem
{
	background-color: white;
	color: #0066FF;
	padding: 4px;
	font-family: Tahoma;
	font-size: medium;
}

/* end of auto-complete styles */

/* Keyword formatting styles */

.DivKeywords 
{
    padding: 0px 0px 0px 5px;
    margin: 5px 8px 0px 0px;
    
    height: 28px;

	border: 1px solid #CCCCCC;
	
	/*Border Radius CSS3*/
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
    border-radius: 8px;

    display:inline-block;
}

.DivKeywords:hover 
{
    border: 1px solid #99ECFF
}

.DivKeywords div
{
    float: left;
    margin: 5px 0px 0px 0px;
}

.DivKeywords div:nth-child(2)
{
    float: left;
    margin: 5px 10px 0px 0px;
}

/* End of keyword formatting styles */


/* User Home Page Styles for version 3*/


.MasterTableCell
{
	background-image: url('../Images/Banner/LinqLogo/MasterBackground.jpg');
	background-repeat: repeat-x;
	background-position: top;
    width: 1100px;
    height: 55px;
    text-align: left;
}


.MasterDivCell 
{
    background-image: url('../Images/Banner/LinqLogo/MasterBackground.jpg');
	background-repeat: repeat-x;
	background-position: top;
    text-align: left;
}

/* End of version 3 Home Page Styles */


/* Master Page styles for version 5 */


/* Login Hyperlink Styles  */

.HyperlinkAuth, .HyperlinkAuth:visited {
    font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
    color: #99ECFF;
    font-size: 12px;

     /* ...transition fade in and out */
    -o-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}


.HyperlinkAuth:hover, .HyperlinkAuth:visited:hover {
    font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
    color: #00FFFF;
    font-size: 12px;
}


/* End of Login Hyperlink Styles  */

/* Navigation Header Hyperlink Styles */

.HyperlinkNav, .HyperlinkNav:visited {
    font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
    color: #FFFFFF;
    font-size: 12px;
    text-decoration: none;

     /* ...transition fade in and out */
    -o-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}


.HyperlinkNav:hover, .HyperlinkNav:visited:hover {
    font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
    color: #33CCFF;
    font-size: 12px;
}


/* End of Navigation Hyperlink Styles */


/* Sub Navigation Hyperlink Styles */

.HyperlinkSubNav, .HyperlinkSubNav:visited {
    font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
    color: #333333;
    font-size: 12px;

     /* ...transition fade in and out */
    -o-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}


.HyperlinkSubNav:hover, .HyperlinkSubNav:visited:hover {
    font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
    color: #0099FF;
    font-size: 12px; 
}


/* End of Navigation Hyperlink Styles */


.HeaderBlackDiv {
    background-image: url('../Images/Banner/BlackBackground.png');
    background-repeat: repeat-x;
    height: 60px;
    background-color: #000000;
}

.InHeaderLogoDiv {
    float:left; 
    padding: 5px 0px 0px 0px;
    margin: 10px 5px 0px 5%;
}

.InHeaderNameDiv {
    margin: 10px 0px 0px 0px;
    float: left;
}


.InHeaderNameH1Div {
    font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif; 
    color: #FFFFFF; 
    font-size: 17px; 
    font-weight: bold
}


.InHeaderNameH2Div {
    font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif; 
    color: #99ECFF; 
    font-size: 12px;
}


.HeaderNavDiv {
    height: 25px;
    background-color: black;
    border-style: none none solid none;
    border-width: 1px;
    border-color: #FFFFFF;
}

.HeaderNavInnerDiv {
    margin: 0 auto;
    width: 800px;
    padding-left: 15px;
}



.HeaderLoginDiv {
    /* positioning */
    float: right; 
    margin: 10px 10% 0px 0px; 
    width: 280px;

    /* font  and color */
    font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    color: #99ECFF;
}

 #mobileLoginList{
    display:none;
}

 .menuToggle{
     cursor: pointer;
     display: none;
 }


 #ckctoggle{
     display: none;
 }


.HeaderSubNavDiv {
    background-color: #EBEBEB;
    border-style: none none solid none;
    border-width: 1px;
    border-color: #FFFFFF;
}


/* Header UL styling elements */

 #blackHeaderDiv ul{

    /* list styling */
    list-style: none;
    padding: 0;
    margin: 0;
}

 #blackHeaderDiv li{
     
    display: inline;
    border: none;
    margin: 0px 10px 0px 0px;

 }


 #blackNavDiv ul{
    /* font size and color */
    font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;

    /* list styling */
    list-style: none;
    padding: 0;
    margin: 0;
}

 #blackNavDiv li{

    /* positioning */
    display: inline;
    border: none;
    margin: 0px 10px 0px 0px;

 }

 #blackNavDiv li:nth-child(even){

    /* font size */     
    font-size: 13px;
 }

 #blackNavDiv li:nth-child(odd){

    /* coloring */
    color: white;
 }


 #subNavDiv ul{
 
    /* list styling */
    list-style: none;
    padding: 0;
    margin: 0;
}


#subNavDiv li{

    /* positioning */
    display: inline;
    border: none;
    margin: 0px 18px 0px 0px;

 }


 #subNavDiv li:nth-child(even){

    /* coloring */
    color: #333333;
 }

/* End of header UL elements */

nav{
    height: 25px;
    background-color: black;
    color: #DDDDDD;
    
    border-style: none none solid none;
    border-width: 1px;
    border-color: #FFFFFF;
}


#subNavDiv{

    /* font face and color */
    font-family: "Segoe UI", Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12px;
    color: #0099ff;

    /* positioning  and padding */
    margin: 0 auto;
    width: 760px;
    padding: 0px 20px 0px 20px;
}


.ContentDiv {
    background-image: url('../Images/Banner/HeaderShadow.png'); 
    background-repeat: repeat-x;

    /* positioning and vertical */
    position: relative;
    height: 8px;
}


.ContentDivOverlay{
   
    /* background image */
    background-image: url('../Images/Banner/BannerShadowOverlay.png');
    background-repeat: no-repeat;

    /* sizing */
    width: 830px;
    height: 8px;
    margin: 0 auto;
}


.ContentBorderDiv {
    background-color: white;
    border: solid;
    border-width: 1px;
    border-color: #999999;
    border-radius: 0px 0px 5px 5px;

    min-height: 750px;
    margin: 0 auto;
    width: 822px;
    
    padding: 85px 50px 30px 50px;

    /*Shadow effect definition*/
    box-shadow: 1px 1px 5px #888888;
}


.FooterDiv{
        margin: 0 auto; 
        width: 800px; 
        padding: 10px 20px 0px 230px; 

        font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
        text-align: right;
        color: #535353; 
        font-size: 12px;
 }


@media screen and (max-width: 870px) 
{

    .ContentDivOverlay
    {
        background-image: url('../Images/Banner/BannerShadowOverlay-xs.png');
        background-repeat: repeat-x;
        height: 8px;

        width: 100%;
    }

    .ContentBorderDiv{

        border: none;
        border-width: 0px;
        border-radius: 0px;
        background-color: white;
        
        width: 94%;
        min-height: 750px;
        margin: 0 auto;
    
        padding: 85px 0px 30px 0px;

        /*Shadow effect definition*/
        box-shadow: none;
    }


    .FooterDiv{
        margin: 0 auto; 
        width: 500px; 
        padding: 10px 20px 0px 50px; 

        font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
        text-align: right;
        color: #535353; 
        font-size: 12px;
     }

    .Padded-xs-Content{
        background-color: white;
        padding: 0px 0px 0px 15px;


        /*Shadow effect definition*/
        box-shadow: 1px 1px 5px #888888;
    }

    .HiddenDiv{
        display: none;
    }

}


@media screen and (max-width: 768px) {

    .ContentDiv {
        /* positioning and vertical */
        position: static;
    }


    .HeaderNavInnerDiv {
        /* positioning */
        float: left;
        margin: 0 auto;
        width: 300px;
        padding: 3px 25px 0px 25px;
        /* border styles & bg color */
        box-shadow: 0px 2px 2px #C2C2C2;
        border-radius: 5px;
        background-color: black;
        display: none;
    }


    .HeaderLoginDivMobile {
        display: none;
    }

    .HeaderLoginDiv {
        width: 150px;
    }


    #mobileLoginList {
        display: block;
    }


    .HyperlinkAuth, .HyperlinkAuth:visited {
        font-size: 14px;
    }


        .HyperlinkAuth:hover, .HyperlinkAuth:visited:hover {
            font-size: 14px;
        }


    .HyperlinkNav, .HyperlinkNav:visited {
        font-size: 14px;
    }


        .HyperlinkNav:hover, .HyperlinkNav:visited:hover {
            font-size: 14px;
        }


    .menuToggle {
        /* styling */
        display: block;
        font-size: 16px;
        /* border styles */
        border: solid 1px #333333;
        border-radius: 3px;
        /* positioning */
        margin: 0px 5px 20px 5px;
        padding: 5px 5px 5px 8px;
        width: 36px;
        float: right;
    }

        .menuToggle:hover {
            font-size: 16px;
            border-color: #33CCFF;
        }

    #ckctoggle:checked + .HeaderNavInnerDiv {
        display: block;
    }


    #blackNavDiv ul {
        /* font size and color */
        font-size: 14px;
        /* list styling */
        list-style: none;
        padding: 0;
        margin: 0;
    }

    #blackNavDiv li {
        /* positioning */
        display: block;
        margin: 0px 10px 10px 0px;
    }

        #blackNavDiv li:nth-child(even) {
            /* display style */
            display: none;
        }

        #blackNavDiv li:nth-child(odd) {
            /* coloring */
            color: white;
            /* positioning and border */
            padding: 10px 10px 10px 10px;
            border-top: solid 1px #333333;
        }


    .CloudLargeLogoDiv {
        padding: 5px 100px 0px 50px;
        float: right;
        height: 100px;
    }

        .CloudLargeLogoDiv > a > img{
            width: 95px;
            height: 95px;
        }
     
    .LargeIconDiv
    {
        margin: 25px 10px 0px 40px;
        display: inline-block;
        vertical-align: top;
    }


    .DefaultDescriptionDiv {

        display: inline-block;
        width: 70%; 
    }


    .SystemMessageDiv {
        /* define padding */
        padding: 0px 15px 0px 15px;
    }


    .DefaultDescriptionTitleSpan{
        text-align: left;
    }


    .DefaultWindowsPhoneAppDiv {
    
        display:none;
    }


    .ToolsHeightDiv {
        /*force min height*/
        min-height: 1480px;
    }

}


@media screen and (max-width: 610px) {

     .FooterDiv{
        margin: 0 auto; 
        width: 400px; 
        padding: 10px 0px 0px 0px; 

        font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
        text-align: right;
        color: #535353; 
        font-size: 12px;
     }
}


@media screen and (max-width: 492px){


    .HeaderLoginDiv {
        width: 100px;
    }

    .DefaultDescriptionDiv {
        display: inline-block;
        width: 90%;
    }


    .FooterDiv {
        width: 375px;
    }


    .Padded-xs-Content {
        padding: 0px 0px 0px 10px;

    }


    .ToolsOffsetDiv {
        display: inline-block;
        margin: 0px;
    }

    .ToolsHeightDiv{
        /*force min height*/
        min-height: 1880px;
    }
}


/* End of version 5 Master Page styles */

/* Styles for version 9 of Home Page */

.DivUpperBgFaded {
    background-position: right top;
    background-image: url('../Images/ContentBackground/Faded-Bg-Up.png');
    background-repeat: no-repeat;
}

@media screen and (max-width: 492px) {
    .DivUpperBgFaded {
        background-position: right top;
        background-image: url('../Images/ContentBackground/Faded-Bg-Up.png');
        background-repeat: no-repeat;
        background-size: contain;
    }
}

.DivUpperBgDown {
    background-position: left bottom;
    background-image: url('../Images/ContentBackground/Faded-Bg-Down.png');
    background-repeat: no-repeat;
    min-height: 200px;
}


.HyperLinkImageResponsive img {
    width: 90%;
    height: auto;
}

.ImageResponsive{
    width: 100%;
    height: auto;
}

/* end of styles for version 9 */


/* Constrained Image Styles for Resource Render */

.constrainSmallImage {
    max-height: 60px; 
    max-width: 98px
}

.constrainLargeImage img{
    max-width: 650px;
}

/* */

/* Note Content Display styles - version 5 */

.NoteWrapperDiv {
    background-position: right bottom;
    max-width: 700px;
    background-image: url('../Images/ContentBackground/CurlShadow.jpg');
    background-repeat: no-repeat;
    padding-bottom: 18px;
    padding-right: 18px;
}

.NoteContentDiv {
    padding: 10px;
    border: 1px solid #C0C0C0;
    min-height: 309px;
}

.NoteDisplayContent {
    font-family: Calibri;
    font-size: 14px;
    color: #44546A;
    word-wrap: break-word;
    overflow: hidden;
}

/* End of Note Content styles */


/* Version 5 Helper Div Styles*/

.ShardedLineDiv {
    overflow: visible; /* changed from auto */
    
    /* positioning */
    min-height: 15px;
    min-width: 90px;
    padding-bottom: 15px;

    /* background styles */
    background-image: url('../Images/Icons/Large/version3/ShardedLine.jpg');
    background-repeat: no-repeat;
    background-position: left bottom;
}

/* End of version 5 div styles*/


.PanelNaviBarFrame
{
	position: absolute;
	left: 0px;
	z-index: 10;
	bottom: 0px;
}


/* Panel Style for Pin Controls */

.NotePinPanelWrapper{
    /* position */
    position: fixed;
	bottom: 10px;
    margin-left: 50px;
}

.NotePinPanel {
    /* position */
    padding: 5px;
    border: 1px solid #999999;
    background-color: #EDEDED;
    float: none;
    z-index: 20;
    margin: 0 auto;
   
    /* emboss left border */
    border-left-width: 20px;
    border-left-color: darkred;
    
    /*shadow style CSS 3*/
    box-shadow: 5px 5px 5px #888;
    
    /*Border Radius CSS3*/
    border-radius: 4px;
}


.NotePinTipPanel
{
	padding: 10px;
	border: 1px solid #999999;
	background-color: #EDEDED;
	float: none;
	z-index: 20;
	position: fixed; 
	
	/*shadow style CSS 3*/
	box-shadow: 5px 5px 5px #888; 
	
	/*Border Radius CSS3*/
    border-radius: 4px;
	
	top: 70px;
	right: 80px;
	width: 220px;
}

/* End of Pin Controls style */


/* Legacy banner section for version 1 */

.logoHeaderCell
{
	background-image: url('../Images/Banner/AdminBackGroundTop.jpg');
	background-repeat: no-repeat;
	width: 880px;
	height: 194px;
	vertical-align: middle;
    
}


.transparentLogoImage
{
	margin-left: 37px;
	margin-bottom: 15px;
	margin-top: 15px;
}


.masterContentCell
{
	background-image: url('../Images/Banner/AdminBackGroundMiddle.jpg');
	background-repeat: repeat-y;
	vertical-align: top;
    min-height: 680px;
}


.bottomHeaderCell
{
	background-image: url('../Images/Banner/AdminBackGroundBottom.jpg');
	background-repeat: no-repeat;
	width: 880px;
	height: 27px;
	vertical-align: top;
}

/* End of section 1 legacy banner styles */


.paragraphStandardLeft
{
	font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #535353;
	text-align: left;
}


.paragraphSmallerLeft {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: #535353;
    text-align: left;
}


.paragraphStandardCenter
{
	font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #535353;
	text-align: center;
}



.paragraphStandardRight
{
	font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #535353;
	text-align: right;
}


.tabContentCell
{
	border: 1px solid #3399FF;
	width: 140px;
	height: 30px;
	padding: 5px;
	text-align: center; 
	
	/*CS3 rouded corners*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    border-radius: 4px;
}

.tabContentCell:hover
{
	background-color: #EEFFFF;
		
	/* CSS 3 box shadow effect */
	-moz-box-shadow: 0 0 10px #9ecaed; 
	-webkit-box-shadow: 0 0 10px #9ecaed; 
    box-shadow:0 0 10px #9ecaed; 
}


.paragraphBold
{
	font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	color: #353535;
	text-align: left;
}


/* Font Faces for Linq To Me Logo for version 2 */


.paragraphSubHeading
{
	font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #C0C0C0;
	text-align: left;
}

/* End of Font Faces for version 2 */


.paragraphLarge {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: medium;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: #535353;
    text-align: left;
}

.paragraphBoldLarge
{
	font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
	font-size: medium;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	color: #535353;
	text-align: left;
}

.paragraphBoldLargeRed 
{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: medium;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: #C00000;
    text-align: left;
}


.paragraphProfileLarge {
    font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
    font-size: large;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: #000066;
    text-align: left;
}

.paragraphProfileLarge:hover
{
	font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
	font-size: large;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	color: #000099;
	text-align: left;
	text-decoration: underline;
}

.paragraphJumbo {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: large;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: #44546A;
    font-size: 28px;
    text-align: left;
}

.paragraphJumboRed {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: large;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: #C00000;
    font-size: 28px;
    text-align: left;
}

@media screen and (max-width: 492px) {

    .paragraphJumbo {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: large;
        font-weight: bold;
        font-style: normal;
        font-variant: normal;
        color: #44546A;
        font-size: 22px;
        text-align: left;
    }

    .paragraphJumboRed {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: large;
        font-weight: bold;
        font-style: normal;
        font-variant: normal;
        color: #C00000;
        font-size: 22px;
        text-align: left;
    }

    .paragraphBoldLarge {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: small;
        font-weight: bold;
        font-style: normal;
        font-variant: normal;
        color: #535353;
        text-align: left;
    }
}

/* Paragraph styles for errors and confirmation messages */

.confirmationok
{
	font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	color: #568E1A;
	text-align: left;
	font-weight: bold;
}


.confirmationpending
{
	font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	color: #FF3300;
	text-align: left;
	font-weight: bold;
}


.confirmationerror
{
	font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	color: #FF0000;
	text-align: left;
}


.validationError {
    font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #FF0000;
	text-align: left;
}

/* End of paragraph styles for error and confirmation messages */


/* Carousel - overwrite styles */

.carousel-indicators-or {
    top: 290px
}

.carousel-height{
    min-height: 250px;
}


@media screen and (max-width: 492px) {
    .carousel-indicators-or {
        top: 460px
    }

    .carousel-height {
        min-height: 450px;
    }
}



.carousel-indicators-or li {
    border: 2px solid #337ab7;
    background-color: rgb(40 231 245 / 60%)
}

/* End of overwritten styles for carousel */

    .detailsViewDiv {
        /* Border and postioning */
        border-style: solid;
        border-width: 1px;
        border-color: #818181;
        border-top-width: 4px;
        border-top-color: #008aff;
        /* three cornered box shadow */
        box-shadow: -2px 0px 2px 0px rgba(0,0,0,0.16), 2px 0px 2px 0px rgba(0,0,0,0.16), 0px 2px 2px 0px rgba(0,0,0,0.23);
        display: inline-block;
        text-align: left;
        /* background coloring */
        background-color: white;
        /* padding */
        padding: 15px 20px 15px 20px;
    }

    .detailsViewCell {
        border: 1px solid #FFFFFF;
        padding: 2px 8px 2px 8px;
    }

    .detailsViewCellSysMessage {
        border: 0px solid #FFFFFF;
        padding: 10px 90px 2px 0px;
    }


    /* Repeater styles for divs */

    .roundedDiv {
        /* Border and postioning */
        border-style: solid;
        border-width: 1px;
        border-color: #818181;
        border-top-width: 4px;
        border-top-color: black;
        display: inline-block;
        text-align: left;
        /* sizing */
        width: 375px;
        height: 195px;
        background-color: #ffffff;
        /* margins */
        padding: 10px 15px 10px 15px;
        margin: 10px 10px 10px 10px;
        position: relative;
    }


        .roundedDiv:hover {
            /* Border and positioning */
            border-top-color: #008aff;
            /* three cornered box shadow */
            box-shadow: -2px 0px 2px 0px rgba(0,0,0,0.16), 2px 0px 2px 0px rgba(0,0,0,0.16), 0px 2px 2px 0px rgba(0,0,0,0.23);
            /* transformations */
            -webkit-transform: translate3d(0, -3px, 0);
            transform: translate3d(0px, -3px, 0px);
        }


    .DivRepeaterDescription {
        height: 74px;
    }

    .DivRepeaterTitle {
        min-width: 140px;
        max-width: 220px;
    }

    .DivOverflowHidden {
        overflow: hidden;
    }


    .DivButtonContainer {
        /* positioning and dimensions */
        position: absolute;
        top: 160px;
        left: 260px;
        width: 120px;
    }


    /* End Repeater div styles */


    /* Grid View Cell Styles */

    .gridViewCell {
        border-top-style: solid;
        border-top-width: 1px;
        border-right-style: none;
        border-left-style: none;
        border-style: solid none solid none;
        border-width: 1px 0px 1px 0px;
        border-color: #99CCFF;
        padding: 4px 8px 4px 8px;
    }

    .gvCellSimple {
        border-color: #FFFFFF;
        padding: 4px 8px 4px 8px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
    }


    .gvCellSelect {
        border-top-style: solid;
        border-top-width: 1px;
        border-right-style: none;
        border-left-style: none;
        margin: 0px;
        border-style: solid;
        border-width: 1px 1px 1px 4px;
        border-color: #99CCFF #FFFFFF #99CCFF #FFFFFF;
        padding: 4px 8px 4px 8px;
    }

        .gvCellSelect:hover {
            border-color: #0078D4 #FFFFFF #99CCFF #0078D4;
            border-left-width: 5px;
            background-color: #F0F6FF;
            /* ...transition fade in and out */
            -o-transition: 1s ease-in-out;
            -moz-transition: 1s ease-in-out;
            -webkit-transition: 1s ease-in-out;
            transition: 1s ease-in-out;
        }


    .gridViewCellHeader {
        border-style: none;
        padding: 2px 8px 6px 8px;
        font-weight: bold;
        font-size: 13px;
        font-family: Helvetica;
        color: #0033CC;
    }


    .gridViewCellPager table {
        border: 0px none #FFFFFF;
        border-spacing: 0px;
        border-collapse: collapse;
        margin: 15px 0px 0px 60px;
    }

        .gridViewCellPager table td {
            padding: 0px 6px 0px 6px;
            font-weight: bold;
            font-size: 13px;
        }


            .gridViewCellPager table td span {
                color: red;
            }


    @media screen and (max-width: 605px) {

        .gvCellSimple {
            padding: 4px 4px 4px 4px;
        }
    }


    @media screen and (max-width: 492px) {
        .gvCellSimple {
            padding: 4px 4px 4px 4px;
        }
    }

    /* end of Grid View Cell Styles */

    .paragraphSmallGrayLink {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 10px;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        color: #666666;
        text-align: left;
        text-decoration: none;
    }


    .paragraphStandardLink {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 11px;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        color: #0033CC;
        text-align: left;
        text-decoration: underline;
    }


    .paragraphStandardSearchLink {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 13px;
        font-weight: bold;
        font-style: normal;
        font-variant: normal;
        color: #1122CC;
        text-align: left;
        text-decoration: none;
    }

        .paragraphStandardSearchLink:hover {
            color: #0066FF;
        }

        .paragraphStandardSearchLink:visited {
            color: #660099;
        }


    .paragraphStandardLinkNoULine {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 11px;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        color: #0033CC;
        text-align: left;
        text-decoration: none;
    }


    .paragraphStandardLinkNoULineLarge {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        color: #0033CC;
        text-align: left;
        text-decoration: none;
    }


    .paragraphGreenLink {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        color: #568E1A;
        text-align: left;
        text-decoration: none;
    }


    .paragraphWatermark {
        /* positioning */
        padding: 5px;
        margin: 5px;
        border: 1px solid #C0C0C0;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: medium;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        color: #999999;
        text-align: left;
    }


    .paragraphWatermarkSmall {
        /* positioning */
        padding: 1px;
        margin: 2px;
        border: 1px solid #C0C0C0;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 11px;
        font-weight: normal;
        font-variant: normal;
        color: #999999;
    }

    /* Styles for input paragraphs */

    .paragraphStandardInput {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        color: #000080;
        text-align: left;
    }


    .paragraphLargeInput {
        font-family: Helvetica;
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        color: #000080;
        text-align: left;
    }


    .paragraphStandardInputBold {
        font-family: Helvetica;
        font-size: 15px;
        font-weight: bold;
        font-style: normal;
        font-variant: normal;
        color: #568E1A;
        text-align: left;
        text-decoration: none;
    }

    /* End of input paragraph styles */

    .paragraphSubTitle {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 11px;
        font-weight: bold;
        font-style: normal;
        font-variant: normal;
        color: #000080;
        text-align: left;
    }


    .paragraphNoteTitle {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 16px;
        font-weight: bold;
        font-style: normal;
        font-variant: normal;
        color: #800000;
        text-align: left;
        /*width: 0;*/
    }


    .paragraphNoteSubTitle {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        font-variant: normal;
        color: #800000;
        text-align: left;
        /*width: 0;*/
    }


    .paragraphTitle {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        font-variant: normal;
        color: #000066;
        text-align: left;
    }



    .textBoxStandard {
        /* Positioning */
        padding: 1px;
        margin: 2px;
        border: 1px solid #C0C0C0;
        font-family: Helvetica;
        font-size: 12px;
        font-weight: normal;
        font-variant: normal;
        color: #666666;
    }

        .textBoxStandard:focus {
            /* Positioning */
            border: 1px solid #9ecaed;
            color: #003399;
            /* CSS 3 box shadow effect */
            -moz-box-shadow: 0 0 10px #9ecaed;
            -webkit-box-shadow: 0 0 10px #9ecaed;
            box-shadow: 0 0 10px #9ecaed;
        }

    .textBoxExtended {
        padding: 1px;
        margin: 2px;
        border: 1px solid #C0C0C0;
    }


    .textBoxLarge {
        /* Positioning */
        padding: 5px;
        margin: 5px;
        border: 1px solid #C0C0C0;
        font-family: Helvetica;
        font-size: medium;
        font-weight: bold;
        font-variant: normal;
        color: #808080;
        font-style: normal;
    }


        .textBoxLarge:focus {
            /* Positioning */
            border: 1px solid #9ecaed;
            color: #003399;
            /* CSS 3 box shadow effect */
            -moz-box-shadow: 0 0 10px #9ecaed;
            -webkit-box-shadow: 0 0 10px #9ecaed;
            box-shadow: 0 0 10px #9ecaed;
        }

        .textBoxLarge:placeholder-shown {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: normal;
            color: #999999;
        }


        .textBoxLarge:-ms-input-placeholder {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: normal;
            color: #999999;
        }

    .checboxStandard input {
        margin: 0px 5px 0px 5px;
    }

    /* Button Styles Definitions */


    .pushButtonSmall {
        /* Positioning */
        padding: 1px 5px 1px 5px;
        border: 1px Solid #0066FF;
        background-color: #FEFEFE;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        font-variant: normal;
        color: #0033CC;
        /*Border Radius CSS3*/
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }


        .pushButtonSmall:hover {
            /* Positioning */
            padding: 1px 5px 1px 5px;
            border: 1px Solid #0066FF;
            background-color: #FEFEFE;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-size: 12px;
            font-weight: bold;
            font-style: normal;
            font-variant: normal;
            color: #0066FF;
            /*Border Radius CSS3*/
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            /* CSS 3 box shadow effect */
            -moz-box-shadow: 0 0 10px #9ecaed;
            -webkit-box-shadow: 0 0 10px #9ecaed;
            box-shadow: 0 0 10px #9ecaed;
        }


    /* Action Button Styles */


    .CloseButton {
        float: right;
    }

    .roundButton {
        padding: 5px 10px 5px 10px;
        margin: 3px;
        /* border radius */
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #C0C0C0;
        color: #FFFFFF;
    }

    .roundLinkButton {
        padding: 5px 10px 5px 10px;
        margin: 3px;
        /* border radius */
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #C0C0C0;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 12px;
        font-weight: normal;
    }


        .roundLinkButton:hover {
            border: 1px solid #33CCFF;
            /* CSS 3 box shadow effect */
            -moz-box-shadow: 0 0 10px #9ecaed;
            -webkit-box-shadow: 0 0 10px #9ecaed;
            box-shadow: 0 0 10px #9ecaed;
            cursor: pointer;
        }


    .roundToolButton {
        padding: 10px 10px 12px 10px;
        margin: 3px;
        /* border radius */
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #C0C0C0;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 12px;
        font-weight: bold;
    }


        .roundToolButton:hover {
            border: 1px solid #33CCFF;
            /* CSS 3 box shadow effect */
            -moz-box-shadow: 0 0 10px #9ecaed;
            -webkit-box-shadow: 0 0 10px #9ecaed;
            box-shadow: 0 0 10px #9ecaed;
            cursor: pointer;
        }



    .blueButton {
        border-color: #269abc;
        /*background-color: #39b3d7;*/
        background: #2DB9E3;
        background: linear-gradient(to bottom right, #2DB9E3, #1A7C9D);
    }

        .blueButton:hover {
            border-color: #29A7CB;
            background: #62C2DF;
            background: linear-gradient(to bottom right, #62C2DF, #2DB9E3);
            /* Box shadow */
            -moz-box-shadow: 0 0 6px #9ecaed;
            -webkit-box-shadow: 0 0 6px #9ecaed;
            box-shadow: 0 0 6px #9ecaed;
            /* Needed for when style is applied to anchor tags */
            color: white;
            text-decoration: none;
            cursor: pointer;
        }

    .greenButton {
        border-color: #339966;
        /*background-color: #20AE4F;*/
        background: #15B94B;
        background: linear-gradient(to bottom right, #15B94B, #087A2E);
    }

        .greenButton:hover {
            border-color: #38A971;
            background: #25C759;
            background: linear-gradient(to bottom right, #25C759, #15B94B);
            /* Box shadow */
            -moz-box-shadow: 0 0 6px #8CEAAB;
            -webkit-box-shadow: 0 0 6px #8CEAAB;
            box-shadow: 0 0 6px #8CEAAB;
            cursor: pointer;
        }

    .redButton {
        border-color: #ac2925;
        /*background-color: #d2322d;*/
        background: #DE2642;
        background: linear-gradient(to bottom right, #DE2642, #81120E);
    }

        .redButton:hover {
            border-color: #C82F2B;
            background: #DA5350;
            background: linear-gradient(to bottom right, #DA5350, #DE2642);
            /* Box shadow */
            -moz-box-shadow: 0 0 6px #EA9F9D;
            -webkit-box-shadow: 0 0 6px #EA9F9D;
            box-shadow: 0 0 6px #EA9F9D;
            cursor: pointer;
        }


    /* end of Action Button Styles */

    /* styles used to control upload controls */

    .inputFile {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1;
    }

        .inputFile + label {
            font-size: 14px;
            font-weight: bold;
            color: #d3394c;
            /* "hand" cursor */
            cursor: pointer;
        }

            .inputFile:focus + label
            .inputFile.has-focus + label,
            .inputFile + label:hover {
                color: #DA5350;
            }

    /* end of upload control styles */

    /* used for magnifier buttons */
    .pushButtonImage {
        border: 1px solid #FFFFFF;
        background-color: #FFFFFF;
    }

        .pushButtonImage:hover {
            border: 1px solid #33CCFF;
            background-color: #EEFFFF;
            /*Border Radius CSS3*/
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            /* CSS 3 box shadow effect */
            -moz-box-shadow: 0 0 10px #9ecaed;
            -webkit-box-shadow: 0 0 10px #9ecaed;
            box-shadow: 0 0 10px #9ecaed;
        }


    /*end of button styles details*/



    @media screen and (max-width: 768px) {


        /* Element styles used for control groups */

        .HyperlinkSubNav, .HyperlinkSubNav:visited {
            padding: 5px 10px 5px 10px;
            margin: 3px;
            /* border radius */
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            border: 1px solid #C0C0C0;
            font-weight: normal;
        }


            .HyperlinkSubNav:hover, .HyperlinkSubNav:visited:hover {
                border: 1px solid #33CCFF;
                /* CSS 3 box shadow effect */
                -moz-box-shadow: 0 0 10px #9ecaed;
                -webkit-box-shadow: 0 0 10px #9ecaed;
                box-shadow: 0 0 10px #9ecaed;
                cursor: pointer;
            }



        .HyperlinkSubNav-active {
            padding: 5px 10px 5px 10px;
            margin-left: -2px;
            margin-right: 0px;
            background-color: #9FE2F3;
            border-top: 1px solid #33CCFF;
            border-bottom: 1px solid #33CCFF;
        }

        /* end of styles for element groups */

        /* Styles for control groups on small screens */
        #subNavDiv {
            /* font face and color */
            font-family: "Segoe UI", Verdana, Geneva, Tahoma, sans-serif;
            font-size: 12px;
            color: #0099ff;
            /* positioning  and padding */
            margin: 0 auto;
            width: 95%;
            height: 35px;
            padding: 10px 10px 0px 10px;
        }


            #subNavDiv li {
                /* positioning */
                display: inline;
                border: none;
                margin: 0px 0px 0px 0px;
            }


                #subNavDiv li:nth-child(even) {
                    /* display style */
                    display: none;
                }

                #subNavDiv li > .HyperlinkSubNav {
                    border-radius: 0px;
                    margin-left: -2px;
                    margin-right: -2px;
                }


                #subNavDiv li:first-child > .HyperlinkSubNav {
                    border-radius: 5px 0px 0px 5px;
                    margin-right: -2px;
                }

                #subNavDiv li:first-child > .HyperlinkSubNav-active {
                    border-radius: 5px 0px 0px 5px;
                    border-left: 1px solid #33CCFF;
                }

                #subNavDiv li:last-child > .HyperlinkSubNav-active {
                    border-radius: 0px 5px 5px 0px;
                    border-right: 1px solid #33CCFF;
                }

                #subNavDiv li:last-child > .HyperlinkSubNav {
                    border-radius: 0px 5px 5px 0px;
                    margin-left: -2px;
                }

        /* End of small screen control group styles */
    }



    /* */

    .DivRounded {
        padding: 5px 10px 5px 10px;
        margin: 3px;
        border: 1px solid;
        /* border radius */
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .DivMovColor {
        border-color: #7d60a0;
        background-color: #d7c8ed;
    }


    .DivPinkColor {
        border-color: #be4b48;
        background-color: #ffc0c0;
    }


    .DivBlueColor {
        border-color: #4a7ebb;
        background-color: #b9d1ff;
    }


    .DivCyanColor {
        border-color: #46aac5;
        background-color: #bcefff;
    }


    /* */

    .menuCell {
        border: 1px solid #CCCCCC;
    }


    .advancedImageFrame {
        border: 1px solid #CCCCCC;
        margin: 4px;
        padding: 4px;
        background-color: #FAFAFA;
        vertical-align: middle;
        text-align: center;
        /* max dimensions */
        max-width: 600px;
        max-height: 400px;
    }

        .advancedImageFrame > img {
            max-width: 600px;
            max-height: 400px;
        }


        .advancedImageFrame:hover {
            border: 1px solid #99CCFF;
            background-color: #EEFFFF;
        }


    .advancedProfileImageFrame {
        border: 1px solid #CCCCCC;
        border-radius: 50%;
        margin: 4px;
        padding: 4px;
        background-color: #FAFAFA;
        vertical-align: middle;
        text-align: center;
        /* max dimensions */
        max-width: 80px;
        max-height: 80px;
    }

        .advancedProfileImageFrame > a > img {
            width: 70px;
            height: 70px;
            object-fit: cover;
            border-radius: 50%;
        }


        .advancedProfileImageFrame:hover {
            border: 1px solid #99CCFF;
            background-color: #EEFFFF;
        }


    /* Styles for ToggleCheckbox control */

    .toggleElement {
        /* pointer style */
        cursor: pointer;
        /* dimensions and positioning */
        width: 67px;
        height: 30px;
        position: relative;
        display: block;
        /* border styles */
        border: 2px solid;
        border-color: #9F9F9F;
        border-radius: 30px;
        background: lightgray;
    }

        .toggleElement:after {
            /* content descriptor */
            content: '';
            /* positioning and dimensions */
            top: 2px;
            left: 2px;
            width: 30px;
            height: 22px;
            position: absolute;
            /* border styles */
            border-radius: 22px;
            border: 2px solid;
            border-color: #9F9F9F;
            background: #fff;
            /* transition definitions */
            transition: 0.3s;
        }


            .toggleElement:active:after {
                width: 20px;
            }


    .innerLabelDiv {
        /* font and text settings */
        text-indent: 8px;
        font-family: 'Segoe UI';
        font-size: 13px;
        font-weight: bold;
        /* coloring and positioning */
        color: darkred;
        padding: 5px 0px 0px 0px;
    }


    .toggleCheckbox {
        /* visibility settings: hide all */
        height: 0;
        width: 0;
        visibility: hidden;
    }


        .toggleCheckbox:checked + label {
            background: #bada55;
        }

        .toggleCheckbox:checked + div {
            text-indent: 4px;
        }

            .toggleCheckbox:checked + label:after {
                left: calc(100% - 2px);
                transform: translateX(-100%);
            }

    /* End of styles for ToggleCheckbox control */


    /* Modal Popup Styles */
    .modalBackground {
        background-color: lightgray;
        filter: alpha(opacity=40);
        opacity: 0.4;
        /* CSS 3 Border Implementation */
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

    .modalPopup {
        border: 1px solid Gray;
        background-color: #FFFFFF;
        padding: 3px;
        width: 450px;
        height: 100px;
        text-align: center;
        /* CSS 3 Border Implementation */
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        /* CSS 3 box shadow effect */
        -moz-box-shadow: 0 0 10px #9ecaed;
        -webkit-box-shadow: 0 0 10px #9ecaed;
        /*box-shadow:0 0 10px #9ecaed; */
        box-shadow: 5px 5px 5px #000;
    }

    .progress {
        width: 680px;
        height: 165px;
        padding: 10px;
        text-align: left;
    }


    @media screen and (max-width: 700px) {

        .modalPopupSocialFrame {
            border: 1px solid Gray;
            background-color: #FFFFFF;
            padding: 3px;
            width: 600px;
            /* CSS 3 Border Implementation */
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            /* CSS 3 box shadow effect */
            -moz-box-shadow: 0 0 10px #9ecaed;
            -webkit-box-shadow: 0 0 10px #9ecaed;
            box-shadow: 0 0 10px #9ecaed;
        }
    }

    @media screen (max-width: 1000px) {

        .modalPopupSocialFrame {
            border: 1px solid Gray;
            background-color: #FFFFFF;
            padding: 3px;
            width: 850px;
            /* CSS 3 Border Implementation */
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            /* CSS 3 box shadow effect */
            -moz-box-shadow: 0 0 10px #9ecaed;
            -webkit-box-shadow: 0 0 10px #9ecaed;
            box-shadow: 0 0 10px #9ecaed;
        }
    }


    .modalPopupSocialFrame {
        border: 1px solid Gray;
        background-color: #FFFFFF;
        padding: 3px;
        width: 1050px;
        /* CSS 3 Border Implementation */
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        /* CSS 3 box shadow effect */
        -moz-box-shadow: 0 0 10px #9ecaed;
        -webkit-box-shadow: 0 0 10px #9ecaed;
        box-shadow: 0 0 10px #9ecaed;
    }


    .modalPopupEmailFrame {
        border: 1px solid Gray;
        background-color: #FFFFFF;
        padding: 3px;
        width: 900px;
        /* CSS 3 Border Implementation */
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        /* CSS 3 box shadow effect */
        -moz-box-shadow: 0 0 10px #9ecaed;
        -webkit-box-shadow: 0 0 10px #9ecaed;
        box-shadow: 0 0 10px #9ecaed;
        text-align: left;
    }


    .modalPopupFolderFrame {
        border: 1px solid Gray;
        background-color: #FFFFFF;
        padding: 3px;
        width: 760px;
        /* CSS 3 Border Implementation */
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        /* CSS 3 box shadow effect */
        -moz-box-shadow: 0 0 10px #9ecaed;
        -webkit-box-shadow: 0 0 10px #9ecaed;
        box-shadow: 0 0 10px #9ecaed;
    }


    /* End of Modal Popup region */

    /* popup close button styles */

    .close-popup {
        float: right;
        font-size: 26px;
        font-weight: bold;
        line-height: .5;
        color: #8b0000;
        text-shadow: 0 1px 0 #fff;
    }

    /* end of popup close button styles */

    /* Field Set Style region */

    .fieldSetDefault {
        padding: 15px 10px 15px 10px;
        border: 1px solid #E1E1E1;
        overflow: auto;
        /*Border Radius CSS3*/
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

    .fieldSetDefault legend{
        /* spacing for text */
        margin-bottom: 0px;
        padding-left: 5px;
        padding-right: 5px;

        /* borders */
        border-bottom: none;

        /* dimensions */
        width: inherit;
    }


    .fieldSetDefault-folder {
        min-height: 100px;
    }


    .shareIconWrapper {
        min-height: 42px;
        padding: 5px 2px 0px 2px;
        margin: 2px 2px 2px 2px;
        border: 1px solid #eceff1;
        align-items: center;
    }

        .shareIconWrapper:hover {
            border: 1px solid #8ddae1;
            color: #D2D2D2;
        }

    @media screen and (max-width: 768px) {

        .fieldSetDefault {
            padding: 8px;
        }
    }

    @media screen and (max-width: 492px) {

        .fieldSetDefault-folder {
            padding: 8px 30px 8px 30px;
        }
    }



    /* End Field Set Style region */


    /* Password Strength box region */

    .barIndicatorBorder {
        border: solid 1px #c0c0c0;
        width: 200px;
    }

    .barIndicator_poor {
        background-color: gray;
    }

    .barIndicator_weak {
        background-color: cyan;
    }

    .barIndicator_good {
        background-color: lightblue;
    }

    .barIndicator_strong {
        background-color: blue;
    }

    .barIndicator_excellent {
        background-color: navy;
    }


    /* End of Password Strength */


    /* Cover Photo and User Profile Photo picture and button styles */

    .coverImageFrame {
        border: 1px solid #CCCCCC;
        background-color: #EAEAEA;
        padding: 0px 4px 8px 4px;
        width: 680px;
        height: 160px;
        /*Border Radius CSS3*/
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        /*Needed for centering the image*/
        background-repeat: no-repeat;
    }


    .coverImageFrameInner {
        height: 150px;
        /*Needed for centering the image*/
        background-repeat: no-repeat;
        background-position: center center;
    }


    @media screen and (max-width: 605px) {
        .coverImageFrame {
            width: 545px;
        }
    }


    @media screen and (max-width: 492px) {
        .coverImageFrame {
            width: 365px;
        }
    }


    .profileImageFrame {
        border: 1px solid #DDDDDD;
        margin: 4px;
        background-color: rgba(246, 246, 246, 1);
        padding: 4px;
        max-width: 120px;
        height: 120px;
        /*Border Radius CSS3*/
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        /*Positioning Effects*/
        position: relative;
        left: 30px;
        top: 50px;
    }


    .profileImageFrameInner {
        height: 110px;
        /*Needed for centering the image*/
        background-repeat: no-repeat;
        background-position: center center;
    }



    .pushButtonImageCover {
        /* Positioning */
        padding: 2px 4px 2px 4px;
        border: 1px Solid #0066FF;
        background-color: #FEFEFE;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        font-variant: normal;
        color: #0033CC;
        /*Border Radius CSS3*/
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        /*Positioning Effects*/
        position: relative;
        left: 600px;
        top: 115px;
    }


        .pushButtonImageCover:hover {
            /* CSS 3 box shadow effect */
            -moz-box-shadow: 0 0 10px #9ecaed;
            -webkit-box-shadow: 0 0 10px #9ecaed;
            box-shadow: 0 0 10px #9ecaed;
        }


    .pushButtonImageProfile {
        /* Positioning */
        padding: 2px 4px 2px 4px;
        border: 1px Solid #0066FF;
        background-color: #FEFEFE;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        font-variant: normal;
        color: #0033CC;
        /*Border Radius CSS3*/
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        /*Positioning Effects*/
        position: relative;
        left: 50px;
        top: 85px;
    }


        .pushButtonImageProfile:hover {
            /* CSS 3 box shadow effect */
            -moz-box-shadow: 0 0 10px #9ecaed;
            -webkit-box-shadow: 0 0 10px #9ecaed;
            box-shadow: 0 0 10px #9ecaed;
        }


    .panelDisplayName {
        padding: 10px;
        width: 400px;
        height: 30px;
        /*Positioning Effects*/
        position: relative;
        left: 240px;
        top: 0px;
    }

    /* End of Cover Photo and Use Profile Photo styles */

    .paragraphCode {
        padding: 10px 0px 0px 20px;
        font-family: 'Courier New';
        font-size: 12px;
        color: #333333;
        background-color: #F5F5F5;
        /*Border Radius CSS3*/
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }


    @media screen and (max-width: 605px) {
        .panelDisplayName {
            width: 280px;
        }
    }


    @media screen and (max-width: 492px) {
        .panelDisplayName {
            width: 280px;
            /*Positioning Effects*/
            left: 105px;
            top: 15px;
        }

        .pushButtonImageCover {
            left: 300px
        }
    }


    /** Media queries section for scaling elements **/
    .element15 {
        width: 15px;
    }

    .element45 {
        width: 45px;
    }

    .element120 {
        width: 120px;
    }

    .element200 {
        width: 200px;
    }

    .element300 {
        width: 300px;
    }

    .element380 {
        width: 380px;
    }

    .element420 {
        width: 420px;
    }

    .element550 {
        width: 550px;
    }

    .element600 {
        width: 600px;
    }

    .element670 {
        width: 670px;
    }

    .element690 {
        width: 690px;
    }

    .element718 {
        /*should only be used on login page*/
        width: 718px;
    }

    .element100pc {
        width: 100%;
    }

    .DivShareControlLabel {
        padding: 10px 0px 10px 0px;
    }

    @media screen and (max-width: 768px) {


        .element200 {
            width: 160px;
        }


        .element300 {
            width: 280px;
        }


        .element420 {
            width: 340px;
        }


        .element550 {
            width: 500px;
        }


        .element600 {
            width: 580px;
        }

        .element670 {
            width: 560px;
        }

        .element690 {
            width: 610px;
        }

        .element718 {
            /*should only be used on login page*/
            width: 100%;
        }

        .padding-xs {
            margin: 0px 0px 0px 10px;
        }

        .advancedImageFrame > img {
            max-width: 650px;
        }

        .DivShareControlLabel {
            padding: 10px 0px 10px 0px;
        }
    }

    @media screen and (max-width: 605px) {

        .element300 {
            width: 200px;
        }

        .element550 {
            width: 410px;
        }


        .element600 {
            width: 490px;
        }

        .element670 {
            width: 490px;
        }

        .element690 {
            width: 575px;
        }


        .padding-xs {
            margin: 0px 0px 0px 0px;
        }

        .advancedImageFrame > img {
            max-width: 510px;
        }

        .DivShareControlLabel {
            width: 100%;
        }
    }


    @media screen and (max-width: 492px) {

        .padding-xs {
            margin-left: 10px;
            overflow: clip;
        }

        .padding-xs-item {
            margin-left: 40px;
        }

        .element15 {
            width: 2px;
        }

        .element45 {
            width: 3px;
        }

        .element120 {
            width: 95px;
        }

        .element300 {
            width: 100px;
        }

        .element380 {
            width: 360px;
        }

        .element420 {
            width: 290px;
        }

        .element550 {
            width: 330px
        }

        .element600 {
            width: 340px;
            word-wrap: break-word;
        }

        .element670 {
            width: 370px;
        }

        .element690 {
            width: 375px;
        }


        .advancedImageFrame {
            max-width: 300px;
        }


            .advancedImageFrame > img {
                max-width: 360px;
            }

        .DivShareControlLabel{
            width: 100%;
        }
    }

    /** End of media queries section for elements **/