/* CSS Document */





/* General Definitions */

.left{

  float:left;

}



.right{

  float:right;

}



/* Basic Body Layer (Lowermost) */

html,body{

  margin:0 auto;

  font-family:arial;

  _text-align:center;

}



#header{

  background:url("http://tutorialstart.com/backend/i/headerbg.jpg") repeat-x;

  height:134px;

}



#menu{

  height:36px;

}



#aftermenu{

  background:url("http://tutorialstart.com/backend/i/aftermenubg.jpg") repeat-x;

  height:35px;

}



#prebody{

  height:103px;

  background:url("http://tutorialstart.com/backend/i/prebodybg.jpg") repeat-x;

}



#body{

  background:url("http://tutorialstart.com/backend/i/bodybg.jpg") repeat-x;

  min-height:50px;

}



#footer{

  background:url("http://tutorialstart.com/backend/i/footerbg.jpg") repeat-x;

  height:192px;

}



#lowerfooter{

  background:url("http://tutorialstart.com/backend/i/lowerfooterbg.jpg") repeat-x;

  height:28px;

}



/* Main Container Layers (MidMost) */



#headercontainer{

  width:900px;

  margin:0 auto;

  height:134px;

}



#premenu{

  height:42px;

  _margin-top:-3px;

  _text-align:left;

}



#premenu img{

  margin-right:75px;

  padding-left:10px;

  margin-top:17px;

  _margin-right:78px;

}



.ie-rss{

  margin-left:104px;

  _margin-left:154px;

}



#premenu a{

  width:42px;

}



#menucontainer{

  width:900px;

  margin:0 auto;

  height:36px;

  _text-align:left;

}



#menucontainer a{

  padding-top:3px;

  display:block;

  height:33px;

  text-decoration:none;

  float:left;

  margin-right:6px;

  padding-left:3px;

}



#menucontainer a:hover{

  background:url("http://tutorialstart.com/backend/i/menuhover.jpg");

}



#menucontainer a:hover b{

  color:#007DBA;

}



#menucontainer a:hover span{

  color:#333333;

}



#menucontainer a b{

  font-weight:bold;

  color:#333333;

  font-size:14px;

}



#menucontainer a span{

  font-size:11px;

  color:#CFCFCF;

}



#aftermenucontainer{

  width:900px;

  margin:0 auto;

  height:35px;

  font-size:11px;

  color:white;

  _text-align:left;

}



.aftermenuinput{

  padding:2px;

  border:1px solid white;

  background:url("http://tutorialstart.com/backend/i/formbg.jpg");

  font-size:11px;

  margin-top:-2px;

}



.aftermenufloattext{

  display:block;

  float:left;

  height:16px;

  margin-top:9px;

  padding-left:8px;

}



.aftermenuform{

  display:block;

  float:left;

  height:16px;

  margin-top:7px;

}



#prebodycontainer{

  width:900px;

  margin:0 auto;

  padding-top:6px;

  font-size:11px;

  _text-align:left;

}



.prebodystart{

  color:#007DBA;

  font-weight:bold;

  font-size:15px;

}



.prebodytitle{

  color:#333333;

  font-weight:bold;

  font-size:15px;

}



.allcategorydropdown{

  padding-top:5px;

  _margin-top:5px;

}



.prebodybox{

  float:left;

  background:url("http://tutorialstart.com/backend/i/prebodystrip.jpg") no-repeat;

  height:91px;

  margin-left:6px;

  padding-left:6px;

}



.prebodybox a{

  display:block;

  color:#7D6800;

  text-decoration:none;

  font-size:11px;

  padding:0px;

}



.prebodybox a:hover{

  zbackground:#474747;

  color:#00C3EB;

}



#bodycontainer{

  background:url("http://tutorialstart.com/backend/i/bodycentralbg.jpg") no-repeat;

  width:912px;

  margin:0 auto;

}



#bodyinnercontainer{

  background:url("http://tutorialstart.com/backend/i/bodybottomcentralbg.jpg") no-repeat bottom center;

  width:912px;

  margin:0 auto;

  min-height:525px;

}



#truebodycontainer{

  width:892px;

  padding:5px 8px 1px 10px;

  margin:0 auto;

  _text-align:left;

  _padding-right:0px;

  _width:902px;

}



#footercontainer{

  background:url("http://tutorialstart.com/backend/i/footercentralbg.jpg") no-repeat;

  margin:0 auto;

  width:912px;

  height:192px;

  _text-align:left;

}



#prefooter{

  width:892px;

  padding:8px 8px 1px 10px;

  margin:0 auto;

  font-size:11px;

}



#truefooter{

  width:892px;

  padding:14px 8px 1px 1px;

  margin:0 auto;

  font-size:11px;

  _padding:7px 8px 1px 1px;

}



#lowerfootercontainer{

  width:900px;

  margin:0 auto;

  padding-top:7px;

  _text-align:left;

}



/* Main Text Layers (Innermost) */

#bodyheader{

  font-size:11px;

  line-height:4px;

  margin:4px 4px 6px 6px;

  padding:1px 0px 9px 0px;

  background:url("http://tutorialstart.com/backend/i/bodystrip.jpg") no-repeat bottom left;

}



#bodyheader a{

  text-decoration:none;

  color:#FE9B00;

}



#bodyheader a:hover{

  text-decoration:underline;

}



#bodyheader b{

  color:#696969;

}



#bodyheader h1{

  padding-top:0px;

  margin-top:8px;

  font-size:22px;

  font-weight:bold;

  color:#007DBA;

}



#bodyheader h1 a{

  padding-top:0px;

  margin-top:8px;

  font-size:22px;

  font-weight:bold;

  color:#007DBA;

  text-decoration:underline;

}



#bodyheader h1 a:hover{

  text-decoration:none;

}



#categoriesouter{

  border:1px solid #B7B7B7;

  width:596px;

  margin:0 auto;

}



#categoriesinner{

  border:1px solid white;

  background:#F7F7F7;

  font-size:11px;

  padding-bottom:4px;

}



#schead{

  height:26px; 

  width:350px; 

  margin:4px 4px 0px 4px;

  padding:3px; 

  background:url('http://tutorialstart.com/backend/i/scheadbg.jpg') no-repeat;

  float:left;

  font-size:16px;

  font-weight:bold;

  color:#007DBA;

}



.subcategorycolumn{

  width:136px;

  padding:0px 4px 3px 8px;

  float:left;

  background:url("http://tutorialstart.com/backend/i/subcategorystrip.jpg") no-repeat;

  /* min-height:127px; */

}



.subcategorycolumn a{

  text-decoration:none;

  display:block;

  color:#404040;

  padding:1px;

}



.subcategorycolumn a:hover{

  background:white;

  font-weight:bold;

}



.subcatinfo{

  width:588px;

  margin:0 auto;

  background:#FFFFFF;

  font-size:11px;

  color:#333333;

  line-height:15px;

  border:1px solid #E5E5E5;

  border-bottom:#FFFFFF;

  padding:4px;

}



.subcatinfo a{

  color:#FE9B00;

  font-weight:bold;

}



.subcatinfo a:hover{

  text-decoration:none;

}



/* Tutorial Listings */

.tutoriallisting{

  width:596px;

  margin:0 auto;

  padding-top:7px;

  padding-bottom:7px;

  border-bottom:1px solid #cecece;

  _width:603px;

}



.tutorialheader{

  font-size:11px;

}



.tutorialtrueheader{

  width:547px; 

  background:url('http://tutorialstart.com/backend/i/tutorialstrip.jpg') no-repeat; 

  height:43px; 

  padding-left:5px;

  float:right;

}



.tutorialinfobody{

  width:547px; 

  background:url('http://tutorialstart.com/backend/i/tutorialstrip.jpg') no-repeat; 

  padding-left:5px;

  float:right;

}



.tutorialtrueheader a:hover{

  text-decoration:none;

}



.tutorialbody{

  font-size:12px;

  padding-top:4px;

  line-height:16px;

}



.tutorialfooter{

  font-size:11px;

  padding-top:4px;

}



.tutorialfooter a{

  text-decoration:none;

}



.tutorialfooter a:hover{

  text-decoration:underline;

}



.tutorialfooter span{

  display:block;

  width:120px;

  height:13px;

  float:left;

}



.tutorialtitle{text-decoration:none; color:#333333; font-weight:bold; font-size:20px; font-family:tahoma; line-height:16px;}

.tutorialtitle:hover{color:#0B8BC5;}

.tutorialinfo{line-height:26px;}

.tutorialinfo a{text-decoration:underline; font-weight:bold;}

.tutorialauthor{color:#32B300;}

.tutorialdate{color:#474747;}

.tutorialsubcategory{color:#32B300;}

.tutorialcategory{color:#007DBA;}

.tutorialcomments a{color:#7B7B7B;}

.tutorialoptions{color:#C5C5C5;}

.tutorialshare{color:#434343;}



/* Left Body */

#leftbody{

  width:610px;

  float:left;

  _width:609px;

}



/* Sidebar */

#sidebar{

  width:279px;

  background:url('http://tutorialstart.com/backend/i/sideline.png') no-repeat; 

  margin-left:3px; 

  margin-top:9px; 

  min-height:392px;

  float:right;

}



/* Sidebar - User Dashboard */

#userdashboardouter{

  width:262px;

  border:1px solid #006BA1;

  margin:0px 7px 10px 7px;

}



#userdashboardinner{

  border:1px solid #00D0E7;

  background:#00A9D4;

  padding:6px;

  color:white;

  font-size:11px;

}



.username{

  font-weight:bold;

  font-size:14px;

  color:white;

  text-decoration:none;

}



.useractive{

  font-weight:bold;

  color:#A3E6FF;

  text-decoration:none;

}



.userpending{

  font-weight:bold;

  color:#43CCFF;

  text-decoration:none;

}



.userlogout{

  color:#FFD0C0;

  font-weight:bold;

  text-decoration:none;

}



#userdashboardoptions{

  padding-top:10px;

}



.usermenu{

  display:block;

  height:14px;

  color:white;

  text-decoration:underline;

}



.usermenu:hover{

  color:#00576C;

  text-decoration:none;

}



/* Sidebar - Extra Information */

.extrainfo{

  width:262px;

  margin:0px 7px 12px 7px;

}



.extrainfo .header{

  font-size:14px;

  font-weight:bold;

  display:block;

  padding:0px 0px 5px 0px;

}



.extrainfo ul{

  width:262px;

  margin:0px;

  padding:0px;

  border-top:1px solid #A6A6A6;

  border-bottom:1px solid #A6A6A6;

}



.extrainfo a{

  display:block;

  text-decoration:none;

  color:#525252;

}



.extrainfo li{

  list-style-type:none;

  margin:0;

  padding:5px 0px 5px 0px;

  border-bottom:1px solid #E2E2E2;

  font-size:12px;

  color:#525252;

  background:url("http://tutorialstart.com/backend/i/arrow.jpg") no-repeat 0px 8px;

  padding-left:8px;

  _background:url("http://tutorialstart.com/backend/i/arrow.jpg") no-repeat 0px 11px;

  _padding-left:12px;

}



.extrainfo li:hover{

  background:#F7F7F7;

}



.extrainfo a:hover{

  _font-weight:bold;

}



/* Sidebar - AdSpace */

#adspace{

  width:262px;

  margin:0px 7px 6px 7px;

}



#adspace img{

  margin-bottom:8px;

  border:1px solid #8E8E8E;

}



/* Sidebar - General */

.generalheader{

  width:262px;

  margin:0px 7px 3px 7px;

  border-bottom:1px solid #B4B4B4;

  padding-bottom:3px;

}



.generalheader span{

  color:#007cbc;

  font-size:14px;

  font-weight:bold;

}



.generalheader i{

  color:#cecece;

  font-size:11px;

  font-style:normal;

}



.generalbody{

  font-size:11px;

  line-height:15px;

  color:#333333;

  width:262px;

  margin:0px 7px 6px 7px;

}



.generalbody a{

  color:#333333;

  text-decoration:underline;

  font-weight:bold;

}



/* Footer - Column */

.footercolumn{

  padding-top:3px;

  width:202px;

  float:left;

  height:150px;

  overflow:hidden;

}



.footercolumn .title{

  color:black;

  font-size:14px;

  font-weight:bold;

}



.footercolumnitem{

  border-bottom:1px solid #E3C100;

  padding:4px 0px 4px 0px;

  display:block;

  text-decoration:none;

}



.footercolumnitem:hover{

  border-bottom:1px solid #FEF263;

}



.footeritemtitle{

  color:#706400;

  font-size:12px;

  font-weight:bold;

  text-decoration:none;

}



.footeritemurl{

  color:white;

}



.footercolumnfooter{

  text-align:right;

  padding-top:3px;

  font-size:11px;

}



.footercolumnfooter a{

  color:#706402;

  text-decoration:none;

}



.footercolumnfooter a:hover{

  color:#CCAD00;

}



.footeritemcategory{

  text-decoration:underline;

  font-weight:normal;

  color:#007CBA;

}



#footercredits{

  float:left;

  width:266px;

  line-height:16px;

  margin:6px 6px 6px 14px;

  font-size:11px;

  color:#706400;

  _width:265px;

}



#footercredits a{

  color:#706400;

  font-weight:bold;

}



#footercredits a:hover{

  color:white;

  text-decoration:none;

}



#footercredits b{

  color:#007DBA;

}



/* Lower Footer */

#creditmenu{

  float:left;

  width:600px;

}



#creditmenu, #creditmenu a{

  color:#A1A1A1;

  font-weight:bold;

  font-size:11px;

  text-decoration:none;

}



#creditmenu a:hover{

  color:#E5E5E5;

}



#creditinfo{

  font-size:11px;

  color:#929292;

}



#creditinfo a{

  color:#BDBDBD;

  font-weight:bold;

}



#creditinfo a:hover{

  color:white;

  text-decoration:none;

}



/* Pagination */

.pagination{

  padding:5px;

  text-align:right;

}



.pagination .page{

  display:block;

  text-decoration:none;

  width:21px;

  padding:3px 0px 3px 0px;

  border:1px solid #C6C6C6;

  text-align:center;

  font-size:14px;

  background:white;

  color:black;

  margin:2px;

  float:right;

}



.pagination .page:hover{

  background:#FFEA00;

  color:white;

  border:1px solid #333333;

}



.pagination .next{

  width:21px;

  height:21px;

  background:url("http://tutorialstart.com/backend/i/next.png") no-repeat 3px 6px;

  float:right;

}



.pagination .previous{

  width:21px;

  height:21px;

  background:url("http://tutorialstart.com/backend/i/previous.png") no-repeat 3px 6px;

  float:right;

}



/* Menu Dropdown */

#dropdowncontent{

  position:absolute;

  color:#333333;

  background:#FAFAFA url('http://tutorialstart.com/backend/i/dropdown.jpg') repeat-x;

  border:1px solid #C0C0C0;

  z-index:4;

  _width:865px;

  _margin-top:35px;

  _margin-left:-417px;

  display:none;

  

}



#dropdowninner{

  padding:4px;

  border:1px solid #E8E8E8;

}



#dropdown{behavior:url("http://tutorialstart.com/style/iefix.htc");}



#dropdown:hover > #dropdowncontent, #dropdown.hover #dropdowncontent {

    display: block;

}



.dropdowncolumn{

  float:left;

  padding-right:4px;

  width:171px;

}



.dropdownclass{

  color:#00C3EB;

  font-weight:bold;

  display:block;

  border-bottom:1px solid #A6A6A6;

}



.dropdowncat{

  color:#7D6800;

  font-weight:normal;

  display:block;

  text-decoration:none;

  padding:1px;

}



.dropdowncat:hover{

  background:#FFEE00;

  font-weight:bold;

  color:#594900;

}



/* Tutorial Comments */

#commentcontainer{

  width:596px;

  margin:7px;

}



.acomment{

  font-size:12px;

  color:#333333;

  padding:4px;

  border-bottom:2px solid #EFEFEF;

  height:16px;

  background:#FFFFFF;

}



.acommentuser{

  text-decoration:none; 

  color:#00A9D4; 

  font-weight:bold;

}



.acommentuser span{

  display:none;

  color:#C0C0C0;

  text-decoration:none;

  font-weight:normal;

}



.acommentuser:hover{

  text-decoration:underline;

}



.acommentuser:hover span{

  display:inline;

}



.commentbody{

  font-size:11px;

  line-height:16px;

  color:#333333;

}



/* Form Styles */

#addcomment form{

  _margin-top:0px;

  padding-top:0px;

}



.textform{

  width:596px;

  margin:7px;

  height:150px;

  border:1px solid #DEBD00;

  border-top:2px solid #FBD600;

  background:#FFFCEC;

  padding:4px;

  font-family:arial;

  font-size:12px;

  color:#7D6800;

  line-height:17px;

}



.inputform{

  width:596px;

  margin:7px;

  border:1px solid #DEBD00;

  border-top:2px solid #FBD600;

  background:#FFFCEC;

  padding:4px;

  font-family:arial;

  font-size:12px;

  color:#7D6800;

  line-height:17px;

}



.generalform input{

  width:596px;

  margin:7px;

  border:1px solid #DEBD00;

  border-top:2px solid #FBD600;

  background:#FFFCEC;

  padding:4px;

  font-family:arial;

  font-size:12px;

  color:#7D6800;

  line-height:17px;

}



.generalform select{

  width:596px;

  margin:7px;

  border:1px solid #DEBD00;

  border-top:2px solid #FBD600;

  background:#FFFCEC;

  padding:4px;

  font-family:arial;

  font-size:12px;

  color:#7D6800;

  line-height:17px;

}



.generalform .submit{

  margin:0px 7px 7px 7px;

  border:1px solid #DEBD00;

  background:#FEDA00 url('http://tutorialstart.com/backend/i/prebodybg.jpg');

  padding:4px;

  font-weight:bold;

  color:#AA6800;

  font-size:11px; 

}



.generalform textarea{

  width:596px;

  margin:7px;

  height:150px;

  border:1px solid #DEBD00;

  border-top:2px solid #FBD600;

  background:#FFFCEC;

  padding:4px;

  font-family:arial;

  font-size:12px;

  color:#7D6800;

  line-height:17px;

}



.submitform{

  margin:0px 7px 7px 7px;

  border:1px solid #DEBD00;

  background:#FEDA00 url('http://tutorialstart.com/backend/i/prebodybg.jpg');

  padding:4px;

  font-weight:bold;

  color:#AA6800;

  font-size:11px;

}



#addcommenthead{

  font-size:12px;

  color:#7D6800;

  padding:4px;

  border-bottom:2px solid #D5B500;

  height:16px;

  background:#FFDB00 url('http://tutorialstart.com/backend/i/prebodybg.jpg');

  margin:0px 7px 0px 7px;

  width:588px;

  _width:596px;

}



.formsyn{

  margin:2px 7px 2px 7px;

  font-size:14px;

  color:#7D6800;

  font-weight:bold;

}



/* Rating Bar */

.ratingbar{

  background:white;

  border:1px solid #e6e6e6;

  padding:4px;

  font-size:11px;

  margin:7px; 

}



.ratingbar .normallink{

   font-weight:bold;

   text-decoration:none;

   display:inline;

   font-size:11px;

   text-decoration:none;

}



.ratingbar a:hover{

  text-decoration:underline;

}



.ratingbartitle{

  font-size:16px;

  color:#333333;

  margin:3px 3px 3px 3px;

  font-weight:bold;

}



.ratingbar a{

  display:block;

  padding:1px 0px 0px 0px;

  margin:0px 3px 3px 3px;

  border-bottom:1px solid #E2E2E2;

  text-decoration:none;

  font-size:12px;

  color:#007CBC;

}



.ratingbar a:hover{

  text-decoration:none;

  color:black;

}



.ratingbar .darkgrey{

  color:#333333;

  font-weight:normal;

}



/* Signup Informative Banner */

.signupinfo{

  color:#F3F3F3;

  background:#E10000;

  border:1px solid #B90000

  font-weight:bold;

  padding:4px;

  font-size:12px;

  margin:7px; 

}



.signupinfo a{

  font-weight:bold;

  color:white;

}



/* Browse Section */

.browsecolumn{

  float:left;

  margin:2px;

  width:194px;

  font-size:11px;

}



.browsecolumn .header{

  border-bottom:1px solid #A6A6A6;

  height:65px;

}



.browsecolumn h1{

  margin:0;

  padding:0;

  display:inline;

  font-size:16px;

  font-weight:bold;

  color:#7D6800;

}



.browsecolumn h2{

  color:#A6A6A6;

  display:inline;

  margin:0;

  padding:0;

  font-size:11px;  

}



.browsecolumn h3{

  display:inline;

  font-weight:normal;

  color:#00A9D4;

  font-size:11px;

}



.browsecolumn .header a{

  color:#666666;

  text-decoration:none;

}



.browsecolumn .header a:hover{

  font-weight:bold;

}



.browseinfo{

  text-decoration:none;

  font-weight:normal;

}



.browsecategories a{

  display:block;

  height:16px;

  text-decoration:none;

  color:#333333;

  padding:1px 0px 0px 1px;

}



.browsecategories a:hover{

  background:#FFDD00 url("http://tutorialstart.com/backend/i/prebodybg.jpg");

  color:#7D6800;

  font-weight:bold;

  padding:1px 0px 0px 10px;

}



/* News Page Items */

.newscube{

  float:left;

  padding:5px;

  margin:4px;

  overflow:hidden;

  height:108px;

  _height:118px;

  width:131px;

  _width:144px;

  background:#EEEEEE;

  border-top:1px solid #EEEEEE;

  border-left:1px solid #EEEEEE;

  border-right:1px solid #DDDDDD;

  border-bottom:1px solid #DDDDDD;

  text-decoration:none;

}



.newscube:hover{

  background:white;

  border-top:1px solid white;

  border-left:1px solid white;

  border-right:1px solid #EFEFEF;

  border-bottom:1px solid #EFEFEF;

}



.newscube:hover .title{

  color:#007CBC;

}



.newscube:hover .author{

  color:black;

}



.newscube .title{

  color:#333333;

  font-size:16px;

  font-weight:bold;

  display:block;

  height:96px;

  _height:96px;

}



.newscube .author{

  font-style:italic;

  font-size:11px;

  color:#A0A0A0;

  display:block;

}



/* Information Link Menu - Main Page */

.infolinkitem{

  display:block;

  text-decoration:none;

  color:#333333;

  font-size:11px;

  margin:7px;

  padding:2px 0px 6px 0px;

  border-bottom:1px solid #EBEBEB;

}



.infolinkitem:hover{

  text-decoration:underline;

  color:grey;

}



.infolinkitem:hover .title{

  color:black;

}



.infolinkitem .title{

  font-size:16px;

  font-weight:bold;

  color:#007CBC;

}



/* In-Body Heading */

.bodyheading{

  margin:7px;

  font-size:14px;

  font-weight:bold;

  color:#946800;

  padding:3px;

  background:#FFDD00;

}



/* Body Basic Boxes */

.bodybox{

  margin:7px;

  font-size:11px;

  color:#333333;

  color:#333333;

  line-height:16px;

  font-family:verdana;

}



/* FAQ items */

#faqquestions{

  margin:6px;

  font-size:11px;

  line-height:16px;

  border-bottom:1px solid #A6A6A6;

  padding-bottom:2px;

}



#faqquestions a{

  text-decoration:none;

  color:#7D6800;

}



#faqquestions a:hover{

  color:#333333;

  text-decoration:underline;

}



.faqquestion{

  margin:6px;

  padding:0px 0px 3px 0px;

  font-size:11px;

  border-bottom:1px solid #E2E2E2;

  line-height:16px;

  color:#333333;

}



.faqquestion span{

  font-weight:bold;

  font-size:14px;

}



.faqquestion a{

  color:#333333;

  font-weight:bold;

}



/* Ratings Colors */

.r0{

  color:#C60000;}



.r1{

  color:#C66300;}



.r2{

  color:#C6BC00;}



.r3{

  color:#8AC501;}



.r4{

  color:#1EC600;}

  

/* General Information Box */

.geninfo{

  font-size:11px;

  margin:6px;

  color:#333333;

  line-height:15px;

}



.geninfo a{

  font-weight:bold;

  color:#333333;

}



.geninfo a:hover{

  text-decoration:none;

}



.geninfo .title{

  color:#007CBC;

  font-weight:bold;

  font-size:14px;

  display:block;

}



/* reCAPTCHA modding */

#recaptcha_response_field {

  border-color: #FBD600 !important; //Text input field border color

  background-color:#FFFCEC !important; //Text input field background color

}



 #recaptcha_table {

   //border-color: #FF0000 !important; reCaptcha widget border color

 }