/*css reset*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}
strong {font-weight:bold}
body {font-size:13px; font-family: Arial, Helvetica, SunSans-Regular, Sans-Serif; padding:0px; margin:0px; background-image:url(/images/template/bg_b.png)}
/*************************
Layout & Master Styling
*************************/
/*Layout*/
#container {width:1024px; margin:0 auto; padding:0; position:relative; background:#F8FBE7; border:1px solid #aaa; border-top:none; -moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px}
#container .top {display:none}
#container .bottom {display:none}
#header {height:141px; background:url(/images/template/hb.jpg) no-repeat; padding:0 25px 0 33px; border-bottom:1px solid #aaa; position:relative}
#content {table-layout:fixed}
#left {width:626px; padding:20px 40px 30px 34px; background:#F8FBE7; border-right:1px solid #aaa; vertical-align:top; -moz-border-radius:0 0 0 8px; -webkit-border-radius:0 0 0 8px; border-radius:0 0 0 8px}
#right {width:303px; padding:5px 10px; vertical-align:top; background-color:#FDFFF3; -moz-border-radius:0 0 8px 0; -webkit-border-radius:0 0 8px 0; border-radius:0 0 8px 0}
#right .top {display:none}
#right .bottom {display:none}
/*#logo {margin:0 0 5px 0; position:relative; left:-3px}*/
#footer {width:1024px; margin:0 auto; padding:10px 0 20px 0; text-align:center; clear:both}
/*Style*/
/*#header>* {margin-right:42px; position:relative; top:14px}*/
/*#header a {color:#fff; text-decoration:none; font-size:19px; padding:3px 7px 5px}*/
#p0_ll {position:absolute; top:60px; left:48px}
#p0_fq {position:absolute; top:60px; left:391px}
.p0_hl {margin:3px 0 0 0}
.p0_hl li {float:none; margin:3px 30px 6px 1px}
.p0_hl a {font-size:13px; letter-spacing:0; text-decoration:none; color:#636445; font-weight:bold}
.p0_hl a:hover {color:#000; text-decoration:underline}
/*#header a:hover {text-decoration:none; background-color:#a5ae6f; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}*/
#ad-headright {position:absolute; top:10px; right:-225px}
#ad-lessonist {position:absolute; top:60px; left:10px}
#search {display:inline; float:right; margin:30px 0 0}
#search>input {border:1px solid #81931b; font-style:italic; width:160px; height:25px; color:#000; padding:0 0 0 20px; background:url(/images/icons.png) no-repeat 2px -154px #fff; font-size:13px}
#footer>* {color:#1a203a; text-decoration:none; margin:0 25px}
#footer a:hover {text-decoration:underline}
#userpan {text-align:center; border-bottom:2px solid #ed4b13}
#userpan a {margin:0 15px; text-decoration:none; padding:5px; font-size:13px; font-weight:bold}
#username {font-size:14px}
/*************************
Global Styles
*************************/
h1 {font-size:30px; font-weight:bold; margin:0px 0px 10px 0px; color:#898C77}
h2 {font-size:18px; margin:0px 0 5px 0}
h4 {font-size:14px; border-bottom:1px dotted #a3a3a3; font-weight:bold; margin:0 0 5px 0; padding:10px 7px; text-align:center; color:#666}
.rpan h4 {color:#fff}
.rpan2 h4 {color:#666}
a {color:#18559b}
/*************************
Semantic Elements
*************************/
.clear {clear:both}
img.preload {display:none}
img.loader {visibility:hidden; position:relative; top:4px}
.bigtb {background-image:url(/images/labels.png); background-color:#f8f8f8; background-repeat:no-repeat; border:1px solid #a3a3a3; width:616px; height:37px; margin:0 0 20px 0; padding:0 7px 0 7px; color:#000; font-size:18px; font-style:italic; line-height:37px} /*big grey text input*/
.input {background-color:#f8f8f8; border:1px solid #a3a3a3; color:#000} /*bare grey textbox*/
.submitbtn {float:right}
.validation-summary-errors {color:#f00; font-weight:bold}
.field-validation-error, .error {color:#f00; font-weight:bold}
.lightbox {padding:10px 10px}
/*Right Column Panel*/
.rpan {margin:0 3px 10px 3px; padding:5px 8px; background-color:#2D3C4D; color:#fff; position:relative; top:0px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
.rpan h4 {margin:0 0 10px 0; color:#fff; border-color:#fff}
.rpan ul {padding:0 0 0 15px}
.rpan li {margin:0 0 12px 0; list-style-type:disc; list-style-position:outside; font-size:13px; line-height:16px}
.rpan a {color:#fff}
.rpan .note {text-align:right; margin:10px 0 3px 0}
/*Right Column Panel 2*/
.rpan2 {margin:0 3px 10px 3px; padding:5px 8px; background:#FDFFF3; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
/*Right Column Ad*/
.rad {margin:20px 0 0 0}
/*Icons*/
.i {background-image:url(/images/icons.png); background-repeat:no-repeat; display:inline-block; width:12px; height:12px}
.isb {background-position:0 -326px}
.isp {background-position:1px -356px}
/*Disabled input control*/
.disabled {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:0.3; text-decoration:line-through}
/*Unordered List*/
ul.list {list-style-position:outside; padding:3px 0 3px 20px}
ul.list li {list-style-type:disc; margin:3px 0}
/*===========================
Create Lesson
===========================*/
#p2_fn {width:610px; font-style:italic; margin:0 0 7px 0; padding:0 10px; background-image:none}
#p2_ft {width:610px; height:110px; font-size:18px; font-family:Arial, Sans-Serif; padding:5px 10px; margin:0 0 7px 0; font-style:italic}
#p2_fc {background-position:0px 1px; width:555px; font-style:italic; padding:0 7px 0 68px; margin-bottom:9px}
#p2_fs {background-position:0 -364px; width:535px; font-style:italic; padding:0 7px 0 88px; margin-bottom:9px}
#p2_ff {background-position:0 -364px; width:535px; font-style:italic; padding:0 7px 0 88px; margin-bottom:9px}
#p2_fbn {background-position:0 -546px; width:495px; font-style:italic; padding:0 7px 0 128px; margin-bottom:9px}
#p2_fba {background-position:0 -455px; width:539px; font-style:italic; padding:0 7px 0 84px; margin-bottom:9px}
#p2_fbu {background-position:0 -501px; width:573px; font-style:italic; padding:0 7px 0 50px; margin-bottom:9px}
#p2_st {margin:0 0 9px 0; font-size:18px; line-height:37px}
#p2_stl {float:left; padding:0 10px}
#p2_st input {margin:0 5px 0 20px}
#p2_st label {font-style:italic}
#tagcloud {position:relative}
#left #tagcloud {border-bottom:1px solid #a3a3a3; border-top:1px solid #a3a3a3; padding:20px 0 20px 0}
#tagcloud a {color:#000; text-decoration:none; margin:3px 3px 1px 1px; padding:5px; display:inline-block; white-space:nowrap; cursor:pointer}
#tagcloud a:hover {background:#dee2c8; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px}
#right #tagcloud a:hover {background:#c8deed}
#tagcloud .x, #tagcloud .count {color:#2d3c4d; font-weight:bold}
/*#left #tagcloud .x, #left #tagcloud .count {display:none}*/
/*Post-As Container*/
#palogin {float:left; width:200px}
#paregister {float:right; width:210px; border-left:1px solid #a3a3a3; padding:0 0 0 20px}
#postasoption ul {margin:10px 0 20px 15px}
#postasoption ul li {list-style-type:disc; list-style-position:inside; margin:0 0 7px 0}
#asguest {margin-right:20px}
#asuser {margin-left:20px}
/*===========================
Login
===========================*/
#openid_url {background-position:0 -409px; width:485px; padding:0 7px 0 132px} /*login textbox div*/
#openid_btns {margin:10px 0 50px 0}
#openid_btns a {cursor:pointer}
.oidl {border:1px solid #DDDDDD; float:left; height:60px; margin:3px; width:100px} /*openID large button*/
.oids {border:1px solid #DDDDDD; float:left; height:24px; margin:3px; width:24px} /*openID small button*/
#udiv {display:none}
.google {background:url(/images/google.png) no-repeat scroll center center #fff}
.yahoo {background:url(/images/yahoo.png) no-repeat scroll center center #fff}
.myopenid {background:url(/images/myopenid.png) no-repeat scroll center center #fff}
.aol {background:url(/images/aol.png) no-repeat scroll center center #fff}
.livejournal {background:url(/images/livejournal.png) no-repeat scroll center center #fff}
.wordpress {background:url(/images/wordpress.png) no-repeat scroll center center #fff}
.blogger {background:url(/images/blogger.png) no-repeat scroll center center #fff}
.verisign {background:url(/images/verisign.png) no-repeat scroll center center #fff}
.claimid {background:url(/images/claimid.png) no-repeat scroll center center #fff}
.clickpass {background:url(/images/clickpass.png) no-repeat scroll center center #fff}
.google_profile {background:url(/images/google_profile.png) no-repeat scroll center center #fff}
/*===========================
Registration
===========================*/
#displayName {background-position:0 -318px; padding-left:152px; width:465px}
#email {background-position:0 -273px; padding-left:75px; width:542px}
#password {background-position:0 -90px; padding-left:113px; width:504px}
#cpassword {background-position:0 -45px; padding-left:190px; width:427px}
#opassword {background-position:0 -136px; padding-left:185px; width:309px}
#npassword {background-position:0 -181px; padding-left:157px; width:337px}
#cnpassword {background-position:0 -227px; padding-left:234px; width:260px}
/*===========================
User Profile
===========================*/
h1.uname {font-size:24px; margin:0px 0 0px 0px; padding:0px 0 5px 5px; border-bottom:1px solid #000}
#pstats {color:#00162e; margin:0 0 30px 0; padding:5px 10px 25px 140px; font-size:14px; position:relative; background:#E2E6C8}
#pstats .stat {margin:5px 0 5px 0}
#pstats .value {margin:0 0 0 5px}
#pstats .ppic {position:absolute; top:-1px; left:10px; width:100px; height:100px; border:1px solid #000; background-repeat:no-repeat; background-position:center center; background-color:#f8f8f8}
#cppic {width:100px; text-align:center; position:absolute; top:101px; left:0px; font-size:13px; text-decoration:none}
#ppuploading {width:100px; height:100px; background:#f8f8f8 url(/Images/loader.gif) no-repeat center center; display:none}
#ppconfirm {margin:20px 0 0 0}
#pedit {position:absolute; top:10px; right:10px; text-decoration:none; font-size:13px}
/*===========================
Lesson
===========================*/
/*Lesson*/
#p3_l {border-bottom:1px solid #a3a3a3; border-top:1px solid #000; padding:10px 0 0 10px; margin:36px 0 0 0; background:#e2e6c8; position:relative}
#p3_l .c1_n {font-size:24px; color:#898C77; position:absolute; top:-36px; left:10px; text-decoration:none}
#p3_l .c1_l {margin:0 0 0 0; padding:5px 150px 10px 10px; font-size:16px; background:#e2e6c8}
#p3_l .c1_up {border:1px dashed #a3a3a3; border-bottom:none; padding:2px; width:40px; position:absolute; bottom:-1px; left:10px}
#p3_l .c1_s {right:15px}
#p3_l .c1_sc {padding:7px 0 10px}
#p3_l .c1_t a {border:1px solid #aaa}
/*Ad under lesson*/
#p3_adu {border-bottom:1px solid #a3a3a3; text-align:center; background:#eee; padding:2px 0}
/*Similar lessons*/
#p3_s {}
#p3_s div {margin:0px 0; border-bottom:1px dotted #7399b7; padding:6px 2px; }
#p3_s a {text-decoration:none; color:#2D3C4D}
#p3_s div.last {border-bottom:none}
/*===========================
Tag List
===========================*/
.p4_l {width:100%; table-layout:fixed}
.p4_l td {width:33%}
.p4_n {color:#000; text-decoration:none; margin:3px 3px 1px 1px; padding:5px; display:inline-block; white-space:nowrap; cursor:pointer; text-transform:capitalize}
.p4_n:hover {background:#dee2c8; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px}
.p4_x, .p4_c {color:#2d3c4d; font-weight:bold; text-transform:lowercase}
/*---------------------------
Lessons List
---------------------------*/
#c2 {position:relative} /*Lessons list*/
/*Item*/
.c2_i {border-bottom:1px dotted #a3a3a3; padding:15px 130px 10px 10px; position:relative; line-height:18px; color:#444}
/*Ad item*/
.c2_ad {margin:0; padding:3px 0 0; text-align:center; border-bottom:1px dotted #a3a3a3}
/*Pager*/
#c2_p {margin:20px 0 0 0}
#c2_p a, #c2_p span {padding:5px 10px; margin:0 5px; border:1px solid #aaa; font-weight:bold; display:block; float:left; text-decoration:none}
#c2_p span {background:#DEE2C8}
/*---------------------------
Lesson
---------------------------*/
/*Lesson*/
.c1_l {}
/*Name*/
.c1_n {display:block; font-size:16px; font-style:normal; font-weight:bold; text-decoration:none; margin:0 0 5px; color:#5C5C5C}
.c1_n:hover {text-decoration:underline}
/*Tags*/
.c1_t {margin:8px 0 0}
.c1_t a {display:inline-block; white-space:nowrap; padding:4px; margin:5px 10px 5px 0; color:#444; text-decoration:none; background:#dee2c8; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; font-size:13px}
/*Source*/
.c1_src {margin:10px 0 5px 0; font-style:italic}
.c1_src a {text-decoration:none; color:#444}
.c1_ntl {margin:0 0 0 2px; position:relative; top:1px}
/*Stats*/
.c1_s {position:absolute; top:0; right:0; width:115px; height:100%; overflow:hidden}
/*Counter*/
.c1_sc {display:block; position:relative; float:left; width:50px; padding:11px 0 8px; margin:14px 0 0 0; white-space:nowrap; background:#F2F6D9 none; border:1px solid #909864; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; text-align:center}
.c1_scv {text-decoration:none; font-size:22px}
.c1_sct {font-size:9px}
/*Rating counter*/
.c1_scp {clear:left}
/*Voting buttons*/
.c1_tup {color:#128d52} /*thumbs up*/
.c1_td {color:#d74715} /*thumbs down*/
.c1_vup {position:absolute; width:100%; height:7px; left:0; top:0; background:url(/images/icons.png) no-repeat 17px -244px; border-bottom:1px solid #909864; cursor:pointer} /*vote up*/
.c1_vup.on {background-position:17px -281px} /*vote up on*/
.c1_vd {position:absolute; width:100%; height:7px; left:0; top:47px; background:url(/images/icons.png) no-repeat 17px -265px; border-top:1px solid #909864; cursor:pointer} /*vote down*/
.c1_vd.on {background-position:17px -303px} /*vote down on*/
.c1_vs {background:url(/images/icons.png) no-repeat 0 -132px; width:16px; height:16px; display:none} /*vote spam*/
.c1_vs.on {background-position:0 -101px} /*vote spam*/
/*Comments counter*/
.c1_scc {margin-left:11px}
/*User and date*/
.c1_su {position:absolute; bottom:12px; left:0; font-size:11px; color:#b9bbac; width:100%; text-align:center; line-height:12px}
/*---------------------------
Comments
---------------------------*/
/*Comment form*/
#c3_cf {margin:20px 0 0 0; padding:0 0 0 20px}
#c3_cfc {padding:3px 0 0 3px; width:601px; margin:0 0 5px 0}
#c3_cfc.default {font-weight:bold; font-style:italic}
/*Comments*/
#c3_c {}
#c3_c li {margin:20px 0 10px 20px; padding:0 0 5px 70px; border-bottom:1px dashed #a3a3a3; position:relative}
#c3_c .c1_su {font-weight:bold; margin:0 0 5px 0; color:#471200; font-size:13px; text-decoration:none}
#c3_c .userpic {width:55px; height:55px; border:1px solid #a3a3a3; padding:2px; position:absolute; left:3px; top:0px}
#c3_c .comment {padding:5px 0 0 5px}
#c3_c .postedOn {font-size:12px; margin:8px 0 6px 0; padding:0 0 0 5px; color:#a3a3a3}
/*---------------------------
Source
---------------------------*/
#p7_n {font-size:24px; margin:0px 0 0px 0px; padding:0px 0 5px 5px; border-bottom:1px solid #000}
#p7_d {color:#00162e; margin:0 0 30px 0; padding:15px 10px; line-height:20px; font-size:14px; position:relative; background:#E2E6C8}