STRONG { COLOR: #009900; TEXT-DECORATION: underline}

.placement {FONT-WEIGHT: bold; COLOR: #9d0000}
.smallTab {FONT-WEIGHT: bold; MARGIN-LEFT: 2px; COLOR: #646464}
.smallTab A {COLOR: #009900; TEXT-DECORATION: none}
.ismalltitle { TEXT-DECORATION: none; COLOR: #9D0000;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}
.ismalltitle A {FONT-WEIGHT: bold; COLOR: #9d0000; TEXT-DECORATION: none}

.green { COLOR: #009900}
.black {FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica}
.black A {FONT-SIZE: 10px; COLOR: #009900; FONT-FAMILY: Verdana, Arial, Helvetica}
.black IMG {TEXT-DECORATION: none}
.black SELECT {BORDER-RIGHT: #646464 1px solid; BORDER-TOP: #646464 1px solid; BORDER-LEFT: #646464 1px solid; COLOR: #000000; BORDER-BOTTOM: #646464 1px solid; TEXT-DECORATION: none}
.grey {FONT-WEIGHT: bold; COLOR: #646464}
.smallred {FONT-WEIGHT: bold; COLOR: #9d0000; TEXT-DECORATION: none}
.redbold {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666666}
#gold            {BACKGROUND: url(/images/main/gold.gif) #f1e9c5 no-repeat right top}
#silver          {BACKGROUND: url(/images/main/silver.gif) #ffffff no-repeat right top}
#bronze          {BACKGROUND: url(/images/main/bronze.gif) #f2e8d9 no-repeat right top}

.signu {border:#009900; BACKGROUND-COLOR: #FFFFFF; PADDING-TOP: 2px; PADDING-BOTTOM: 2px; text-align:left; font-weight:bold; font-size:12px; text-align:center; width: 100%;}
.style2 {COLOR: #000000; BACKGROUND-COLOR: #ffffff}

#rightSetsDiv  {BACKGROUND-COLOR: #646464}

#upperHead {BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN-BOTTOM: -1px; COLOR: #000000; BORDER-BOTTOM: #666666 1px solid; HEIGHT: 68px; TEXT-ALIGN: right; width:100%;}
#upperHeadLeft {FLOAT: left; MARGIN-LEFT: 5px;}
#upperHeadRight {FLOAT: right}

#leftRegularHead {BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 13px; TEXT-ALIGN: right}
#leftRegularHead A {FONT-WEIGHT: bold; COLOR: #cc0000; TEXT-DECORATION: none}
.mainBodyHead {BORDER-RIGHT: #646464 1px solid; BORDER-TOP: #646464 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: #646464; MARGIN-LEFT: 0px; BORDER-LEFT: #646464 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #646464 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 13px}

FORM {margin-bottom: 0px;}

.formInput {BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 10px; BORDER-LEFT: #cccccc 1px solid; COLOR: #333333; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.tabRight {FLOAT: right}

.title,        { font-size:13px; color:#646464; TEXT-DECORATION: none; }
.title a       { color:#990000; TEXT-DECORATION: none;}
.title a:hover {color:#21AED8;}

/*---------- Header ------------------------------------------------------*/
#header_container_tbl {WIDTH: 870px; VERTICAL-ALIGN: middle; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif; 
                                   FONT-WEIGHT: bold; COLOR: #ffffff;}
#header_container_tbl A           { COLOR: #ffffff; TEXT-DECORATION: none;}
#header_container_tbl A:hover { COLOR: #5CCFD4; TEXT-DECORATION: underline}
#header_txtBox        {BORDER: #000066 1px outset; FONT-SIZE: 12px; BACKGROUND-COLOR: #ffffff; WIDTH: 150px;}
#header_rowtop {height: 25px; background: url(http://tutorial-index.com/images/main/bg_topbar.jpg) repeat-x left top;}
#header_rowmid {height: 100px; background: url(http://tutorial-index.com/images/main/bg_middlebar.jpg) repeat-x left top;}
#header_rowbot {height: 33px; background: url(http://tutorial-index.com/images/main/bg_bottombar.jpg) repeat-x left top;}
#header_btnLogin {background-image: url(http://www.tutorial-index.com/images/main/header_btn_login.jpg); BORDER: #000033 0px outset; HEIGHT:15px; WIDTH: 60px; MARGIN-BOTTOM:4px;}
#header_btnSearchTuts {background-image: url(http://www.tutorial-index.com/images/main/header_btn_search.jpg); BORDER: #000033 0px outset; HEIGHT:15px; WIDTH: 105px; MARGIN-BOTTOM:1px;}

BODY   {FONT-SIZE: 10px; BACKGROUND: url(/images/main/bgd.jpg); TEXT-ALIGN: center; MARGIN: 0px; PADDING-TOP: 7px; PADDING-BOTTOM: 7px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}

.tbl_tut_container1 {WIDTH: 100%; FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN: 0px; BACKGROUND-COLOR: #E7F5F5; COLOR: #000000; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}
.tbl_tut_container2 {WIDTH: 100%; FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN: 0px; BACKGROUND-COLOR: #F3FED6; COLOR: #000000; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}

#mainContainer    {WIDTH: 870px; TEXT-ALIGN: left; float: none;}
#footContainer    {BACKGROUND-COLOR: #f3f3f3; MARGIN-TOP: 7px; BORDER-TOP: #cccccc 1px solid;  VERTICAL-ALIGN: top; WIDTH: 810px; CLEAR: both; TEXT-ALIGN: left;}
#mainCentralBody  {MARGIN-TOP: 12px; WIDTH: 100%; BACKGROUND: #ffffff}

#mainMenu         {MARGIN-TOP: 3px; width: 100%; HEIGHT: 18px}
#mainMenu A       {BORDER-RIGHT: #f3f3f3 1px solid; BORDER-BOTTOM: #cccccc 3px solid; PADDING-TOP: 3px; PADDING-BOTTOM: 3px; PADDING-RIGHT: 12px; PADDING-LEFT: 12px; FONT-WEIGHT: bold; BACKGROUND: url(/images/main/regbgmainun.jpg) #ffffff repeat-x; VERTICAL-ALIGN: middle; COLOR: #ffffff; TEXT-DECORATION: none}
#mainMenu A:hover {BACKGROUND: url(/images/main/regbgmain.jpg) #21aed8 repeat-x; COLOR: #ffffff; BORDER-BOTTOM: #e4e4e4 3px solid}

#searchBox {BACKGROUND: #e8f3da; PADDING-BOTTOM: 2px; WIDTH: 100%; PADDING-TOP: 2px; BORDER-BOTTOM: #cccccc 3px solid; HEIGHT: 34px; TEXT-ALIGN: left}

#genreTitle         {MARGIN-TOP: 3px; PADDING-LEFT: 0px; PADDING-TOP: 3px; FONT-WEIGHT: bold; BACKGROUND: #e4e4e4; COLOR: #000000; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 13px; width:100%;}
#genreTitle A       {COLOR: #000000; TEXT-DECORATION: none;}
#genreTitle A:hover {COLOR: #009900; TEXT-DECORATION: none;}
#catList            {BACKGROUND-COLOR: #F3FED6; WIDTH: 100%; PADDING-TOP: 3px;}
#catList A          {COLOR: #009900; TEXT-DECORATION: none}
#catList A:hover    {COLOR: #999999}

.tutNormalDesc { HEIGHT: 30px}
.tutNormalTabImageBar { FLOAT: right; VERTICAL-ALIGN: bottom; MARGIN-RIGHT: 0px}
.tutNormalTitle { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #000000; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif}
.tutNormalTitle A { COLOR: #000000}
.tutNormalTitle A:hover { COLOR: #cf311b; TEXT-DECORATION: underline blink}

.rightTitles {MARGIN-TOP: 3px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; BACKGROUND-COLOR: #EEFAFD; COLOR: #000000; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; WIDTH: 100%; HEIGHT: 13px}

#latestNews                       {WIDTH: 100%; PADDING-LEFT: 0px; PADDING-TOP: 5px; COLOR: #000000; BACKGROUND-COLOR: #ffffff;}
#latestNews .title A              {FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #9d0000; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; TEXT-DECORATION: none}
#latestNews .title A:hover        {COLOR: #333333;}
#latestNews .underTitle           {COLOR: #646464}
#latestNews .belowMessage         {MARGIN-TOP: 3px; PADDING-TOP: 2px; PADDING-BOTTOM: 2px; BACKGROUND: #f0f0f0; BORDER-BOTTOM: #646464 1px solid}
#latestNews .belowMessage A       {FONT-WEIGHT: bold; COLOR: #009900; TEXT-DECORATION: none}
#latestNews .belowMessage A:hover {COLOR: #333333;}



.rPanelTDPartners               { FONT-WEIGHT: normal; BACKGROUND: #f3f3f3; COLOR: #333333; BORDER-BOTTOM: #cccccc 1px solid; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; PADDING-LEFT: 5px; PADDING-RIGHT: 5px;}
.rPanelTDPartners A.title       { COLOR: #21aed8; TEXT-DECORATION: none; FONT-SIZE: 10px; FONT-WEIGHT: bold;}
.rPanelTDPartners A.title:hover { COLOR: #009900; }
.rPanelTDPartners A.link        { COLOR: #009900; TEXT-DECORATION: none; }
.rPanelTDPartners A.link:hover  { COLOR: #00ff00; }

A.link       { COLOR: #0099ff; TEXT-DECORATION: none; }
A.link:hover  { COLOR: #00ffff; }

.rPanelTDStatsLeft    {BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND: #f3f3f3; COLOR: #646464; PADDING-LEFT: 5px;}
.rPanelTDStatsRight   {BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND: #f3f3f3; COLOR: #9d0000; PADDING-RIGHT: 5px; TEXT-ALIGN: right}

.rightSets          {FONT-WEIGHT: normal; BACKGROUND: #f3f3f3; WIDTH: 100%; COLOR: #333333; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.rightSets A        {FONT-WEIGHT: bold; COLOR: #21aed8; TEXT-DECORATION: none}
.rightSets A:hover  {COLOR: #009900; BACKGROUND-COLOR: #ffffff}
.rightSets .title A       {FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #9d0000; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: underline}
.rightSets .title A:hover {FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none}
.rightSets .left          {BACKGROUND: #f3f3f3; FLOAT: left;}
.rightSets .left B        {COLOR: #646464}
.rightSets .right         {BACKGROUND: #f3f3f3; FLOAT: right; TEXT-ALIGN: right}
.rightSets .right B       {COLOR: #9d0000}

#gfShare           {MARGIN-TOP: 2px; FLOAT: left; WIDTH: 200px; TEXT-ALIGN: right}
#gfShare A         {FONT-WEIGHT: bold; COLOR: #21aed8; TEXT-DECORATION: underline}
#gfShare B         {FONT-WEIGHT: bold; COLOR: #9d0000}
#gfSpan            {MARGIN-TOP: 2px; FLOAT: left; WIDTH: 200px;}
#gfSpan UL         {PADDING-RIGHT: 2px; DISPLAY: inline; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 0px; COLOR: #000000; PADDING-TOP: 2px; LIST-STYLE-TYPE: none; HEIGHT: 13px}
#gfSpan LI         {PADDING-BOTTOM: 4px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 20px}
#gfSpan UL LI A    {FONT-WEIGHT: bold; COLOR: #009900; TEXT-DECORATION: none}
#gfSpan LI A:hover {FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}