html {
height:100%;
margin-bottom:1px
}

body {
font-size:13px;
line-height:135%;
font-family:Verdana, Helvetica, sans-serif;
background:#222 url(../images/style10/bg.png) 0 0 repeat-x;
color:#ccc;
margin:0;
padding:0
}

p {
margin-top:10px;
margin-bottom:15px
}

h1,h2,h3,h4,h4 {
padding-bottom:5px;
margin:15px 0
}

body.f-default {
font-size:12px
}

h1 {
font-size:200%;
color:#99cc00
}

h2 {
font-size:180%;
color:#fef200
}

h3 {
font-size:150%;
color:#ccc
}

h4 {
font-size:120%
}

.small,.modifydate,.createdate,div.mosimage_caption {
font-size:95%
}

.contentheading {
font-size:160%;
line-height:100%;
color:#fef200;
padding:10px 0
}

.componentheading {
margin-bottom:15px;
color:#fef200
}

td.componentheading {
padding-bottom:15px
}

a {
text-decoration:none;
color:#99cc00
}

div#mainbody .contentheading {
font-size:200%
}

#template {
position:relative
}

img#logo {
position:absolute;
float:left;
margin-left:0;
margin-top:2px;
width:868px;
height:107px;
background:url(../images/style10/vvlogo3.gif) 0 0 no-repeat
}

div#banner {
margin-left:370px;
padding-top:20px;
height:84px;
overflow:hidden
}

div#banner .padding {
padding:10px
}

div#horiz-menu {
height:46px
}

table.mainbody,table.usermodules,table.sections {
width:100%;
padding:0
}

td.section {
padding:0
}

td.section.w49 {
width:50%
}

td.section.w24 {
width:33%
}

td.mainbody .padding {
padding:15px
}

div#footer .rk-2 {
height:114px;
overflow:hidden;
background:url(../images/style10/bottom-lo.png) 0 0 no-repeat
}

div#the-footer {
text-align:center
}

div#horiz-menu ul {
margin:0 0 0 20px;
padding:0
}

div#horiz-menu li {
float:left;
list-style:none;
margin:0;
padding:0 2px 0 0
}

div#horiz-menu a {
display:block;
float:left;
height:42px;
line-height:40px;
font-weight:700;
text-decoration:none;
padding:0 23px
}

div#top ul {
float:right;
margin:0;
padding:0
}

div#top li {
float:left;
list-style:none;
margin-right:20px
}

div#top li img {
float:left;
vertical-align:middle
}

div#top a.mainlevel {
display:block;
float:left;
background:none;
font-weight:700;
color:#fff;
margin:0;
padding:0 5px
}

pre {
background:#292929;
border-top:3px solid #1A1A1A;
border-bottom:3px solid #1A1A1A;
padding:10px
}

span.alert,span.info,span.download,span.note {
display:block;
margin:15px 0;
padding:10px 10px 10px 50px
}

#section1 ul,#section2 ul,#mainbody ul {
margin-left:0;
padding-left:1em
}

#section1 li,#section2 li,#mainbody li {
margin-left:0;
list-style:none;
padding-left:25px;
padding-top:2px;
margin-bottom:3px
}

#mainbody ul.check1,#mainbody ul.check2,#mainbody ul.arrow1,#mainbody ul.arrow2,#mainbody ul.arrow3,#mainbody ul.star,#mainbody ul.circle,#mainbody ul.morespace {
margin-left:35px;
padding:0
}

ul.check1 li,ul.check2 li,ul.arrow1 li,ul.arrow2 li,ul.arrow3 li,ul.star li,ul.circle li,li.check1,li.check2,li.arrow1,li.arrow2,li.arrow3,li.star,li.circle {
list-style:none;
padding-bottom:15px;
padding-left:40px
}

blockquote {
width:auto;
background:#222 url(../images/style10/blockquote.png) 0 0 no-repeat;
color:#ccc;
font-style:italic;
font-size:120%;
line-height:150%;
margin:15px 0;
padding:10px 10px 10px 80px
}

table.contentpaneopen tbody tr td span.small,td.createdate {
padding-left:20px
}

.hide {
display:none
}

form {
border:0;
margin:0;
padding:0
}

table.blog span.article_seperator {
display:block;
height:20px
}

div.moduletable,div.moduletable-hilite1,div.moduletable-hilite2,div.moduletable-hilite3,div.moduletable-hilite4,div.moduletable-hilite5,div.moduletable-hilite6,div.moduletable-hilite7,div.moduletable-hilite8 {
padding:0 15px 10px
}

div.moduletable h3,div.moduletable-hilite1 h3,div.moduletable-hilite2 h3,div.moduletable-hilite3 h3,div.moduletable-hilite4 h3,div.moduletable-hilite5 h3,div.moduletable-hilite6 h3,div.moduletable-hilite7 h3,div.moduletable-hilite8 h3 {
line-height:100%;
margin:0 -15px 15px;
padding:10px 15px
}

td.left div.moduletable,td.right div.moduletable {
margin-bottom:25px
}

td.buttonheading {
vertical-align:middle
}

td.buttonheading img {
margin-right:5px
}

table.contentpaneopen,table.contentpane {
border-collapse:none;
width:95%;
margin:0;
padding:4px
}

.clr {
clear:both
}

div.mosimage {
margin:5px
}

a.readon {
margin-top:15px;
display:block;
width:116px;
height:36px;
line-height:26px;
padding-left:5px;
font-weight:700
}

span.content_rating img {
vertical-align:top
}

.modifydate {
height:20px;
vertical-align:bottom
}

.createdate {
height:20px;
vertical-align:top;
padding-bottom:5px;
padding-top:0
}

table.contenttoc {
margin:5px;
padding:5px
}

table.contenttoc td {
padding:0 5px
}

span.pathway {
display:block;
float:left;
height:16px;
line-height:18px;
vertical-align:middle;
margin-left:25px;
margin-bottom:10px;
font-weight:700;
color:#fff
}

span.pathway img {
float:left;
border:0;
width:17px;
height:16px;
vertical-align:middle;
background:url(../images/style10/bullet-pathway.png) no-repeat;
margin:0 12px 0 14px
}

span.pathway a {
float:left;
font-weight:400;
color:#86AE0E
}

table.mainbody td.mainbody td.sectiontableheader {
font-weight:700;
line-height:20px;
background:#1A1A1A;
border-bottom:1px solid #131313;
padding:4px
}

tr.sectiontableentry1 td,tr.sectiontableentry2 td,td.sectiontableentry1,td.sectiontableentry2 {
border-top:1px #1A1A1A;
border-bottom:1px solid #131313;
padding:5px
}

a.mainlevel {
text-decoration:none;
font-weight:700;
display:block;
margin-bottom:3px;
background:url(../images/style10/bullet-7.png) 0 2px no-repeat;
padding:2px 0 2px 20px
}

a.sublevel {
font-weight:700;
text-decoration:none;
padding-left:10px
}

.nounder {
text-decoration:none;
border:0
}

.style-wrapper {
padding-left:70px;
padding-top:30px
}

.style {
float:left;
margin-right:50px;
margin-bottom:50px
}

div#mainbody {
border-top:1px solid #2A2A2A;
background:#151515
}

div#mainbody a.readon {
background:url(../images/style10/body-readmore.png) 0 0 no-repeat;
color:#fff
}

div#mainbody div.moduletable h3 {
background:#1C1C1C url(../images/style10/body-h3.png) 0 0 repeat-y;
color:#99cc00;
font-size:200%
}

#mainbody li {
background:url(../images/style10/bullet-body.png) 0 3px no-repeat
}

#mainbody div.moduletable-hilite1 a {
color:#E9B246
}

#mainbody div.moduletable-hilite1 {
background:#6C9708 url(../images/style10/body-hl1-bg.png) 0 0 repeat-y;
color:#E8EDDA
}

#mainbody div.moduletable-hilite1 h3 {
background:#628609 url(../images/style10/body-hl1-h3.png) 0 0 repeat-y;
color:#E8EDDA
}

#mainbody div.moduletable-hilite1 li {
background:url(../images/style10/bullet-hl1.png) 0 3px no-repeat
}

#mainbody div.moduletable-hilite1 a.readon {
background:url(../images/style10/body-hl1-readmore.png) 0 0 no-repeat;
color:#fff
}

#mainbody div.moduletable-hilite3 a {
color:#99cc00
}

#mainbody div.moduletable-hilite3 {
background:#333 url(../images/style10/body-hl3-bg.png) 0 0 repeat-y;
color:#E0E0E0
}

#mainbody div.moduletable-hilite3 h3 {
background:#2E2E2E url(../images/style10/body-hl3-h3.png) 0 0 repeat-y;
color:#E0E0E0
}

#mainbody div.moduletable-hilite3 li {
background:url(../images/style10/bullet-hl3.png) 0 3px no-repeat
}

#mainbody div.moduletable-hilite3 a.readon {
background:url(../images/style10/body-hl3-readmore.png) 0 0 no-repeat;
color:#fff
}

#mainbody div.moduletable-hilite6 h3 {
background:#628609 url(../images/style10/body-hl6-h3.png) 0 0 repeat-y;
color:#E8EDDA
}

#mainbody div.moduletable-hilite8 h3 {
color:#fef200
}

div#section1 {
background:#333;
padding-top:1px;
color:#E0E0E0
}

div#section1 a {
color:#6C9708
}

div#section1 a.readon {
background:url(../images/style10/section1-readmore.png) 0 0 no-repeat;
color:#fff
}

div#section1 td.section {
background:url(../images/style10/section1-bg.png) 0 0 repeat-y
}

div#section1 div.moduletable h3 {
background:#2A2A2A url(../images/style10/section1-h3.png) 0 0 repeat-y;
color:#E0E0E0
}

#section1 li {
background:url(../images/style10/bullet-section1.png) 0 3px no-repeat
}

div#section2 {
background:#000;
color:#DFE7F1;
padding:10px
}

div#section2 img {
border:0
}

div#section2 a {
color:#9ED0EB
}

div#section2 a.readon {
background:url(../images/style10/section2-readmore.png) 0 0 no-repeat;
color:#fff
}

div#section2 td.section {
background:#000
}

div#section2 div.moduletable h3 {
background:#000;
color:#DFE7F1
}

#section2 li {
background:url(../images/style10/bullet-section2.png) 0 3px no-repeat
}

div#footer {
background:url(../images/style10/bottom-bgo.png) 0 0 repeat-x
}

div#footer .rk-1 {
background:url(../images/style10/bottom-ro.png) 100% 0 no-repeat
}

div#horiz-menu a,div#horiz-menu li.active li a {
color:#fff;
font-variant:small-caps;
font-weight:600
}

div#horiz-menu li:hover a,div#horiz-menu li.sfHover a,div#horiz-menu li.active:hover a,div#horiz-menu li.active.sfHover a {
background:url(../images/style10/menu2-l.png) 0 0 no-repeat;
color:#fff
}

#horiz-menu li.active,#horiz-menu li.active_menu {
background:url(../images/style10/menu-r.png) 100% 0 no-repeat
}

#horiz-menu li.active a,#horiz-menu li.active_menu a {
background:url(../images/style10/menu-l.png) 0 0 no-repeat;
color:#fff
}

#horiz-menu li.active li.active,#horiz-menu li.active li.active a {
background:none
}

.nav li li {
background:#000;
border-bottom:1px solid #000;
border-right:1px solid #000
}

.nav li li:hover,.nav li li.sfHover,#horiz-menu li:hover li:hover,#horiz-menu li.sfHover li.sfHover,#horiz-menu li.active li.active {
background:#151515
}

#horiz-menu li:hover li a.daddy:link,#horiz-menu li.sfHover li a.daddy:link,#horiz-menu li:hover li a.daddy:visited,#horiz-menu li.sfHover li a.daddy:visited {
background:url(../images/style10/bullet-sucker.png) 100% 50% no-repeat
}

.nav li.sfHover a,.nav li:hover a {
background:url(../images/style10/menu2-l.png) 0 0 no-repeat
}

#mainbody div.moduletable-hilite1 .flickr_badge_image img {
border:2px solid #E9B246
}

#mainbody div.moduletable-hilite2 .flickr_badge_image img {
border:2px solid #EBCD89
}

#mainbody div.moduletable-hilite3 .flickr_badge_image img {
border:2px solid #99cc00
}

#mainbody div.moduletable-hilite4 .flickr_badge_image img {
border:2px solid #9ED0EB
}

span.alert {
color:#FF6063;
border-top:3px solid #8A0A0A;
border-bottom:3px solid #8A0A0A;
background:#411 url(../images/style10/status-alert.png) 10px 50% no-repeat
}

span.info {
color:#4BAEFF;
border-top:3px solid #0E3B75;
border-bottom:3px solid #0E3B75;
background:#12243B url(../images/style10/status-info.png) 10px 50% no-repeat
}

span.note {
color:#F7D96D;
border-top:3px solid #8A710A;
border-bottom:3px solid #8A710A;
background:#443A11 url(../images/style10/status-note.png) 10px 50% no-repeat
}

span.download {
color:#96D54B;
border-top:3px solid #516E19;
border-bottom:3px solid #516E19;
background:#2D3916 url(../images/style10/status-download.png) 10px 50% no-repeat
}

#mainbody ul.check1 li,#mainbody li.check1 {
background:url(../images/style10/bullet-1.png) 0 0 no-repeat
}

#mainbody ul.check2 li,#mainbody li.check2 {
background:url(../images/style10/bullet-3.png) 0 0 no-repeat
}

#mainbody ul.arrow1 li,#mainbody li.arrow1 {
background:url(../images/style10/bullet-2.png) 0 0 no-repeat
}

#mainbody ul.arrow2 li,#mainbody li.arrow2 {
background:url(../images/style10/bullet-4.png) 0 0 no-repeat
}

#mainbody ul.arrow3 li,#mainbody li.arrow3 {
background:url(../images/style10/bullet-5.png) 0 0 no-repeat
}

#mainbody ul.star li,#mainbody li.star {
background:url(../images/style10/bullet-6.png) 0 0 no-repeat
}

#mainbody ul.circle li,#mainbody li.circle {
background:url(../images/style10/bullet-7.png) 0 0 no-repeat
}

span.loginsubmit,span.logoutsubmit {
color:#fff;
background:url(../images/style10/login_button.png) no-repeat
}

.highlight {
background-color:#666;
color:#fff
}

tr.sectiontableentry2 td,td.sectiontableentry1 {
background:#1A1A1A
}

table.contentpaneopen tbody tr td span.small {
background:url(../images/style10/icon-author.png) 0 0 no-repeat
}

td.createdate {
background:url(../images/style10/icon-created.png) 0 0 no-repeat
}

div.moduletable h3,.componentheading,table.sections .contentheading {
font-size:145%
}

.contentheading,.componentheading,.sidenav a {
font-weight:700
}

a:hover,a.mainlevel:hover {
text-decoration:underline
}

td.mainbody,div.contentpane,div.contentpaneopen {
width:100%
}

a.readon:hover,a.sublevel:hover {
text-decoration:none
}

div#mainbody td.mainbody,div#mainbody td.left,div#mainbody td.right,div#mainbody td.section {
background:url(../images/style10/body-bg.png) 0 0 repeat-y
}

div#horiz-menu li:hover,div#horiz-menu li.sfHover,div#horiz-menu li.active:hover,div#horiz-menu li.active.sfHover,.nav li.sfHover,.nav li:hover {
background:url(../images/style10/menu2-r.png) 100% 0 no-repeat
} 

.yellow {
color: #fef200;}

.green {
color: #99cc00;}