﻿
/*===================================== generic widget styles start ==================================*/
.hideControlposition: relative
{
    display:none !important;
}

.showControl
{
    display:block !important;
}  

div.PBColumn div.widget div.content
{
    margin:2px !important;
}  
 /*===================================== generic widget styles end ==================================*/
 
 /*=====================================follow us widget start ==================================*/
 
ul#follow-us-items
 {
    margin-left: 2px;
}

ul#follow-us-items li
 {
     margin-left: 0;
     display: inline-block;
     width: 110px;
     padding: 5px 0;
  } 

 /*=====================================follow us widget end ==================================*/
 
/*=====================================people finder start ==================================*/


#join-us .submit {text-align:right!important;}

#people-finder-container  {float:right;}
#people-finder-container label {
    padding-top: 5px;
    display: block;
}

#join-us input[type="radio"] {
    margin-right: 5px;
}

.home-right-hand {
    padding-bottom: 20px;
}

.home-right-hand #people-finder-container .col-md-1 {
    margin-right: 0;
}

.home-right-hand #people-finder-container .col-md-2 {
    margin-left: 0;
}

#radios .row {
    display: none;
}
 /*=====================================follow us widget end ==================================*/


/*=====================================Other widget begain ==================================*/


   #ctl00_ContentPlaceHolder1_Middle_updatepanel
    {
        position:relative;
        left:0px;
        width:100%;
    }
    .div.PBViewing.col-md-6 
    {
       margin-right:10px;
    }
    .div.PBViewing.col-md-3
    {

       margin-left:10px;
    }
    .non-top-item
    {
        padding-top:15px;
    }
    
    
    /***** New win8 metro style *****/
    
    @keyframes canimation
    {
        from {height: 60px;}
        to {height: 192px;}
    }

    @-webkit-keyframes canimation /* Safari and Chrome */
    {
        from {height: 60px;}
        to {height: 192px;}
    }
    
    .caption
    {
        width: 100%; color: rgb(255, 255, 255); position: absolute; left: 0px; bottom: 0px; height: 60px;
    }
    .caption p
    {
        color:#fff;
        padding:4px;
    }
    .orangeStyle
    {
        background:rgb(253,186,77);
        background:rgba(253,186,77,0.9);
    }
   
    .blueStyle
    {
        background:rgb(51,183,225);
        background:rgba(51,183,225,0.9);
    }
     
    .redStyle
    {
        background:rgb(244,120,87);
        background:rgba(244,120,87,0.9);
    }
    
    .greenStyle
    {
        background:rgb(132,194,130);
        background:rgba(132,194,130,0.9);
    }
    
    .caption:hover
    {
        height:192px;        
        animation: canimation 0.5s;
        -webkit-animation: canimation 0.5s; /* Safari and Chrome to add others*/
    }
/*=====================================Other widget end ==================================*/

/*===================================== images carousel for custom style selection START ==================================*/
.widget .carousel.customSlide {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:0px;
 }

.widget .carousel-caption{
    background:rgba(0, 0, 0, 0.9);
    padding:3%;
    color:white !important;
}


.widget .carousel-caption p {
    color:white !important;
    font-weight:bold;
}

.widget .appliedStyle {
    margin-left:15%;
    color:white !important;
    font-weight:bold;
}

.widget .carousel-control {
    background:#000000;
    border:3px solid white;
    font-weight:bold;
    opacity:0.9;
}

.widget .custom-carousel-control a:visited {
text-decoration: none;
color: white !important;
font-weight: bold;
}

 /*===================================== images carousel for custom style selection END ==================================*/



/* finder people search widget inside multicolumn template */
.widget .multiColumnWidget #people-finder-container {
    float: inherit;
    margin-bottom: 0px;
}

.widget .multiColumnWidget #people-finder-container > h3 {
    margin-left: 0px !important;
}


.widget .multiColumnWidget #people-finder-container > .people-finder-triggers > .row {
    width: 300px !important;
    margin-left: 0px !important;
}

.widget .multiColumnWidget #people-finder-container > .people-finder-triggers > .row > .span1 {
    text-align: inherit !important;
    margin-left: 0px !important;
}

.widget .multiColumnWidget #people-finder-container > .people-finder-triggers > .row > input {
    width: 213px !important;
    max-width: inherit !important;
}

.widget .multiColumnWidget #advancedSearchControls > .accordion-group > .accordion-heading > a {
    margin-left: 0px !important;
    padding-left: 0px;
}



.widget .multiColumnWidget #advancedSearchBody .row .span1 {
    width: 70px !important;
    margin-left: 15px !important;
}


.widget .multiColumnWidget #advancedSearchBody ul.last-child{
    margin-left: 85px;
}

.widget .multiColumnWidget #advancedSearchBody .row input {
    max-width: inherit !important;
}

.widget .multiColumnWidget #advancedSearchBody .row div.btn-group.buttondropdown > a {
    width: 198px !important;
    max-width: inherit !important;
}

.widget .multiColumnWidget #advancedSearchBody .row .btn-group > a.btn {
    width: 84px !important;
}


/*search filter widget inside multicolumn template*/
.widget .multiColumnWidget #people-finder-container > div:first-child{
    margin-top: 0px !important;
}
.widget .multiColumnWidget #people-finder-container > .people-finder-triggers .clearfix .col-md-2{
    width:200px !important;
}

.widget .multiColumnWidget #people-finder-container > .people-finder-triggers .clearfix .col-md-2 input {
    width:185px !important;
}

.widget .multiColumnWidget #people-finder-container > .people-finder-triggers .clearfix .col-md-2 div.btn-group.buttondropdown > a {
    width: 180px !important;
    max-width: inherit !important;
}

.widget .multiColumnWidget #people-finder-container > .people-finder-triggers .clearfix .SearchFilter > input {
    margin-left:16px;
}

.widget .multiColumnWidget #people-finder-container > .people-finder-triggers .clearfix .col-md-1 .btn-group{
    padding-left:4px;
}

.widget .multiColumnWidget #people-finder-container > .people-finder-triggers .clearfix .col-md-1 .btn-group > a.btn {
    width: 78px !important;
}


.col-md-3 .widget .itemsPickerWidget .col-md-3 .news-synopsis, .col-md-9 ul[id$="01_column"] .widget .itemsPickerWidget .col-md-3 .news-synopsis {
    display:none !important;
}

.col-md-3 .widget .itemsPickerWidget .col-md-3 img, .col-md-9 ul[id$="01_column"] .widget .itemsPickerWidget .col-md-3 img {
    display:none !important;
}

.itemsPickerWidget .newcollection-items {
    cursor: pointer; 
    min-height: 0px; 
    height:auto;
}

.col-md-3 .widget .itemsPickerWidget .col-md-3 .forcedHiding, .col-md-9 ul[id$="00_column"] .widget .itemsPickerWidget .col-md-3 .forcedHiding {
    display:none !important;
}

.col-md-9 ul[id$="00_column"] .widget .itemsPickerWidgetEdit .folderText{
    margin-left:85px;
} 

.col-md-9 ul[id$="01_column"] .widget .itemsPickerWidgetEdit .folderText {
    margin-left: 0px;
}

.col-md-9 ul[id$="00_column"] .widget .itemsPickerWidgetEdit .newsKnowkedgeItem{
    margin-top:6px;
    margin-left:141px;
}

.col-md-9 ul[id$="01_column"] .widget .itemsPickerWidgetEdit .newsKnowkedgeItem, .col-md-3 .widget .itemsPickerWidgetEdit .newsKnowkedgeItem{
    margin-top:6px;
    margin-left:10px;
}

.collapse .header
{
    display:block !important;
}

@media (max-width: 768px){
    img {
      width: 100% !important;
    }
}



