html, body, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, td, tr, del, ins, map, 
a, abbr, acronym, b, bdo, big, br, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset 
{
   margin: 0;
   padding: 0;
}
html,body
{
    margin: 0px;
    padding: 0px;
   }
img 
{
   max-width:620px;
   height: auto;
   display:block;
   border:0px;
   padding:0px;
   margin-top:15px;
   margin-left: auto;
   margin-right: auto
}

body
{
  width:100%;
  background:#eee;
  font-size:75%;
  font-family: Helvetica, Arial, Sans-Serif;
  margin-left: auto;
  margin-right: auto;
}

h1
{
color: #000;
font-weight: 700;
font-size: 18px;
text-align: center;
font-family: Helvetica,Arial,Sans-Serif;
font-weight:bold;
margin:.2em 0.2em .2em 0;
}

h2
{
color: #000;
font-weight: 700;
font-size: 18px;
text-align: left;
font-family: Helvetica,Arial,Sans-Serif;
padding: 0;
font-weight:bold;
margin-top:26px;
margin-left:8px;
margin-bottom:15px;
}

.redcolor
{
color:#FF0707;
}
.bluecolor
{
color:#0730FF;
}
.greencolor
{
color:#0DAE0F;
}
.voiletcolor
{
color:#AF00DF;
}
.center
{
text-align:center;
}

h3
{
color: #000;
font-weight: 700;
font-size: 16px;
text-align: left;
font-family: Helvetica,Arial,Sans-Serif;
padding: 0;
font-weight:bold;
margin-top:26px;
margin-left:8px;
margin-bottom:10px;
}

h4
{
   font-size: 12px;
}

h5
{
   font-size: 15px;
}

h6
{
   font-size: 13px;
}

a
{
  color:rgb(6, 143, 221);
  text-decoration:none;
}

p
{
   line-height: 1.8em;
   font-family: "Open Sans",Arial,sans-serif;
   font-size: 14px;
   color: #000;
   margin:.8em 10px 1em 10px;
   padding:0;
   text-align:justify;
}

/* Scrool Bar Animation  */

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background: #fff;
}
::-webkit-scrollbar-thumb {
background: rgb(218, 218, 218);
-webkit-box-shadow: inset 0 0 6px rgba(6, 6, 6, 0.5);
}
::-webkit-scrollbar {
width: 10px;
height: 10px;
}

/* Table style sheet */

table.src th.fivepct
{
width:5%
}

table.src th.thirtypct
{
width:30%
}

table.src th.twentypct
{
width:20%
}

table
{
width:98% !important;
max-width:98% !important;
margin-left:6px;
}

table.src
{
border:1px solid #d6d6d6;
width:100%;
border-collapse:collapse;
vertical-align:top;
margin-top:8px;
margin-bottom:8px;
background-color:#F5F5F5;
font-family: "Open Sans",Arial,sans-serif;
font-size: 14px;
}

table.src td
{
border-collapse:collapse;
border:1px solid #d6d6d6;
padding:5px;
}

table.src th
{
border-collapse:collapse;
border:1px solid #d6d6d6;
background-color:#55EDF3;
padding:5px;
text-align:left;
}

table.right
{
border:1px solid #d6d6d6;
width:95%;border-collapse:collapse;
vertical-align:top;
margin-top:8px;
margin-left:5px;
margin-bottom:8px;
background-color:#f7f7f7;
}

table.right td
{
border-collapse:collapse;
border:1px solid #d6d6d6;
padding:5px;
}

table.right th
{
border-collapse:collapse;
border:1px solid #000;
background-color:#000;
color:white;
padding:3px;
text-align:center;
}

table.tlist
{
border:1px solid #d6d6d6;
width:95%;
border-collapse:collapse;
vertical-align:top;
margin-top:8px;
margin-left:5px;
margin-bottom:8px;
background-color:#f7f7f7;
}

table.tlist td
{
border-collapse:collapse;
border:1px solid #d6d6d6;
padding:5px;
text-align:left;
font-size:90%;
}

table.tlist th
{
border-collapse:collapse;
border:1px solid #000;
background-color:#000;
color:white;padding:3px;
text-align:center
}

/* browser supported */

.tdchrome{background:url("http://www.tutorial4us.com/files/browser-icons.png")no-repeat center 4px;}
.tdfirefox{background:url("http://www.tutorial4us.com/files/browser-icons.png")no-repeat center -33px;}
.tdie{background:url("http://www.tutorial4us.com/files/browser-icons.png")no-repeat center -73px;}
.tdopera{background:url("http://www.tutorial4us.com/files/browser-icons.png")no-repeat center -112px;}
.tdsafari{background:url("http://www.tutorial4us.com/files/browser-icons.png")no-repeat center -146px;}
.td-center{text-align:center;}

/*   End Table style sheet*/

/************Logo size*******************/
h1.logo a{
   float:left;
   border:0px;
   background:url(../files/logo.png) no-repeat right;
   background:url(../files/logo.png) no-repeat left;
   width:280px;
   overflow:visible;
   text-indent:-9999px;
   margin:0px;
   padding:0px;
   position:relative;
   left:0px; 
   z-index:10;
}


/* main top header */
#header
{ 
   background: #21c3f3; /* current scheme */
   height:110px; 
   line-height:100px; 
   width:100%;
}

/* top menu styles where we add all the pages like java c c++ */
#topmenu
{
   margin:0;
   padding:0;
   background: rgb(218, 218, 218);
   clear:both;
   height:30px;
   position:relative;
   top:0px;
   width:100%;
   border-top: 1px solid #fff;
}

#topmenu #left
{
   float:left;
   word-spacing:12px;
   font-size:100%;
   padding-left:00px;
   padding-top:8px;
   white-space:nowrap;
   text-align:left;
}
#topmenu #right
{
   float:right;
   word-spacing:6px;
   font-size:80%;
   padding:12px;
   color:white;
   white-space:nowrap;
   text-align:right;
}

#topmenu a:link    {text-decoration:none;color:black;background-color:transparent;font-weight:bold;}
#topmenu a:visited {text-decoration:none;color:black;background-color:transparent;}
#topmenu a:hover   {text-decoration:none;color:cyan; font-weight:bold; background-color:transparent;}
#topmenu a:active  {text-decoration:none;color:red; background-color:transparent;}

.wrapper
{
   width:1160px;
   padding:0px;
   margin:0 auto;
   overflow: hidden;
}

#middlecol
{
   float:left;
   width:628px;
   border:1px solid #d6d6d6;
   background:#fff;
}


#rightcol 
{
   float:left;
   width:310px;
   padding:2px;
   margin-top:0px;
   text-align:center;
   background:transparent;
   border:0px solid #d6d6d6;
}

#leftcol
{
   float:left;
   width:220px;
   border:0px solid #d6d6d6;
   height:100%;
}


#leftcol b
{
   font-size:110%;
   color:#000;
   position:relative;
   left:10px;
}

#leftcol .menu b
{
   font-size:110%;
   color:#000;
   position:relative;
   left:0px;
}

#leftcol .mini-logo img{
   text-align:center;
   margin:0 auto;
   float:center;
}


#cbse_middlecol 
{
   float:left;
   width:653px;
   border:1px solid #d6d6d6;
   background:#fff;
}

.cleaer{
   clear:both;
}
.clearer{
   clear:both;
}
#leftcol, #middlecol, #rightcol {min-height: auto; padding:0px;}
#leftcol p, #content p, #rightcol p {font-weight: bold}
#leftcol {background:transparent;}
#content 
{
background:#fff;
}

 .note
 {
color: #000;
background: url(http://www.tutorial4us.com/files/note-icon.png) no-repeat 3px #FCFFFF;
width:auto;
font-family: "Open Sans",Arial,sans-serif;
line-height: 1.6em;
font-size: 14px;
padding: 8px 5px 5px 36px;
margin: 12px 6px;
box-shadow: 2px 2px 10px #E4E4E4;
}
 .note:hover
 {
background: url(http://www.tutorial4us.com/files/note-hover.png) no-repeat 3px #FFF; 
}
.note p
{
margin:0px;
}
.note span
{
color:#0020FF;
font-weight:bold;
}

ul.list
{
  margin-left: 20px;
  margin-right: 20px;
  line-height: 1.8em;
  padding-left:15px;
  list-style:none;
  font-family: Georgia,Helvetica,sans-serif;
  font-size: 15px;

}
ol.list
{
   line-height: 1.6em;
   font-family: Georgia,Helvetica,sans-serif;
   font-size: 15px;
   color: #000;
   margin-left: 50px;
   margin-right: 20px;
   padding:0;
   text-align:justify;
}

ul.alpha, ol.alpha{
  padding-left:35px;
  list-style:upper-alpha;
}
ul.choice, ol.choice{
  padding-left:22px;
  list-style:upper-alpha;
}

ul.list li
{
 list-style: disc outside url("http://www.tutorial4us.com/files/list-style-icon.png");
margin-top:5px;
}

ul.list li:hover
{
 list-style: disc outside url("http://www.tutorial4us.com/files/list-style-hover.png");
margin-top:5px;
}

ol.alpha{
  padding-left:35px;
  list-style:upper-alpha;
}
#rightcol {background:transparent;}
#rightcol p {
   text-align:center;
   margin:.4em 0 .8em 0;
}

/* left side menu styles */

nav ul
{
  margin-top:1px;
  margin-right:5px;
  margin-bottom:1px;
  list-style:none;
  overflow: hidden;
  -webkit-transition: max-height 0.4s;
  -ms-transition: max-height 0.4s;
  -moz-transition: max-height 0.4s;
  -o-transition: max-height 0.4s;
}

nav ul li {
 margin:0;
 background:url('http://www.tutorial4us.com/files/list-icon.gif') no-repeat 0px 8px; 
 padding:0px 0px 0px 19px;
}

nav ul li a {
  display:block;
   padding:8px 0px;
   border-bottom:1px dotted #bbbbbb;
}

nav ul li.heading {
   margin:0;
   color: #fff;
   background: #21c3f3;
   font-size:110%;
   font-weight:bold;
   border:1px solid #03afe2;
   padding: 8px 0px 8px 15px;
}

nav ul li.sreading {
   margin:0;
   background:#C1C1C1;
   font-size:110%;
   font-weight:bold;
   border:1px solid #aaa;
   padding:8px 0px 8px 15px;
}

ul.menu li {
   margin:0;
   background:url('/files/list-icon.gif') no-repeat 0px 8px; 
   padding:0px 0px 0px 19px;
}

nav ul li a:link {text-decoration:none;color:black;background-color:transparent}
nav ul li a:visited {text-decoration:none;color:black;background-color:transparent}
nav ul li a:hover {text-decoration:none;color:red;background-color:#E0E0E0; border-left:1px dotted #BBBBBB;border-right:1px dotted #bbbbbb;}
nav ul li a:active {text-decoration:none;color:red;background-color:#CCC;}

.handle {
width: 100%;
margin: 0px;
padding: 10px;
cursor: pointer;
display:none;
color: #fff;
}

hr {
   display: block;
-webkit-margin-before: 0.5em;
-webkit-margin-after: 0.5em;
-webkit-margin-start: 0.5em;
-webkit-margin-end: 0.5em;
border-style: inset;
border-width: 1px;

}

/* Button container*/

.post_neighbors_container_wrapper
{
border-bottom: 1px solid #DCDCDC;
border-top: 1px solid #DCDCDC;
display: table;margin:0 auto;
}

/*previous button*/

.pre-btn
{
    background: url('http://2.bp.blogspot.com/-TjpE6gSTJk4/Uc1pGGJJueI/AAAAAAAAKvI/EXD1r1O3Kec/s16/small-left.png') no-repeat scroll 3% center transparent;
    display: table-cell;
    padding: 10px 50px;
    text-align: center;
	display: table-row;
    vertical-align: middle;
    width: 100px;
    display: table-cell;
    text-align: center;
    font-size: 13px;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 0;
    font-family: "Bitter",arial,sans-serif;
    font-weight: normal;
}

.pre-btn:hover 
{
background-color: #F6F6F6;
}
.pre-btn:active
{
 position:relative;
 top:1px;
}

/*next button*/
.nxt-btn
{
    background: url('http://2.bp.blogspot.com/-HMYWh6AhZII/Uc1o9XV0ZLI/AAAAAAAAKvA/2I6VR6-PVPM/s16/small-right.png') no-repeat scroll 97% center transparent;
    border-left: 1px dashed #DCDCDC;
    display: table-cell;
    padding: 10px 50px;
    text-align: center;
    display: table-row;
    vertical-align: middle;
    width: 100px;
    display: table-cell;
    text-align: center;
    font-size: 13px;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 0;
    font-family: "Bitter",arial,sans-serif;
    font-weight: normal;
}

.nxt-btn:hover 
{
background-color: #F6F6F6;
color: #333333;
}
.nxt-btn:active {
	position:relative;
	top:1px;
}

/* End Button next and prev*/

/*  ads css */ 

/* right sides otherads  ads*/
div.otherads
{
   padding:5px;
   margin:5px;
   margin-top:0px;
   border:1px solid #908e8f;
   background:transparent;
   text-align:center;
}
 
/* right sides ads*/
 
div.rightads
{
   text-align:center;
}

/* top  ads*/

div.topads
{
border-top: 1px solid #d6d6d6;
padding-top:5px;
-webkit-margin-start: 0.2em;
-webkit-margin-end: 0.5em;
}
 
/* bottom  ads*/

div.bottomads
{
text-align:left;
padding-bottom:15px;
padding-left:15px;
}

/* end ads css*/

/*     Syntax hilighter        */

/* desert scheme ported from vim to google prettify */
pre.prettyprint 
{ 
    display: block; 
    background-color: #FFF; 
    color: #000;
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 14px;  
    line-height: 1.4em;
    word-spacing: 4px;
    overflow: auto;
    max-height: 1300px;
    border-color: #A2E8F9 #65BFF5 #C8C1C1 #000;
    border-style: solid;
    border-width: 2px;
    margin: 10px;
    padding: 15px 2px 25px 10px;
    border-left: 4px solid #076D99;
}

pre .nocode { background-color: none; color: #000 }
pre .str { color: #EE14BA; } /* string  - pink */
pre .kwd { color: #0033CC; font-weight: bold;} /* keyword - blue */
pre .com { color: #05A305; } /* comment - Green */
pre .typ { color: #FF0000; } /* type    - lightgreen */
pre .lit { color: #cd5c5c; } /* literal - darkred */
pre .pun { color: #000;    }    /* punctuation */
pre .pln { color: #000;    }    /* plaintext */
pre .tag { color: #0033CC; font-weight: bold;} /* html/xml tag    - dark-blue*/
pre .atn { color: #504B08; } /* attribute name  - khaki */
pre .atv { color: #FF7171; } /* attribute value - pink */
pre .dec { color: #06B206; } /* decimal         - lightgreen */

/*  End   Syntax hilighter        */

/*-----------Code Area------------*/

pre.code 
{
    display: block; 
    background-color: #FFF; 
    color: #000;
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 14px;  
    line-height: 1.6em;
    word-spacing: 4px;
    overflow: auto;
    max-height: 1300px;
    border-color: #A2E8F9 #65BFF5 #C8C1C1 #000;
    border-style: solid;
    border-width: 2px;
    margin: 10px 10px 10px 10px;
    padding: 10px 45px 20px 20px;
    border-left: 6px solid;
}

/*-----------End Code Area------------*/

/*  End   Syntax hilighter        */

.output
{
    display: block; 
    background-color: #fff; 
    color: #000;
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 14px;  
    line-height: 1.6em;
    word-spacing: 4px;
    overflow: auto;
    max-height: 1300px;
    border-color: #A2E8F9 #65BFF5 #C8C1C1 #000;
    border-style: solid;
    border-width: 2px;
    margin: 10px 10px 10px 10px;
    padding: 10px 45px 20px 20px;
    border-left: 4px solid #009D02;
}

.interview 
{
font-family: Helvetica,Arial,Sans-Serif;
text-align:center;
width:auto;
background: #48d;
color: #fff;
font-size: 23px;
font-weight: bold;
height: 30px;
margin: 0px;
padding: 5px;
}

.example
{
background:#F5F5F5;
width: auto;
color: #000000;
padding: 1px;
border-radius: 4px;
padding:2px;
padding-top:2px;
margin:6px;
}
.example h2
{
font-size: 14px;
font-family: Helvetica,Arial,Sans-Serif;
font-weight: 700;
color: rgb(0, 83, 94);
margin-top: 4px;
margin-left: 7px;
margin-bottom: -4px;
}

.try_it_button
{
background: rgb(10, 109, 160);
color: #fff;
margin: 0px 0px 4px 8px;
border: 2px solid #0A6DA0;
border-radius: 4px;
padding: 3px 10px 3px 10px;
font-weight: bold;
font-size: 13px;
}

.try_it_button:hover
{
background:#fff;
color:#000;
}

.try_it_button a
{
text-decoration:none;
color: #fff;
}

.try_it_button:hover a
{
background:#fff;
color:#000;
}

/*	Footer	*/
  
footer
{
width:100%;
margin-top:200px;
}

.footer-top-row
{
width:100%;
background:#000;
height:300px;
}

footer h1
{
color:#fff;
float: left;
font-size:20px;
font-weight:normal;
font-family: "Open Sans", Arial, sans-serif;
padding:0px 0px 20px 0px;
}

footer div.footer-ribon {
	background: rgb(33, 195, 243);
	position: absolute;
	padding: 10px 15px 12px 20px;
	margin: -16px 0 0 22px;
}

footer div.footer-ribon:before {
  border-right: 16px solid #646464;
  border-top: 16px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: -23px;
  position: absolute;
  top: 0;
  width: 7px;
}

footer div.footer-ribon span {
	color: #FFF;
    font-family: "Open Sans", Arial, sans-serif;
	font-size: 18px;
}

.footer-col-1
{
float:left;
width:24%;
margin-top:50px;
margin-left:40px;
}
.footer-col-1 ul li span, .footer-col-2 ul li span, .footer-col-3 ul li span
{
font-size:8px;
font-family:'Segoe UI Symbol';
color: rgb(116, 208, 255);
}
.footer-col-2
{
float:left;
width:24%;
margin-top:50px;
}
.footer-col-3
{
float:left;
width:24%;
margin-top:50px;
}
.footer-col-4
{
float:left;
width:24%;
margin-top:50px;
}

.footer-col-1 ul, .footer-col-2 ul, .footer-col-3 ul, .footer-col-4 ul
{
list-style:none;
}

.footer-col-1 ul li, .footer-col-2 ul li, .footer-col-3 ul li, .footer-col-4 ul li
{
color:#fff;
width:10px;
padding:6px;
font-weight:normal;
font-size: 12px;
font-family: "Open Sans", Arial, sans-serif;
}

.footer-col-1 ul li a, .footer-col-2 ul li a, .footer-col-3 ul li a
{
color:#fff;
text-decoration: none;
}
.footer-col-1 ul li a:hover, .footer-col-2 ul li a:hover, .footer-col-3 ul li a:hover, .footer-col-4 ul li a:hover
{
color:#12FF30;
}

.footer-col-4 ul li a
{
color: rgb(116, 208, 255);
text-decoration: none;
}

.footer-col-4 ul li span
{
font-size:16px;
font-family:'Segoe UI Symbol';
color: rgb(116, 208, 255);
}

.copyright
{
float:left;
height:100px;
width:100%;
border-top:3px solid #eee;
background: #21c3f3;
font-family: "Open Sans", Arial, sans-serif;
font-size: 12px;
}

.container
{
margin-left:100px;
margin-right:100px;
}

.copyright p
{
float:left;
color:#fff;
margin-left:40px;
margin-top:40px;
font-size:12px;
font-family: "Open Sans", Arial, sans-serif;
word-spacing: 0.1em;
}

.copyright img
{
float:left;
margin-top:10px;
height:80px;
width:auto;
}
.copyright-right-col
{
float:right;
width:20%:
}
.copyright-left-col
{
width:79%;
}

.copyright ul
{
list-style:none;
}

.copyright ul li
{
float:left;
color:#fff;
margin-top:40px;
font-family: "Open Sans", Arial, sans-serif;
font-size: 1.1em;
}

.copyright a
{
text-decoration: none;
color:#fff;
}
.copyright a:hover
{
color:#12FF30;
}

.copyright span
{
color:#BBB;
font-weight: bold;
}

/*	End Footer	*/


/*  Social icons */

.social-wrap {
margin:0 auto;
padding:0px;
text-decoration: none;
}
.social-wrap ul li {
list-style-type: none;
border-bottom:none;
margin:0 auto;
background: none;
padding:0px;
line-height: 0!important;
}
.social-wrap li a {
margin:5px 3px 0px 0px !important;
padding:0px;
width:30px;
height:30px;
text-indent:-99999px;
float:left;
-moz-border-radius:100%;
-webkit-border-radius:100%;
border-radius:100%;
}
.social-wrap li a.facebook1 {
background: #314d91 url(http://www.tutorial4us.com/files/social-icons.png) no-repeat 0px 0px;
-webkit-transition:All 0.3s ease-out;
-moz-transition:All 0.3s ease-out;
-o-transition:All 0.3s ease-out;
}
.social-wrap li a.facebook1:hover {
background: #314d91 url(http://www.tutorial4us.com/files/social-icons.png) no-repeat 0px -31px;
}

.social-wrap li a.google-p1 {
background:#a7291b url(http://www.tutorial4us.com/files/social-icons.png) no-repeat 0px -63px;
-webkit-transition:All 0.3s ease-out;
-moz-transition:All 0.3s ease-out;
-o-transition:All 0.3s ease-out;
}
.social-wrap li a.google-p1:hover {
background: #a7291b url(http://www.tutorial4us.com/files/social-icons.png) no-repeat 0px -96px;
}

.social-wrap li a.twitter1 {
background: #07beed url(http://www.tutorial4us.com/files/social-icons.png) no-repeat 0px -127px;
-webkit-transition:All 0.3s ease-out;
-moz-transition:All 0.3s ease-out;
-o-transition:All 0.3s ease-out;
}
.social-wrap li a.twitter1:hover {
background: #07beed url(http://www.tutorial4us.com/files/social-icons.png) no-repeat 0px -165px;
}

.social-wrap li a.youtube{
background: #314d91 url(http://www.tutorial4us.com/files/social-icons.png) no-repeat 0px -195px;
-webkit-transition:All 0.3s ease-out;
-moz-transition:All 0.3s ease-out;
-o-transition:All 0.3s ease-out;
}
.social-wrap li a.youtube:hover {
background: #314d91 url(http://www.tutorial4us.com/files/social-icons.png) no-repeat 0px -232px;
}

/*  media rules */

@media screen and (max-width:1400px) {
body{
min-width: 1300px;
max-width: 1480px;
}
}

@media screen and (max-width:480px) {
body{
min-width: 100%;
max-width: 100%;
}
nav ul {
max-height: 0;
}
.showing {
max-height: 70em;
}
.handle {
 display:block;
 font-weight:bold;
 background: url('http://www.tutorialday.com/nav-icon.png') no-repeat  70px 8px rgb(10, 109, 160);
}

.wrapper {
width:100%;
}
header
{
width:100%;
}
#topmenu
{
width:100%;
}
#leftcol {
width:100%;
}
#rightcol {
display:none;
}
#middlecol {
 font-size:12px;
 width:100%;
}
pre.prettyprint {
 font-size:12px;
 white-space: pre-wrap; //css3
 white-space: moz-pre-wrap; //firefox
 white-space: -pre-wrap; //opera 4-6
 white-space: -o-pre-wrap; //opera 7
 word-wrap: break-word; //internet explorer
}
pre.code {
 font-size:12px;
 white-space: pre-wrap; //css3
 white-space: moz-pre-wrap; //firefox
 white-space: -pre-wrap; //opera 4-6
 white-space: -o-pre-wrap; //opera 7
 word-wrap: break-word; //internet explorer
}
img {
width:100%;
}
post_neighbors_container_wrapper {
width:100%;
}
.mini-logo {
display:none;
}
footer {
display:none;
}
.social-wrap {
display:none;
}
#topmenu #right {
display:none;
}
}
</style>