body {
    background-color:#e6e6e6;
}

p{
     text-align: justify;
}

hr{
    margin:0 !important;
}

.btn_anchor{
    color:white !important;
    text-decoration:none !important;
    margin:0px !important;
}

.leftContentContainer{
    border-right:1px solid #e6e6e6;
}

@media all  {
    /* Footer Starts*/

    #Footer {
        border-top: 1px solid silver;
        padding-top: 10px;
        text-align:left;
    }

    #Footer b {
            font-size: medium;
            letter-spacing: 3px;
            color: #9e7a37;
        }

    #Footer ul {
            list-style: none;
            padding: 10px;
        }

    #Footer a {
            color: #907f72;
            text-decoration: none;
            letter-spacing:2px;
        }

    #Footer a:hover {
                color: #907f72;
                text-decoration: underline;
            }

    /* Footer Ends*/


    .DialogHelper{
        width:600px !important;
    }


    /* Header Starts*/
        
    #HeaderContainer
    {
        background-color:#161716;
        padding:5px;
        border-bottom:1px solid #4aa141;
        position:fixed;
        top:0px;
        z-index:999;
        width:100%;
    }

    #headerBranding a{
        letter-spacing:5px;
        color:#e6e6e6;
        font-size:22px;
        text-decoration:none;
    }
    #headerBranding span{
        font-size:12px;
    }

    #headerSearchContainer{
        text-align:center;   
        vertical-align:middle;
    }

    #headerSearchContainer input{
        text-align:left;
        width:90%;
        padding:3px 10px 3px 10px;
        margin:3px 0 3px 0;
        background-color:gray;
        border:1px solid darkgray;
        color:black;
    }

    #headerSearchContainer input:focus{
        background-color:white;
        border:1px solid darkgray;
        color:black;
    }

    #headerSearchContainer input::-webkit-input-placeholder { /* Edge */
        color: black;
    }

    #headerSearchContainer input:-ms-input-placeholder { /* Internet Explorer */
        color: black;
    }

    #headerSearchContainer input::placeholder {
        color: black;
    }

    #headerButtonContainer{
        text-align:right;
        color:white;
        padding:5px;
    }

    #headerButtonContainer a{
        color:silver;
        text-decoration:underline;
        margin:5px;
    }

    #headerButtonContainer a:hover{
        color:#e6e6e6;
        text-decoration:none;
    }

    /* Header Ends*/


    /* Main Container Starts */

    #MainContainer{
        padding-top:65px;
        background-image:url(/Content/D3/images/bg2.png);
        background-position-y:top;
        background-position-x:center;
        background-repeat:repeat-x;
    }

    /* Main Container Ends*/

    
    /* Secondry Identity Starts*/

    #SecondryIdentity{
      display:none;
    }

    #SecondryIdentity a{
        width:95%;
        margin:3px;
    }

    /* Secondary Identity Ends */


    /* Search Bar Starts */

    #SearchBar{
        text-align:center;
        padding:5px;
    
        z-index:999;
    }

    #SearchBar button {
     
        
    }


    /* Search Bar Ends */


    /* Card Helper starts */

    .CardHelper{
        margin:15px;
    }

    /* Card Helper Ends */


    /* side bar list Starts */

    .sideNavigationBar{
        border-right:1px solid gray;
        border-top:1px solid gray;
        padding:10px 20px 10px 20px;
        background-color:#e6e6e6;
    }

    .sideNavigationBar h5{
        padding:10px;
    }

    .sideNavigationBar ul{
        font-size:small;
        list-style:none;
    }

    .sideNavigationBar li{
        padding:3px 7px 3px 4px;
    }

    .sideNavigationBar li.selected{
        font-weight:bold;
    }

    /* side bar list Ends */

        /* Load button Starts*/

    .LoadButtonContainer{
        padding:0px 150px 0px 150px;
    }

    .LoadButton{
        border:1px solid gray;
        width:100%;
        padding:10px;
        margin:5px 0px 5px 0px;
        background:orange;
        color:white;
        font-weight:bold;
        cursor:pointer;
    }

    .LoadButton:disabled{
        
        background:#ffa366;
        
    }

    /* Load button Ends*/


    /* content stuff */

#PostContent{
    padding:20px;
}



#PostContent .ContentClass{
    border-bottom:1px dashed silver;
    margin-bottom:20px;
}

    /*content stuff*/


    /*Answer Content Starts*/

    .DiscussionContainer{
        padding:15px;
        /*border-top:1px dotted gray;*/
    }

    .DiscussionCard{
        padding:15px;
        border-top:1px dotted gray;
    }

    .DiscussionCard:hover{
        padding:15px;
        border-top:1px dashed gray;
    }

    .DiscussionCard iframe{
        width:100% !important;
    }

     .identity{
        background:#70B270;
        border:1px solid #449444;
        padding:5px 25px 5px 25px;
        border-radius:5px 0;
    }
     .IdentityTimeStamp{
         font-size:small;
         color:#248f24;
     }

     .identity img{
        width:50px;
        border-radius:20px;
        border:none;
    }


    /*Answer Content Ends*/

       /* Post Header View Starts */
    .PostHeaderView{
    display:block;
   
   
}
     /* Post Header View Ends*/

     #headerButtonContainerSec{
         display:block;
     }



     /* notifications start */

     #notificationContainer{
         border:1px solid silver;
         background:black;
         width:400px;
         position:fixed;
     }

 #notificationContainer a{
         text-decoration:none;
     }     

     #notificationContainer h5{
         color:#e6e6e6;
         display:block;
         width:400px;
         padding:10px;
         margin:0 !important;
         border-bottom:1px solid silver;
     }
     #notificationContainer div{
         color:black;
         display:block;
         background:#eeeeee;
     }

     #notificationContainer ul{
         list-style:none;
         display:contents;
     }

      #notificationContainer li{
         padding:10px;
         border-bottom:1px dashed gray;
         
     }
      #notificationContainer li:hover{
         padding:10px;
         border-bottom:1px dashed black;
         font-weight:500;
         cursor:pointer;
     }

       #notificationContainer li.active{
         padding:10px;
         border-bottom:1px dashed black;
         font-weight:500;
         cursor:pointer;
         background:white;
     }

       #notificationContainer li div{
         font-size:small;
         display:block;
         text-align:right;
         color:gray;
         background:none;
     }



     /* notifications end */

}

@media only screen and (max-width: 800px) {
    /* Footer Starts*/

    #Footer {
        border-top: 1px solid silver;
        padding-top: 10px;
        padding-right:10px;
        text-align:center;
        font-size:x-large;
    }

    #Footer b {
            font-size: x-large;
            letter-spacing: 3px;
            color: #9e7a37;
        }

    #Footer ul {
            list-style: none;
            padding: 10px;
        }

    #Footer a {
            color: #907f72;
            text-decoration: none;
        }

    #Footer a:hover {
                color: #907f72;
                text-decoration: underline;
            }

    /* Footer Ends*/

    .DialogHelper{
        width:100% !important;
    }

       /* Header Starts*/
        
    #HeaderContainer
    {
        background-color:#161716;
        padding:5px;
        border-bottom:1px solid #4aa141;
        position:relative;
        top:0;
        z-index:999;
        width:100%;
    }

    #headerSearchContainer{
        text-align:center;   
        vertical-align:middle;
    }

    #headerSearchContainer input{
        text-align:left;
        width:90%;
        padding:3px 10px 3px 10px;
        margin:3px 0 3px 0;
        background-color:gray;
        border:1px solid darkgray;
        color:black;
    }

    #headerSearchContainer input:focus{
        background-color:white;
        border:1px solid darkgray;
        color:black;
    }

    #headerSearchContainer input::-webkit-input-placeholder { /* Edge */
        color: black;
    }

    #headerSearchContainer input:-ms-input-placeholder { /* Internet Explorer */
        color: black;
    }

    #headerSearchContainer input::placeholder {
        color: black;
    }

    #headerButtonContainer{
        text-align:right;
        color:white;
        padding:5px;
    }

    #headerButtonContainer a{
        color:silver;
        text-decoration:underline;
        
    }

    #headerButtonContainer a:hover{
        color:#e6e6e6;
        text-decoration:none;
    }

     #headerButtonContainer button{
        display:none;
    }

    /* Header Ends*/

    /* Main Container Starts */

    #MainContainer{
        padding-top:25px;
    }

    /* Main Container Ends*/


    /* Secondry Identity Starts*/

    #SecondryIdentity{
        padding:5px;
        text-align:center;
        display:block;
    }

    #SecondryIdentity button{
        width:95%;
        margin:3px;
    }

    /* Secondary Identity Ends */

    /* Search Bar Starts */

    #SearchBar{
        text-align:center;
        padding:5px;
        position:fixed;
        bottom:10px;
        left:2px;
        width:90%;
        z-index:999;
    }

    #SearchBar button {
        
        display:block;
        float:none;
        
    }


    /* Search Bar Ends */


    /* Card Helper starts */

    .CardHelper{
        margin:10px 0px 10px 0px;
    }

    /* Card Helper Ends */

        /* Load button Starts*/

        .LoadButtonContainer{
        padding:0px 0px 0px 0px;
    }

    .LoadButton{
        border:1px solid gray;
        width:100%;
        padding:10px;
        margin:5px 0 5px 0;
        background:orange;
        color:white;
        font-weight:bold;
    }

    .LoadButton:disabled{
        
        background:#ffa366;
        
    }

    /* Load button Ends*/


    /* content stuff */

#PostContent{
    padding:20px;
}



#PostContent .ContentClass{
    border-bottom:1px dashed silver;
    margin-bottom:20px;
}

#PostContent img{
    width:100% !important;
    
}

    /*content stuff*/


      .DiscussionContainer{
        padding:15px;
        /*border-top:1px dotted gray;*/
    }

    .DiscussionCard{
        padding:15px;
        border-top:1px dotted gray;
    }

    .DiscussionCard:hover{
        padding:15px;
        border-top:1px dashed gray;
    }

    .DiscussionCard iframe{
        width:100% !important;
    }

     .DiscussionCard img{
        width:100% !important;
        height:auto !important;
    }


    /* Post Header View Starts */
    .PostHeaderView{
    display:none;
   
   
}
 
        /* Post Header View Ends*/

        #headerButtonContainerSec{
         display:none;
     }



        /* notifications start */

     #notificationContainer{
         border:1px solid silver;
         background:black;
         width:100%;
         position:fixed;
     }

 #notificationContainer a{
         text-decoration:none;
     }     

     #notificationContainer h5{
         color:#e6e6e6;
         display:block;
         width:400px;
         padding:10px;
         margin:0 !important;
         border-bottom:1px solid silver;
     }
     #notificationContainer div{
         color:black;
         display:block;
         background:#eeeeee;
     }

     #notificationContainer ul{
         list-style:none;
         display:contents;
     }

      #notificationContainer li{
         padding:10px;
         border-bottom:1px dashed gray;
         
     }
      #notificationContainer li:hover{
         padding:10px;
         border-bottom:1px dashed black;
         font-weight:500;
         cursor:pointer;
     }

       #notificationContainer li.active{
         padding:10px;
         border-bottom:1px dashed black;
         font-weight:500;
         cursor:pointer;
         background:white;
     }

       #notificationContainer li div{
         font-size:small;
         display:block;
         text-align:right;
         color:gray;
     }




     /* notifications end */


}


.hide{
    display:none;
}

.show{
    display:block;
}




#FooterDeco{
    background-image:url(/Content/D3/images/footerImg2.png);
    background-position-y:bottom;
    background-position-x:center;
    background-repeat:no-repeat;
    height:198px; 
}

#FooterDecoBase {
    background-image: linear-gradient(#e6e6e6, #f1c49e);
    font-size:small;
    color:#de6c0b;
}

#footerCopyRightContainer{
    background-color:#2C8423;
    color:#C1F7BB;
    letter-spacing:2px;
}


#BannerContainer{
    
    background-image: linear-gradient(#74C1E8, #B8D177);
    
}

#Banner{
    background-image:url(/Content/D3/images/banner.png);
    background-position-y:top;
    background-position-x:center;
    background-repeat:no-repeat;
    height:315px; 
}


.p-a-1{
    padding:10px;
}

.padding-none th td{
    padding:0 !important;
}

.p-l-1{
    padding-left:10px;
}

.m-a-1{
    margin:10px;
}
.m-t-1{
    margin-top:10px;
}
.m-a-2{
    margin:20px;
}
.m-a-3{
    margin:30px;
}
.w-5{
    width:5%;
}
.w-10{
    width:10%;
}
.w-100{
    width:100%;
}
.w-30{
    width:30%;
}
.w-20{
    width:20%;
}
.text-small{font-size:small;}
.tableHeader{
    border:1px solid gray;
    background:silver;
}

.tableRaw{
    border-bottom:1px solid silver;
}
.tableRaw:hover {
    border-bottom:1px solid Gray;
}

.QuestionContainer{
    padding:5px 10px 5px 10px;
    border-bottom:1px dashed gray;
}

.QuestionAttributes{
    font-size:small;
}



.PostGroup{
    border-top:1px dotted gray;
    padding:20px;
    margin-right:20px;
    margin-left:20px;
}

#HotQuestions{
    list-style-image:url('/Content/D3/images/bullet.png')
}

#HotQuestions li{
    border-bottom:1px dashed #eeeeee;
}


#PostHeader{
    border-bottom:1px solid silver;
    padding:15px 15px 5px 15px;
}

#PostHeader p{
    font-size:small;
    padding-left:20px;
    color:#262626
}

#PostHeader span{
    font-size:small;
    text-align:right;
    color:#262626;
   
}




.DiscussionItemHeader{
    margin-bottom:15px;
}

.DiscussionItemHeader h6{
    margin:0 !important;
    font-size:larger;
}
.DiscussionItemHeader small{
    font-size:small;
}

.commentContainer{
    border-bottom:1px dashed silver;
}

.cursorFinger{
    cursor:pointer;
}

.row-helper{
    margin-right:0px !important;
    margin-left:0px !important;
}