* {
margin : 0;
}
body {
text-align : center;
font-family : Verdana, Tahoma, arial, geneva, Helvetica, sans-serif;
background : url(img/bg.jpg) repeat-y center;
background-color : #f0f0f0;
}
img {
border : none;
}
table.reference {
border : 1px solid #c3c3c3;
border-collapse : collapse;
}
table.reference th {
background-color : #e5eecc;
border : 1px solid #c3c3c3;
padding : 3px;
vertical-align : top;
}
table.reference td {
border : 1px solid #c3c3c3;
padding : 3px;
vertical-align : top;
}
h1 {
font-size : 17px;
color : #cc0000;
border-bottom-width : 1px;
border-bottom-style : dotted;
width : 600px;
margin-left : 20px;
font-weight : bold;
}
h2 {
font-size : 14px;
color : #090909;
font-family : arial, geneva, Helvetica, sans-serif;
text-decoration : none;
margin-left : 20px;
width : 750px;
}
h3 {
font-size : 14px;
color : #cc0000;
text-decoration : none;
}
h4 a {
font-size : 14px;
color : #cc0000;
text-decoration : none;
}
h4 a:hover {
font-size : 14px;
color : #666666;
text-decoration : underline;
}
h5 a {
font-size : 13px;
color : #ddd;
text-decoration : none;
}
h5 a:hover {
font-size : 13px;
color : #cc0000;
text-decoration : none;
}
.foo {
background : url(img/foo.jpg) repeat-x center;
width : 1000px;
height : 35px;
}
.foo a {
font-size : 13px;
color : #FFF;
text-decoration : none;
}
.foo a:hover {
font-size : 13px;
color : #cccccc;
text-decoration : none;
}
p {
letter-spacing : normal;
color : #050505;
padding : 0 0 1em;
font-size : 14px;
font-style : normal;
font-weight : normal;
font-variant : normal;
text-align : justify;
}
#content {
width : 1000px;
margin : 0 auto;
text-align : left;
}
#text {
background : url(http://web-site-lessons.com.ua/fon/backmid.gif) repeat-y center;
}
span.deprecated {
color : #e80000;
background-color : transparent;
}
#feat {
background-color : #2f3a41;
float : left;
padding : 45px 0 6px 40px;
color : #ffffff;
}
.code {
padding : 10px;
background-color : #fff;
border : 1px solid #ccc;
width : 500px;
}
.bold, .heading {
font-weight : bold;
}
.red_text {
color : #ad0000;
}
.green_text {
color : #006600;
}
table.example_code {
background-color : #ffffff;
padding : 4px;
border : 1px solid #d4d4d4;
}
table.example_code td {
font-size : 100%;
font-family : courier new;
}
table.example {
color : #000000;
background-color : #e5eecc;
padding-top : 8px;
padding-bottom : 8px;
padding-left : 10px;
padding-right : 10px;
border : 1px solid #d4d4d4;
background-image : url('http://web-site-lessons.com.ua/img/bgfadegreen.gif');
background-repeat : repeat-x;
}
hr {
background-color : #d4d4d4;
color : #d4d4d4;
height : 1px;
border : 0;
clear : both;
width : 500px;
}
table.cod {
outline : #d4d4d4 1px solid;
border : 5px solid #e5eecc;
}
table.cod td {
font-size : 110%;
font-family : courier new;
background-color : #ffffff;
border : 1px solid #d4d4d4;
padding : 4px;
}
a.try, a.try:link, a.try:visited, a.showbtn, a.showbtn:link, a.showbtn:visited {
display : block;
color : #ffffff;
background-color : #98bf21;
font-weight : bold;
font-size : 11px;
width : 120px;
text-align : center;
padding : 0;
padding-top : 3px;
padding-bottom : 4px;
border : 1px solid #ffffff;
outline : #98bf21 1px solid;
text-decoration : none;
margin-left : 1px;
}
a.try:hover, a.tryitbtn:active, a.showbtn:hover, a.showbtn:active {
background-color : #7a991a;
}
.nav {
height : 35px;
background : url(http://web-site-lessons.com.ua/menu/pro_line_0.gif) repeat-x;
position : relative;
font-family : arial, verdana, sans-serif;
font-size : 14px;
width : 1000px;
z-index : 500;
}
.nav .table {
display : table;
margin : 0 auto;
}
.nav .select, .nav .current {
margin : 0;
padding : 0;
list-style : none;
display : table-cell;
white-space : nowrap;
}
.nav li {
margin : 0;
padding : 0;
height : auto;
float : left;
}
.nav .select a {
display : block;
height : 35px;
float : left;
background : url(http://web-site-lessons.com.ua/menu/pro_line_0.gif);
padding : 0 30px 0 30px;
text-decoration : none;
line-height : 35px;
white-space : nowrap;
color : #ddd;
}
.nav .current a {
display : block;
height : 35px;
float : left;
background : url(http://web-site-lessons.com.ua/menu/pro_line_2.gif);
padding : 0 0 0 15px;
text-decoration : none;
line-height : 35px;
white-space : nowrap;
color : #fff;
}
.nav .current a b {
display : block;
padding : 0 30px 0 15px;
background : url(http://web-site-lessons.com.ua/menu/pro_line_2.gif) right top;
}
.nav .current a .bold {
display : block;
padding : 0 30px 0 15px;
background : url(http://web-site-lessons.com.ua/menu/pro_line_2.gif) right top;
}
.nav .select a:hover, .nav .select li:hover a {
background : url(http://web-site-lessons.com.ua/menu/pro_line_1.gif);
padding : 0 0 0 15px;
cursor : pointer;
color : #fff;
}
.nav .select a:hover b, .nav .select li:hover a b {
display : block;
float : left;
padding : 0 30px 0 15px;
background : url(http://web-site-lessons.com.ua/menu/pro_line_1.gif) right top;
cursor : pointer;
}
.nav .select a:hover .bold, .nav .select li:hover a .bold {
display : block;
float : left;
padding : 0 30px 0 15px;
background : url(http://web-site-lessons.com.ua/menu/pro_line_1.gif) right top;
cursor : pointer;
}
.nav .select_sub {
display : none;
}
.nav table {
border-collapse : collapse;
margin : -1px;
font-size : 1em;
width : 0;
height : 0;
}
.nav .sub {
display : table;
margin : 0 auto;
padding : 0;
list-style : none;
}
.nav .sub_active .current_sub a, .nav .sub_active a:hover {
background : transparent;
color : #f00;
}
.nav .select :hover .select_sub, .nav .current .show {
display : block;
position : absolute;
width : 1000px;
top : 35px;
background : url(http://web-site-lessons.com.ua/menu/back_0.gif);
padding : 0;
z-index : 100;
left : 0;
text-align : center;
}
.nav .current .show {
z-index : 10;
}
.nav .select :hover .sub li a, .nav .current .show .sub li a {
display : block;
float : left;
background : transparent;
padding : 0 10px 0 10px;
margin : 0;
white-space : nowrap;
border : 0;
color : #444;
}
.nav .current .sub li.sub_show a {
color : #088;
cursor : default;
background : url(http://web-site-lessons.com.ua/menu/back_1.gif);
}
.nav .select :hover .sub li a:hover, .nav .current .sub li a:hover {
visibility : visible;
color : #088;
background : url(http://web-site-lessons.com.ua/menu/back_1.gif);
}
a {
color : #c32404;
text-decoration : none;
}
a:hover {
color : #242323;
text-decoration : underline;
}
.widget {
border-bottom : 1px solid #dfdcd7;
margin-bottom : 30px;
padding-bottom : 30px;
overflow : hidden;
}
.widget p {
line-height : 18px;
}
.widget ul li {
background : url(http://web-site-lessons.com.ua/img/list_item.png) no-repeat left 12px;
font-size : 13px;
line-height : 28px;
margin-left : 10px;
padding-left : 15px;
}
.widget p {
line-height : 18px;
}
.widget ul li {
background : url(http://web-site-lessons.com.ua/img/list_item.png) no-repeat left 12px;
font-size : 13px;
line-height : 28px;
margin-left : 30px;
padding-left : 15px;
}
ul, ol {
list-style : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
h6 {
font-weight : normal;
}
h6, table caption {
color : #242323;
font-family : Helvetica, Arial, sans-serif;
font-weight : bold;
margin : 0 0 5px 0;
}
#sidebar {
width : 700px;
}


.article_list_image {border:1px solid #333; width:80px; height:80px; overflow:hidden; -webkit-border-radius: 8px; -moz-border-radius: 8px;}