body {
  font-size: 12px;

}

.ac {
  text-align: center;
}

a {color: #423633; text-decoration: none;}
a:hover {color: #BE520A;text-decoration: underline;}


form {
  margin: 0px;
  padding: 0px;
}


.clear{
    clear: both;
    font-size: 0px;
    line-height: 0px;
}

.cb{
    clear: both;

}

.left{
  float: left;
}

.right{
  float: right;
}

.text-left{
  text-align: left;
}

.text-center{
  text-align: center;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.h1head h1 {

}

.color1 {
  background: #F2F2EE;
}


/*//////// c panel //////   */

.cpheadlinks {
  text-align: right;
  padding: 5px;
}

.cpheadlinks span{
  float: left;  
}


.cphead {
  background: #e8e8e1;
  border: 1px #d0d0c6 solid;

  padding: 10px;
      font-weight: bold;

}

.cpbody {
  border: 1px #FFFFFF solid;
  border-bottom: 1px #c8c9c3 solid;
     padding: 10px;

}





/*//// classes /// */

.cp1 {
width: 750px;
background: #FFFFFF;
font-size: 12px;
border: 1px #D6D6CB solid;
padding: 5px;

}

.cp1 ul {
/*width: 600px; */
/*background: #000000;  */
margin: 0px;
padding: 0px;
list-style: none;
}

.cp2 {
  width: 750px;
  background: #FFFFFF;
  font-size: 12px;
  border: 1px #D6D6CB solid;
  padding: 5px;
}

.cp2 ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.cp1 li {
    float: left;
}

.cp1width_2,.cp1width_3 {
background: url(../../img/b3.gif);
background-repeat: no-repeat; background-position: 0px 0px;
padding-left: 10px;}

.cp1width_1 img { float: left; margin-right: 10px;}

.cp1width_1 { width: 440px;}
.cp1width_2 { width: 180px;}
.cp1width_3 { width: 88px; text-align: center;}


.code_textbox{
  width:140px;
  background-color:#E8E8E1;
  border: 1px solid #D0D0C6;
  height: 18px;
  font-size: 14px !important;
}


/*//////// private messages  ////////   */

.cpbodynew {
  border: 1px #FFFFFF solid;
  border-bottom: 1px #c8c9c3 solid;
     padding: 10px;
     background-color: #E9FFD5;

}

/* ======== USER CP MENU ========= */

.cp-menu-left{
  float: left;
  width: 170px;
  margin-top: 20px;
}

.cp-menu-right{
  float: left;
  width: 760px;
  margin-top: 20px;

}


.cp-menu-div{
margin: 0px;
padding: 0px;
margin-right: 10px;

border: 1px #D6D6CB solid;
}

.cp-menu-div ul{
margin: 0px;
padding: 0px;
list-style: none;
}

.cp-menu-div li  {
/*float: left;*/
background: #F2F2EE;
display: block;
margin: 1px;
padding: 7px;
   border-bottom: solid 1px #D3D3C9;

}

.cp-menu{
  color: #000000;
}




.cp-menu a,.cp-submenu a{
  color: #4E4E4E;
  text-decoration: none;
}

.cp-menu-div .cp-menu-current{
 background: #D7D8CD;
}

.cp-menu-current a{
  color: #494A3C;
  text-decoration: none;
  }

.cp-submenu-current a {

      font-size: 12px;
      color: #9D4A00;
;}

.cp-menu-div .cp-submenu{
     font-size: 11px;
  padding: 3px 0px 3px 30px;
  background-image: url(../../img/hec1.gif);
  background-repeat: no-repeat;
  background-position: 15px 5px;

}

.cp-menu-div .cp-submenu-current{
    font-size: 11px;
  padding: 3px 0px 3px 30px;
    background-image: url(../../img/hec2.gif);
  background-repeat: no-repeat;
  background-position: 15px 5px;
}

/* ====== USER CP MENU  END ======= */



/* === USER REGISTRATION/DETAILS === */

.reg{
  width: 600px;
  margin: auto;
  margin-top: 20px;
  border: 1px solid #A1A396;

  background-image: url(../../img/b2.gif);
  background-position: 0px 0px;
  background-repeat: repeat-x;
  background-color: #FFFFFF;
}





.reg ul{
   margin: 0px 0px 0px 0px;
   padding: 0;
}

.reg li{
   list-style: none;
   margin: 0px 0px 0px 0px;
   padding: 6px 0px 6px 0px;
   clear: both;
   border-bottom: 1px dotted #454734;
   width: 600px;
}

.reg-edit{
/*  background-position: 0px -5px;*/
  width: 760px;
  margin-top: 0px;
  background-image: none;
  border: 1px solid #D6D6CB;
}

.reg-edit li{
  background-position: 0px -5px;
  width: 760px;
}



.reg h3{
   font-size: 12px;
   width: 260px;
   margin: 0;

   float: left;
   text-align: right;
   padding-right: 50px;
}

.reg h2{
   font-size: 16px;
   text-align: center;
   text-decoration: underline;
}

.popup-main{
  border: 1px solid #A1A396;
  background-image: url(../../img/b2.gif);
  background-position: 0px -5px;
  background-repeat: repeat-x;
  background-color: #FFFFFF;
}

.popup-main h2{
  font-size: 15px;
  font-weight: bold;
  margin: 10px 0px 10px 0px;
}

.popup-main ul{
   margin: 0px 0px 0px 0px;
   padding: 0;
}

.popup-main li{
   list-style: none;
   margin: 0px 0px 0px 0px;
   padding: 6px 0px 6px 0px;
   clear: both;
   border-bottom: 1px dotted #454734;
}

.popup-main h3{
   font-size: 12px;
   width: 140px;
   margin: 0;
   float: left;
   text-align: right;
   padding-right: 20px;
}

.attached_files{

}

.attached_files .attach{
 float: left;
 height: 150px;
 width: 130px;
 background-color: #F0F0F0;
 border: 2px solid #C1C1C1;
 margin: 5px 5px 5px 5px;
 padding: 3px 0px 3px 0px;
 text-align: center;
}

.attached_files .attach img{
  float:none !important;
}

.attach_popup{
  width: 580px;
}

.attach_popup img, .attach_list img, .attached_files img{
  border: none;
}

.attach_popup ul.inner{
   margin: 0px 0px 0px 0px;
   padding: 0;
}

.attach_popup .inner li{
   list-style: none;
   margin: 0px 0px 0px 0px;
   padding: 6px 0px 6px 0px;
   clear: both;
   border-bottom: 1px dotted #454734;
}


.attach_popup .inner span{
   font-size: 12px;
   width: 220px;
   margin: 0;
   float: left;
   text-align: left;
   margin: 0px 20px 0px 20px;
}


.statistics{

}

.statistics ul{
   margin: 0px 0px 0px 0px;
   padding: 0;
}

.statistics li{
   list-style: none;
   margin: 0px 0px 0px 0px;
   padding: 6px 0px 6px 0px;
   clear: both;
   border-bottom: 1px dotted #454734;
}

.statistics h3{
   font-size: 12px;
   width: 230px;
   margin: 0;
   float: left;
   text-align: left;
   padding: 0px;
   margin: 0px 0px 0px 10px;
}

.statistics span{
   font-size: 12px;
   width: 160px;
   margin: 0;
   float: left;
   text-align: left;
   padding: 0px;
   margin: 0px 0px 0px 0px;
}

.reputation{
  width: 320px;
  margin: auto;
}

.reputation ul{
   list-style: none;
}

.reputation li{
   list-style: none;
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   clear: none;
   border: none;
}


.rep-head{
  background: #e8e8e1;
  border: 1px #d0d0c6 solid;
  padding: 10px 0px 10px 0px;
  font-weight: bold;
  text-align: center;

}

.rep-body {
  border: 1px #FFFFFF solid;
  border-bottom: 1px #c8c9c3 solid;
  padding: 10px 5px 10px 5px;

}

.rep-width_1{
  width: 120px;
}
.rep-width_2{
  width: 90px;
}
.rep-width_3{
  width: 90px;
}


.separator1{
   clear: both;
   background: #EFEFEB;
}

.separator2{
background: #EFEFEB;
border-bottom: 1px #C4C5B6 solid;
font-size: 16px;
font-weight: bold;
}


.header2{
border-bottom: 1px #C4C5B6 solid;
font-size: 16px;
font-weight: bold;
color: #BE520A;
padding-bottom: 5px;
margin-bottom: 10px;
text-align: left;
}


.header3 {
background: #D5D6C9;
margin: 0px;
padding: 5px;
margin-bottom: 10px;
font-size: 12px;
font-weight: bold;
}

.header4 {

background: url(../../img/b4.gif);
padding: 5px;
margin-bottom: 5px;
font-size: 12px;
border-bottom: 1px dotted #D5D6C9;
}


.header5{
border-bottom: 1px #C4C5B6 solid;
font-size: 16px;
font-weight: bold;
color: #BE520A;
padding-bottom: 5px;
margin-bottom: 10px;
}


.header6{
  border-bottom: 1px solid #D5D6C9;
  font-size: 14px;
  font-weight: bold;
  color: #423633;
  padding-bottom: 3px;
  margin-bottom: 10px;
}


/* === USER REGISTRATION/DETAILS END === */



/* === USER CP/ menu === */


/* ===== LOGIN ===== */

.login-main{
  width: 320px;
  margin: auto;
  margin-top: 20px;
  border: 1px solid #A1A396;

  background-image: url(../../img/b2.gif);
  background-position: 0px 0px;
  background-repeat: repeat-x;
  background-color: #FFFFFF;
}

.login-head{
  background-image: url(../../img/header.gif);
  height: 86px;
  border-bottom:1px solid #FCFCFC;
}


.login-main p{
  text-align: center;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  clear: both;
  height: 25px;
}

.login-main span{
  width: 130px;
  float: left;
  display: block;
  padding: 2px 0px 0px 0px;
  font-size: 12px;
  text-align: left;
  margin-left: 20px;
}


/* ===== LOGIN END ===== */







/*///////////// CLASS //////////  */

.class-left {
width: 200px;
float: left;
background: #D5D6C9;
padding: 5px;
margin-top: 20px;
}
.class-right {
width: 670px;
float: left;
margin-left: 20px;
padding: 5px;
margin-top: 20px;
}

.class-left a {
  font-weight: bold;
  color: #000000;
}


.class-left ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.class-left li {
padding: 8px;
border: 1px solid #C4C5B6;
background: #EDEEE8;
}

.class_left_links h3 {
background: #E0E2D8;
  margin: 0px;
  color: #454732;
  padding: 5px;
  padding-left: 20px;
  background-image: url(../../img/hec4.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
  font-size: 12px;
}

.class_left_links p {
  background: #E0E2D8;
  margin: 0px;
  color: #454732;
  padding: 10px;
  margin-top: 10px;

}

.class_left_links span {
display: block;
border-bottom: dotted #D5D6C9 1px;
padding: 5px;
margin-bottom: 5px;

}




.class_moder input {
  border: 1px solid #C4C5B6;
  background: #E0E1D7;
  color: #454734;
  width: 150px;
  margin: 3px;
  cursor: pointer;

}

.class_moder form {
  padding: 0px;
  margin: 0px;
}


.lessons_list ul {
  margin: 0px;
  padding: 0px;
  padding-left: 20px;
  list-style-image: url(../../img/hec3.gif);
}

.lessons_list li {
  margin-bottom: 5px;
  border-bottom: dotted 1px #111111;
  padding-bottom: 10px;
  padding-top: 10px;
}

.lessons_list h2 {
font-size: 14px;
padding: 0px;
margin: 0px;
padding-bottom: 5px;
}


.lesson_right_box {
  float: right;
  margin: 5px;
  background: #ECEDE6;
  padding: 5px;
}


.voting_form1 {
background: #EFEFEA;
padding: 5px;

}

.voting_form1 input {
background: #D5D6C9;
border: 1px #B9BAA5 solid;
}




/*.class_news_blogs {
width: 700px;
background: #DDDED4;
}

.class_news_blogs ul {
list-style: none;
margin: 0px;
padding: 0px;
}

.class_news_blogs li {
float: left;
display: block;
width: 280px;
margin-left: 10px;
}*/



/*////// BBCODE ////// */

.add_comment {
  background: #EDEEE8;
  padding: 10px;
  border: 5px #D5D6C9 solid;
}

.add_comment h1 {
background: #D5D6C9;
text-align: center;
margin: 0px;
padding: 5px;
margin-bottom: 10px;
font-size: 12px;
}

.add_comment ul {
padding: 0px;
margin: 0px;
list-style: none;
}

.comment_body {
background: url(../../img/b2.gif);
background-position: 0px -50px;
background-repeat: repeat-x;
border: 1px solid #D5D6C9;
margin-top: 10px;
width: 668px;
}


.comments_avtor {
  background: #E6E7DE;
  border-bottom:  1px solid #D5D6C9;

}

.comments_avtor img {
float: left;
margin: 5px;

}

.comments_avtor li {
text-align: center;
padding: 5px;
width: 140px;
border-bottom: 1px #BEBFAC dotted;
}

.comment_padding {
padding: 10px;
}

.comment-quote {
  background: #F2F2EE;
  padding: 10px;
  border: 2px #D5D6C9 dotted;
  margin: 20px;
}

.comment-quote h1 {
  background: #E0E0D6;
  margin: 0px;
  padding: 5px;
  border-bottom: 1px #D5D6C9 dotted;
  font-size: 14px;

}




.bbcode input {
  background: #D5D6C9;
  border: 1px solid #A7A98D;
  margin: 2px;
  font-size: 14px;
  cursor: pointer;
  height: 22px;
  padding: 0px;
}

.bbcode {
padding: 2px;
margin: 0px;
background: #F4F5F1;
border: 1px dotted #D5D6C9;

}

.bbcode_help {
padding: 2px  !important;
margin: 0px  !important;
background: #F4F5F1 ! important;
border: none  !important;
text-align: center;

}

.bbcode h3 {
padding: 0px;
margin: 0px;
margin-bottom: 5px;
font-weight: bold;
font-size: 11px;
}

.bbcode p {
padding: 0px;
margin: 5px;
}

.buttons {
  text-align: center;
}

.buttons input {
  margin: auto;
  background: #D5D6C9;
  border: 1px #D5D6C9 solid;
  padding: 5px;
  cursor: pointer;
  border: 1px solid #B4B69E;
}

input.button {
  background: #D5D6C9;
  border: 1px #D5D6C9 solid;
  padding: 5px;
  cursor: pointer;
  border: 1px solid #B4B69E;
}

a.button {
  background: #D5D6C9;
  border: 1px #D5D6C9 solid;
  padding: 5px;
  cursor: pointer;
  border: 1px solid #B4B69E;
  text-decoration: none;
  color: #454734;
}

a.button:hover {
  text-decoration: none;
  color: #454734;
}


/*/////// preview ///////*/

.preview {
margin-bottom: 10px;
background: #F4F5F1;
border: 5px solid #D5D6C9;
padding: 10px;

}

.preview  h2 {

background: #D5D6C9;
text-align: center;
margin: 0px;
padding: 5px;
margin-bottom: 10px;
font-size: 12px;

}


.moder_action {
float: right;
}

.moder_action a {
padding: 5px;
background: #D9DACE;
margin-left: 5px;
}



.addnew_lesson {
width: 700px;
margin: auto;

padding: 10px;

}

.addnew_lesson ul {
  margin: 0px;
  padding: 10px;
  list-style: none;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border: 1px #CFCFC0 solid;
}

.addnew_lesson h2 {
display: block;
/*background-image: url(../../img/b4.gif); */
background: #D5D6C9;
padding: 4px;
margin: 0px;
margin-bottom: 10px;
border: 1px solid #CFCFC0;
font-size: 12px;
color: #454634;
}

.addnew_lesson p {
border-bottom: 1px solid #CFCFC0;

}


.mail_read {
background: #FFFFFF;
  border: 1px #D6D6CB solid;
  padding: 5px;
}

.mail_read ul {
margin: 20px;
}

.mail_read li {
  list-style:url(../../img/hec5.gif);
  border-bottom: 1px #D7D8CD solid;
  padding: 5px;
}

.img-intext{
  width: 580px;
  overflow: auto;
}

.wsc_messages_div{
  border: 2px dotted #484A36;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 6px 0px 6px 0px;
  margin: 0px 6px 10px 6px;
  display: block;
}

.blogs_options{
  float:right;
  height: 20px;
  margin: -20px 6px 0px 0px;
}


/* -- Compare -- */
  .compare_red   { color: #550000; background-color: #FFEEEE; }
  .compare_green { color: #005500; background-color: #EEFFEE; }
  .compare_res td{
    padding: 6px 10px 6px 10px;    
  }

.compare_select{
  width: 200px;  
}


/* -- FOOTER -- */

.footer{
  height: 20px;
  clear: both;
  font-size: 11px;
  margin: 20px 0px 0px 0px;
  padding-top:20px;
  border-top: 1px solid #C4C5B6;
}

.footer a{
  text-decoration: underline;
  font-size: 11px;
}

.footer dt{
  float: left;
  width: 400px;
}

.footer dd{
  float: right;
  width: 400px;
  text-align: right;
}


.community_invite_row{
  clear: both;
  height: 32px;
}

.community_invite_row span{
  margin-top: 6px;
}

.community_invite_row .community_invite_name{
  margin-top: 3px;
}

.invite_popup{
  height: 110px;
}

.help{
  margin: 0px 0px 0px 10px;
  padding: 0px;
}

.help img{
  margin: 0px 0px 0px 0px;
  padding: 0px;
  float: none;
}


.text_w{
  width: 670px;
}

.user_name{
  color:#BE520A;
}



/* ========== Autocomplete drop down START =============== */

#autocomplete{

}


.autocomplete_drop{
  height:70px;
  width: 150px;
  overflow:auto;
  position:absolute;
  background-color: transparent;
  margin: 1px 0px 0px 0px;
  text-align: left;
}
 .autocomplete_inner{
  background-color: #A1A396;
 }

.autocomplete_drop div div{
 margin: 0px 0px 1px 0px;
 background-color: #E0E2D8;
 padding: 2px 4px 2px 4px;
}

.autocomplete_drop a{
  color: #454732;
  text-decoration: none;
  display: block;
}

.autocomplete_drop a:hover{
  color: #1A1B12;
  text-decoration: underline;
}

/* ========== drop down END =============== */

#pm_search{
 text-align: center;
}


.pages  {
    padding: 10px;
    font-weight: bold;
    font-size: 11px;
    color: #454734;
}

.pages a {
    border: 1px solid #A7A791;
    padding: 3px 6px 3px 6px;
    color: #454734;
}

.pages a:hover {
    color: #454734;
    background: #EAEAE3;
}

.pg_current {
    border: 1px solid #A7A791;
    padding: 3px 6px 3px 6px;
    background: #D5D6C9;
    color: #F0F2F4;
}


p.secure_image{
  height: 32px;
}
p.secure_image span{
  margin-top:6px;
  width: 130px;
}
p.secure_image select{
  float: left;
  margin-top: 5px;
  width: 120px;
}

.textbox_disabled{
  background-color:#E8E8E1;
  border: 1px solid #D0D0C6;
}


.TinyMCESmiles{
  text-align: center !important;
  background: #F7FAFD !important;
  border: solid #AAC4D9 1px !important;
  padding:3px !important;
  margin: 5px 0px 5px 0px !important;
  white-space: normal !important; /* for Tiny MCE editor */
}

.TinyMCESmiles a,.TinyMCESmiles img{
  cursor: pointer !important;
}