*{padding: 0; margin: 0;}
body{font-family: Arial, Helvetica, sans-serif; font-size: 12px; display: block; margin: 8px; background-color: #999999;}

/* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:focus {
    outline: none;
}
table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}
p {
    display: block;
    margin: 14px 0;

}
h6 {
    display: block;
    margin: 2.33em 0 0 0;
    font-weight: bold;
}
h4 {
    display: block;
    margin: 1.33em 0;
    font-weight: bold;
}
ul, menu, dir {
    display: block;
    list-style-type: disc;
    margin:1em 0;
    padding-left: 40px;
}
.mainbody{width:887px;margin-right:auto; margin-left:auto;padding-bottom:0px;border-collapse: collapse;border-spacing: 0;border-color:black;
border-style:solid;border-width: 0px; padding-top:5px;}
.top-bar{width:100%; margin-right:auto; margin-left:auto; border-collapse: collapse;border-spacing: 0;}
.main-header{width: 754px; padding: 21px 13px 0 33px; height: 72px;
    border-bottom: 4px solid #999;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #fefefe 82%, #f0f0f0 91%, #e1e1e1 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#fefefe 82%,#f0f0f0 91%,#e1e1e1 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#fefefe 82%,#f0f0f0 91%,#e1e1e1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 );
}
.main-header1 { clear:both; width:99%; margin: 0;  background-position: 105px 107px; border-bottom:#FFF 1px solid; height: 65px;margin-top:0px; }
.main-header-left{float: left; margin-top: 1px;}
.main-header-center{float: left; margin-left: 21px;}
.main-header-right{float: right;}

.main-header-left1 { float:left; width:20%; margin-top: 5px; }
.margintop0 { margin-top:0px!important; }
.main-header-right1 { float:right; width:79.5%; margin: 0 0; font-size: 15px; padding-top: 19px;}
.main-header-right1 a { font-size: 15px; }

.search-bdy{background-color: #E7E7E7;}
.search-btn{padding: 1px 6px;}
td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 1px;
}
input:not([type]), input[type="email" i], input[type="number" i], input[type="password" i], input[type="tel" i], input[type="url" i], input[type="text" i] {
    padding: 1px 0px;
}
td, th {
    display: table-cell;
    vertical-align: inherit;
}
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
    padding: 1px 6px;
}
.AppServerFrame { overflow:hidden;display:inline;visibility: initial;margin:0px; }
.AppServerFrame1 { overflow:hidden;display:inline;visibility: initial; display:block; margin-bottom:50px; }
.BLeft{width:58%; float:left; margin: 10px 0 0 10px; background-color:#FFF;}
.BRight{float:right; width:37%; background-color: #FFF; padding-left:10px; border-left: solid; border-bottom: solid; border-width: 1px; border-color: #fff; margin: 40px 10px 10px 10px; }
.BLeft1{width:60%; float:left; margin: 10px 0 0 0px; background-color:#FFF;}
.BRight1 {
    float: right;
    width: 36%;
    background-color: #FFF;
    padding-left: 10px;
    border-left: solid;
    border-bottom: solid;
    border-width: 1px;
    border-color: transparent;
    margin: 180px 10px 10px 10px; }

    .BLeft2{width:54%; float:left; margin: 10px 0 0 10px; background-color:#FFF;}
    .BRight2 {
        float: right;
        width: 40%;
        background-color: #FFF;
        padding-left: 10px;
        border-left: solid;
        border-bottom: solid;
        border-width: 1px;
        border-color: transparent;
        margin: 18px 10px 10px 10px; }



.footerbdy{width:887px;margin-right:auto;text-align:left;border:0;margin-left:auto;padding-bottom:0px;border-collapse: collapse; border-spacing: 0;padding-top:5px; margin-top: 7px;}
.FMenu{float:left; clear:none; width:600px;margin-top:30px;}
.footer-bottom{float:left; width:600px; margin-top:10px;}
.slicknav_menu{display: none;}
.MCBody{width:887px; border:0; text-align:left; border-collapse: collapse; border-spacing: 0;}
.slicknav_nav li {width: 100% !important;}
.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0 !important;
    border-bottom:1px solid #757575!important;
    padding-left:10px!important;
    padding-right:10px!important;
}
.QuickStart-img{margin-right: 5px;}



 /***** EXTRA CSS *****/

.mobilenav { display: block;}
.navbar1 { width: 100%; border-spacing:0; background:#333333; }
.navbar-home { width: 100%; border-spacing:0; background:#999999; }
ol li { margin-left: 40px; }


#MenuBar2 { }
 #MenuBar2 ul {width:100%;border-collapse: collapse;border-spacing: 0; list-style: none; margin: 0; padding: 0; }

 #MenuBar2 ul li {width:24%;  text-align:center; white-space: nowrap;background-color:#dcdcdc;border-top:solid 5px #333; 
    border-right:solid 1px #333;border-left:solid 1px #333 ;padding: 5px 0 10px 0; float:left; margin-right:1%; }
    #MenuBar2 ul li strong { font-size: 12px; }
#MenuBar2 ul li.homenav { min-width:230px; margin-right: 12px; }
#MenuBar2 ul li.homenav strong { font-size:12px;}
	#MenuBar2 ul li:last-child { margin-right:0;}

	#MenuBar2 ul li.active { background: #ffffff; border-top:solid 5px #c30; }
#MenuBar2 ul li a {	font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#666; }

.first-content { float:left; margin-top: -50px; }
.second-content { position: relative; float: left;}
h3 { margin: 20px 0px;}
.navbar-bg { background-color:#FFFFFF; background:url(../images/background-grey-gradation.png); background-repeat:repeat-x; background-position: 0px -20px; }
.container1 { background-color:#ffffff; text-align: center;}
.googlead1 { text-align: center;}

.sec1, .sec2, .sec3, .sec4 { float: left; width: 100%;}
.sec1 h2, .sec2 h2, .sec3 h2 { margin-bottom:10px;}
.home-h1 { margin: 15px; }
.other-services { float: left;}
.comment-head { margin-top: 5px;margin-left:20px }

@media screen and (max-width: 905px){
    .mobilenav { display: none;}
    .mainbody {width: 100%;}
    .main-header{width: 100%; padding: 10px 0 15px 0; text-align: center; height: inherit;}
    .main-header-left{display: inline-block; float: none;}
    .main-header-center{display: inline-block; float: none; margin-left: 0;}
    .main-header-center img{ background-size: 50%; width: 80%;}
    .main-header-right{display: inline-block; float: none; margin-top: 15px;}
    .navbar {display: none;}
    .search-bdy{padding: 5px 0; text-align: center;}
    .BLeft, .BLeft1, .BLeft2 {    width: 98%; margin: 0 1% 10px;}
    .BRight, .BRight1, .BRight2 {width: 96%; margin-top: 20px;    padding-left: inherit; border-left: inherit; border-bottom: inherit; border-width: inherit; border-color: #CCC; margin: 15px 2%;}
    .BRight1 h1 { margin-top: 0!important;}
    .footerbdy{width: 100%;}
    .footer-bottom{width: 100%;}
    .slicknav_menu{display: block;}
    .FMenu {float: left; width: 100%;}
    .footerbdy a{line-height: 24px;}
    .MCBody{width: 100%;}
    .main-header-right1 { padding-top: 0px;}
    .main-header-right1 p { margin: 5px 0;}
    .main-header-right1 a { font-size: 12px; }
    .SiteLinks { width: 100%!important; }
    .copyright { width: 100%!important; }
    .full400 { width:85%!important; }
    .slicknav_nav li a { color:#ffffff!important; padding:5px 0px; font-size: 14px!important; }
    #MenuBar2 ul li { width: 23.9%; }
    .tdLogoContainer { background: #ffffff;}
    .slicknav_nav .slicknav_row { padding: 5px 0px!important; }
    .divProductNavContainer { width:100%; text-align: center; border-bottom:1px solid #333333;}
    #MenuBar2 { display:inline-block; }
    .productLinks { float: left; margin: 10px auto; display: block; text-align: center; width: 100%; }
    .productLinks a { display: inline-block; }
    .tdProductNav { background-position: 0 0px; background-size: 100% 100%;}
    .second-content { height:auto;}
    .leftContainer { width: 90%; border-right:none;}
    .rightContainer { width:96%;margin-left:2%; margin-right: 2%;}
    .firstRightContent { width: 100%; padding:15px; }
    .iframeImage { width:96%; margin-left:2%; margin-right: 2%; }
    .secondRightContent { margin: 0 0 30px 15px; width:96%; margin-left:2%; margin-right: 2%;}
    .thirdRightContent { width:96%; margin-left:2%; margin-right: 2%; }
    .first-content { width: 100%; }
    .adsbygoogle { width: 96%!important;}
    #AppServerFrame iframe { width: 100%!important;}

    h1 { font-size: 22px!important; }
    .other-services { float:left; width: 100%;}
    .AppServerFrame1 { margin-bottom:0px;}
    hr { margin:20px 0px 0px; }
    h2 { font-size: 18px!important;}
    .home-h1 { margin:15px 0px 30px 15px; }
}

@media screen and (max-width: 739px){
    .main-header-left1 {
        float: left;
        width: 100%;
        text-align: center;
    }
    .main-header-right1 { width: 100%; text-align: center; }
    .sec1, .sec2, .sec3,.sec4 {float: left!important; height:auto!important; width:90%!important; margin-right: 0!important; clear:both; margin: 0px 0 10px 10px!important; }
    .sec3 h2 { float: left!important; margin-right:0!important; margin-top: 0!important; }
    .sec3 ul { float: left!important; margin-right: 0!important; margin-top: 0px!important; }
    .sec3 tr, .sec3 td { float:left; width:100%;}
    table, td, th, thead, tbody, tr { display: block!important; width: 100%!important; float:left; overflow: hidden;}
    h1, h2, h3, h4 { display: block; float:left; width:100%; margin:20px 0px!important;}
    h1 { margin: 10px 0px 10px 0px!important;}
    hr { margin: 20px 0; float:left; width:100%; display: block; }
    .break br { display:none;}
    .BCLlogoContainer { text-align: center;}
    .TopNavLinkContainer { width: 100%; margin-bottom:5px; text-align: center; }
    .logoLayout { display: inline-block; float: none; }
    .searchContainer { width: 100%; margin:0 0 10px; }
    .top-bar { background: #ffffff;}
    .marginbtm0 { margin-bottom: 0px!important;}
    .fullwidth { width: 100%!important; margin: 10px 0 10px 10px!important; }
    .ad1 { float: left; }
    .ad1 div { float:left; width:100%; display: block;}
    .subSecondHeader { margin-left: 25px; }
    #MenuBar2 ul li a { font-size: 14px!important; }
    h2 { padding: 0; margin: 10px 0px!important; }
    .home-h1 { margin: 0px 0px 50px 15px!important; }
    .first-header { padding: 10px 0 0 20px!important; }
    .sec2 input { margin-left: 0!important; }
    .comment-head { margin-top: 5px;margin-left:20px!important; }
}

@media screen and (max-width:640px) {
    #AppServerFrame { margin: 0 !important; }
    .BRight2 br { display: none;}
    .BRight2 h1 { margin:0 0 0 0 !important;}
}

@media screen and (max-width: 600px){
.top-bar{ text-align: center;}
.top-bar div{float: none ! important;}
.BLeft td{width: 100% !important; display: block;}
.website-aspnet{display: block; margin: 0 auto;}
h1 {font-size: 18px !important;}
h2 {font-size: 16px !important;}
.ListQuote{font-size: 14px;}
.footerbdy div{display: block !important;}
.syntaxhighlighter .line .number{float: left !important;}
.syntaxhighlighter .line .content{display: inherit;}
.footer-margin{margin-top: -32px;}
.footer-img{height: 25px !important; margin-top: 10px !important;}
.main-header1 { height: auto;}
#MenuBar2 ul li { width: 48.6%;}
.navbar-bg { background-size:100% 100%; background-position: 0px 0px;}
iframe {width: 100%!important;}
#MenuBar2 ul li.homenav { min-width: 100%; max-width:100%; width: 100%;}
.quoteContainer { margin: 0 0 0 0px;}
.myButton { padding: 10px!important; font-size: 16px!important;}
.textTwo a { font-size: 18px!important;}
.second-header { margin: 0 0 20px 20px!important; }
.second-content { background-position: center right; background-size: 55%; }

.text-button { margin: 0 0 10px 20px; }
.fb_iframe_widget {
    overflow: auto!important;
    width: 98%!important;
    overflow-y: hidden!important;
}

}

@media screen and (max-width: 520px){
    #MenuBar2 ul li {
        width: 100%;
    }

}

@media screen and (max-width: 450px){
   .search-btn{margin-top: 5px; padding: 5px 15px;}
   .TabbedPanelsTab{padding-right: 5px; font-size: 12px; padding-left: 5px; width:46%;
    text-align: center;}
   .search-input{width: 98%;}
   .searchContainer span, .searchContainer input { display: block; width: 100%; margin: 5px auto;}
   .searchContainer span, .searchContainer input[type=submit] { width: auto; }
   #AppServerFrame { overflow-y: auto; width: 96%; }
   .fb_iframe_widget {
    overflow: auto!important;
    width: 88%!important;
    overflow-y: hidden!important;
}

}

@media screen and (max-width: 400px){
    #ProgrammingNav li {display: inline-block; float:none !important;}
    .main-header-center img { background-size: 50%; width: 70%;}
    h1 {font-size: 15px !important; padding:0!important; margin:0!important;}
    h2 {font-size: 14px !important; padding:0!important; margin:0!important;}
    .ListQuote{font-size: 13px;}
    .TabbedPanelsTab {
        width: 45%;
        text-align: center;
    }
    code {
        word-wrap: break-word;
        display: block;
    }
}