/**********************************************************************
(RESET)
********************************************************************/


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	}

*,* focus{
	outline:none;margin:0;
	padding:0;
	}
	
:focus{
	outline:0;
	}
	
table{
	border-collapse:separate;
	border-spacing:0;
	vertical-align:middle;
	}
	
ol,ul{
	list-style:none;
	}
	
q:before,q:after,blockquote:before,blockquote:after{
	content:"";
	}
	
	

/**********************************************************************
(DEFAULT STYLE)
********************************************************************/

html	{
	min-height:100%;
	margin-bottom:1px;
	background:#f2f2f2;
		}
		
body	{
	padding:0;
	margin:0 auto;
	text-align:left;
	color:#333333;
	background:url(images/banner.png) repeat-x top center;
		}
	
img a	{
	border:none;
	cursor:pointer;
	}
	
a	{
	color:#666699;
	text-decoration:none;
	font-weight:normal;
	font:12px/18px Helvetica, Arial, sans-serif;
	}
	
a:hover	{
	color:#333333;
	cursor:pointer;
		}
	
.clear{
	display:inline-block;
	zoom:1;
	}
	
.clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	
.hundred {
	width:100%;
	}

h1 {
	font-size:26px;
	letter-spacing:-1px;
	font-weight:bold;
	line-height:26px;
	color:#df6476;
	}
h2 {
	font-size:20px;
	font-weight:bold;
	line-height:24px;
	color:#df6476;
	}

h4 {
	font-size:18px;
	font-weight:bold;
	line-height:22px;
	}
	
u {
	border-bottom:2px solid #df6476;
	}

#wrapper	{
	margin:0 auto;
	padding:0;
	width:995px;
	font:12px/18px Helvetica, Arial, sans-serif;
	}

big {font-size:18px;}
small {font-size:10px;}

/**********************************************************************
(HEAD)
********************************************************************/

#head {
	position:relative;
	margin:0 auto;
	width:995px;
	height:202px;
	display:block;
	}
#logo {
	width:168px;
	height:53px;
	position:absolute;
	background:url(images/logo.png) no-repeat top center;
	left:0px;
	top:0px;
		}
.logolink {
	float:left;
	display:block;
	width:168px;
	height:53px;
	margin:0;
	}
a.logolink {
	width:168px;
	height:53px;
	display:block;
}

#join {
	width:193px;
	height:76px;
	position:absolute;
	right:22px;
	top:0px;
	}
#nav {
	width:380px;
	position:absolute;
	right:30px;
	top:175px;
	}

#ad	 {
	display:inline;
	width:728px;
	height:90px;
	position:absolute;
	top:78px;
	right:140px;
	overflow:hidden;
		}

#list1 ul { 
	list-style:none; 
	text-align:center;
	padding:5px 0; 
		}
	
#list1 ul li {
	display:inline;
	text-transform:lowercase;
	padding:0 7px;
		}
#list1 ul li a {
	color:#333333;
	padding:5px;
		}
#list1 ul li a:hover {
	background-color:#e5e5e5;
		}

	/* searchform */
	

#search {
	width:280px;
	overflow:hidden;
	margin:0 auto;
	padding:20px 10px 15px 0px;
	}
#searchsubmit {
	margin-left:2px;
	}
#searchbox {
	width:280px;
	height:53px;
	overflow:hidden
	;margin:0 auto;
	padding:20px 0px 15px 0px;
		} /*error pages*/
#cse-search-box {border:0px;margin:0;padding:0;}
#cse-search-box p {margin:0;padding:0;background-color:#ececec;}
#cse-search-box input{float:left;border:none;background-color:#ececec;}
#search .text,#searchbox .text {border:1px solid #818181;line-height:27px;height:27px;font-size:13px;width:213px;padding-right:5px;}

/**********************************************************************
CONTENT
********************************************************************/

.MainContentLeft	{
	float:right;
	display:inline;
	overflow:hidden;
	width:664px;
	margin-bottom:6px;
	background:#fff url(images/border-right.png) repeat-y top right;
	border-bottom:2px solid #e6e6e6;
	}

.MainContentLeft h1,
.MainContentLeft h2,
.MainContentLeft h3
	{
	padding:16px 17px;
	}
	
.MainContentLeft ul {
	padding-left:15px;
	}

.MainContentLeft p {padding:10px 15px;}


ul.bullet li {
	line-height:16px;
	background-image:url(http://www.hot-lyts.com/themes/lucky/images/icons/bullet.png);
	background-position:left center;background-repeat:no-repeat;padding:0px 0px 0px 15px;}
	
ul.bullet li a,ul.bullet li a:link,ul.bullet li a:visited {
	height:16px;
	line-height:16px;
	}

/**********************************************************************
SIDEBAR
********************************************************************/


.sidebar{float:left;display:inline;width:328px;overflow:hidden;margin-left:0px;}


/* QUOTES */
#list2 { width:250px;margin:0 auto; }
#list2 ol { font-style:italic; font-size:24px; color:#dae9fb; list-style-type:decimal;  }
#list2 ol li p { padding:5px; font-style:normal;font-size:11px; color:#666699; border-left: 1px solid #d0d0d0; }
#list2 ol li p em { display:block;color:#648fc2; }


/*normal nav*/
.navcontainer {width:328px;margin-bottom:6px;background:#fff url(images/border-left.png) repeat-y top right;border-bottom:2px solid #e6e6e6;}
.navcontainer h2{padding:10px 17px;}
.navcontainer h3 {color:#f2f2f2;font-size:16px;line-height:68px;padding-left:26px;background:url(images/h1_foot.gif) no-repeat left center;}
.navcontainer ul {padding:4px 20px 16px 20px;}
.navcontainer li{line-height:17px;}
.navcontainer li a{height:17px;line-height:17px;text-decoration:none;text-transform:lowercase;}
.navcontainer li a:link,.navcontainer li a:visited{display:block;padding:0 0 0 15px;line-height:17px;}


div.navlinks {width:320px;height:100%;}

div.navlinks li {line-height:10px;background:none;}

div.navlinks .left ul {padding-left:5px;}

.navlinks .left{
	width:106px;
	}
.navlinks .right{
	width:106px;
	}

.nav2 {
	display:block;
	padding:0;
	clear:both;
	width:328px;
	float:left;
	}
	
.nav2 .left ul {
	padding-left:16px;
	}
	
.nav2 li {
	line-height:18px;
	background-image:url(/img/beta/bulletli.gif);
	background-position:left center;
	background-repeat:no-repeat;
	}
	
.nav2 .left,
.nav2 .right 
	{
	padding:6px 0px;
	}

.nav2 .left{
	width:150px;
	}

.nav2 .right{
	width:170px;
	}

.nav2 .right,.nav2 .left,navlinks .left,navlinks .right {float:left;display:block;height:100%;overflow:hidden;}

/*FOOTER */
#footer{display:block;clear:both;width:100%;height:376px;padding-bottom:4px;margin-top:5px;overflow:hidden;background:#1c1c1c url(/_new/omg/images/footer_bg.png) repeat-x top left;}
.f_ad_inner{width:730px;margin:0 auto;padding:0;height:90px;overflow:hidden;margin:5px 0px;}
.wrap-footer{width:990px;margin:0 auto;padding:0;height:376px;position:relative;overflow:hidden;}
#footer table.c2{width:100%;}
#footer td.c1{width:50%;}
#footer td.c1 a{display:block;}
#footer p{font-size:11px;padding:5px 3px 5px 20px;color:#ebebeb;}
#footer .about{padding-left:5px;padding-top:7px;width:325px;height:312px;float:left;display:inline;}
#footer a {color:#f5b8c0;}
#footer a:hover {color:#fff;}
#footer h4{color:#df6476;line-height:45px;padding-left:10px;text-transform:uppercase;}
#footer .information{padding-left:5px;padding-top:7px;width:320px;height:302px;float:left;display:inline;}
#footer .information ul{list-style:none;margin-top:10px;margin-left:15px;padding:0;}
#footer .information ul li a{display:block;background-color:#65d1f2;height:24px;width:285px;margin-bottom:2px;border-left:8px solid #49b8da;padding-left:8px;font-size:12px;line-height:24px;font-weight:bold;color:#333;}
#footer .information ul li a:hover{text-decoration:none;background-color:#8fdcf4;}
#footer .notes{padding-left:10px;padding-top:5px;width:484px;float:left;display:inline}


/****########################## PART 2, SPECIFIC PAGES###################***/



/*ADVERTISEMENT PROPERTIES*/
.medium-ads{display:inline;float:left;width:300px;height:250px;overflow:hidden;padding:15px;margin:0;background:url(/_new/omg/images/load.gif) no-repeat center center;}

/*** EXTRAS ***/
.center{margin:0 auto;}
.half{width:50%;}
div.left{float:left;display:inline;}
div.right{float:right;display:inline;}
.hun{width:100%;}
.padten{padding:10px;}
.marginbt {
margin-bottom:8px;
}

/*QUOTES*/
span.light,span.dark{display:block;width:95%;margin:7px;padding:10px;}
span.light{background-color:#ffe9f7;}
span.dark{background-color:#ffdff4;}

/*LAYOUTS*/
.list {padding-top:18px;}
.dropd {padding-left:20px;}

/***** layouts' ad wrappers ****/
.adsense-block {width:640px;height:280px;margin:10px auto;text-align:center;display:inline;float:left;color:#8e8e8e;font-size:10px;text-transform: uppercase;}
.layout-block5,.layout-block6 {width:300px;height:250px;padding:0px;margin:0 auto;overflow:hidden;}
.lwrapper {width:332px;height:264px;display:inline;float:left;position:relative;}
.lcover {width: 303px;height: 254px;margin:0 auto;overflow:hidden;}
a.front-layout-view {display:block;height:254px;float:left;text-indent:-9999px;background-position: 0px 0px;}
.front-layout-view:hover{background-position: 0px -254px;}
.front-layout-view{background:url(/themes/beta/images/layoutcover.gif) no-repeat;width:303px;}
p.name a {font-weight:bold;font-size:12px;}
/*MYSPACE LAYOUTS*/

.breadcrumbs {display:block;height:15px;clear:both;z-index:9;margin-top:8px;}
.breadcrumbs,.breadcrumbs a {font-size:11px;font-weight:normal;text-transform:lowercase;}
.breadcrumbs span.left {padding-left:15px;float:left;display:inline;}
.breadcrumbs span.right {padding-right:15px;float:right;display:inline;}

.layoutcatmenu {
font:normal 11px/15px Arial, Helvetica, sans-serif;
letter-spacing:0;
padding:5px 10px 5px 5px;}
select.layoutcatmenu {
margin-right:15px;
}



.cpx-ad-foot {width:660px;height:250px;overflow:hidden;margin:9px auto;}

.dropdownlayouts {display:block;width:100%;margin:2px 0;}
.dropdownlayouts2 {padding : 2px 17px 2px 0;}


a.medium {font-size : 20px;letter-spacing : -1px;}
a.large {
font-size : 26px;
letter-spacing : -1px;
padding : 3px;
}
a.small {
font-size : 12px;
}
div.codedetails {
width : 605px;
height : 265px;
}
div.dcodeleft {
float : left;
width : 270px;
height : 160px;
display : inline;
padding : 5px 0 5px 8px;
}
div.dcodeleft img {
border : 1px dashed #78668c;
width : 250px;
height : 150px;
padding : 5px;
display : inline;
}
div.dcoderight {
float : left;
width : 320px;
height : 160px;
display : inline;
padding : 7px 0 5px;
}
div.dkeywords {
float : left;
width : 590px;
height : 20px;
display : inline;
padding : 0 0 0 15px;
}
span.linktutorial a {
color : #fde3f2;
display : block;
background-color : #cd69a2;
padding-left : 4px;
}
span.linktutorial a:hover {
color : #333;
}
.dlayoutcat {
width : 590px;
height : 20px;
}

/* CLASSES */

/*/* warnings like blockquote */

p.highlight {font-size:11px;color:#777777;margin:0 auto;}
p.highlight a {font-size:11px;}


/****extra links****/
a.bigit,a.LargeLink {font-size:18px;font-weight:bold;}

/******* HOME PAGE ***********/

.pad {padding-left:0px;padding-bottom:15px;}
a.start {font-size:24px;font-weight:bold;letter-spacing:-1px;text-align:right;padding:12px 15px;line-height:34px;}


/*EXTRAS*/

#searches {padding:20px;}
#searches a {font-size:14px;padding:10px;}
#searches a.small {font-size:18px;}
#searches a.medium {font-size:28px;}
#searches a.large {font-size:35px;}


.floatLeftinline {float:left;display:inline;padding:2px;}
.floatLeftin {float:left;display:inline;}
.width75 {width :75%;}
.floatLeft {float:left;}
.floatRight {float:right;}
.alignRight {text-align:right;}
.paddingLeft8 {padding-left:8px;}
.paddingLeft23 {padding-left:23px;}
.paddingLeft15 {
padding-left : 15px;
}
.pad-right-bottom {
padding-right : 15px;
padding-bottom : 15px;
}
.padtopbt{padding:10px 0px;}

.adimg {
width : 160px;
height : 600px;
}
div.center, #ScriptTable {
margin : 0 auto;
text-align : center;
}

.center {text-align:center;}

blockquote {
padding : 19px;
}
table.c2 {
width : 100%;
}



.layoutcat ul {
margin : 0;
padding : 0;
display : inline;
float : left;
width : 180px;
}
ul.clist li a {
background : url(/img/arrow_mini_right.gif) no-repeat center left;
padding : 0 0 0 2px;
text-decoration : none;
color : #355298;
}
.layoutcat li a, .myspacecodes li a, .myspacelayouts li a, ul.arrowlist li a {
background : url(/img/arrow_mini_right.gif) no-repeat center left;
padding : 0 0 0 15px;
}
.columncode li a {background : url(/img/arrow_mini_right.gif) no-repeat center left;padding : 0 0 0 10px;
}.bordered {border : 1px solid #dcdcdc;padding : 7px;}

.ScriptThumb  {border : 1px solid #dcdcdc;padding : 7px;
}

textarea, #embed2, .oh2, .blankno {
overflow-x:hidden;font-size:12px;line-height:16px;font-family:arial;background-image:url(/layoutpreviewer/text.png);background-color:#73c2e6;background-repeat:repeat-x;background-attachment:scroll;color:#222222;border:1px solid #53a0c3;color:#111111;
}
textarea.friendsterbox2 {
width : 400px;
height : 140px;
}
textarea.friendsterbox {
width : 400px;
height : 50px;
}
textarea.codearea {
width : 140px;
}
.textcodes {
width : 300px;
height : 150px;
}
.ewskinny {
padding : 10px;
width : 480px;
height : 60px;
}
.anokahello {
width : 450px;
height : 200px;
}
textarea.ccode {
width : 300px;
height : 40px;
margin-left : 20px;
}
textarea.dcode {
font-size : 12px;
font-family : trebuchet MS;
background : none;
color : #333;
width : 290px;
height : 130px;
}
div.code2 textarea {
width : 93%;
height : 200px;
}
textarea.generatorspace {
width : 300px;
height : 170px;
padding : 4px;
border : 1px solid #d5d5d5;
margin-bottom : 5px;
font : normal 14px/16px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.dcoderight textarea {
border : 1px solid #da79b0;
font-size : 11px;
line-height : 15px;
font-family : trebuchet MS;
background : none;
color : #444;
width : 318px;
height : 140px;
}
textarea.ScriptCode, .eh2, .myspacecode, .code_codes, .codes textarea {
padding : 10px;
width : 75%;
height : 80px;
}
.tutorial {
border : 10px solid #eee;
text-align : center;
}
.contact_buttons {
display : block;
height : 120px;
margin : 10px;
}
.msg, .add, .cmt, .blk {
display : inline;
width : 130px;
}
.contact_buttons textarea {
width : 100px;
height : 40px;
}
.surveylink a {
background-color : #333;
padding : 3px;
color : #fff;
text-align : right;
}
.surveylink a:hover {
background-color : #ec4588;
}

span.bigtext {
font-size : 16px;
}
.myspacelayoutgenerator, .divlayoutgen, .generators, #updates p {
padding : 20px;
}
.layoutdetails, .lspace {
padding : 10px;
}
span.lbutton a {
padding : 3px;
color : #333;
background-color : #d9d9d9;
}
span.lbutton a:hover {
color : #222;
background-color : #d1d0d0;
}


div.code2 {
padding-left : 20px;
display : inline;
}
div.generatorspace {
padding : 20px 10px 10px 20px;
font-size : 12px;
width : 97%;
}
.generatorspace input[type="checkbox"] {
width : 18px;
height : 18px;
}
td.type, .tbmain td {
padding : 5px;
}
.generatorspace input[type="text"] {
font-family : Times New Roman, Sans-Serif;
font-size : 14px;
padding : 4px;
color : #333;
display : block;
border : 1px solid #c3c3c3;
width : 300px;
height : 25px;
}
.generatorspace input[type="submit"] {
width : 200px;
height : 30px;
background-color : #26acc0;
border : 0 solid #ababab;
font-size : 20px;
color : #fff;
font-family : georgia;
text-transform : lowercase;
}
#commentform input[type="text"], #hcontact input[type="text"] {
font-size : 19px;
color : #333;
margin-bottom : 5px;
display : block;
padding : 4px;
border : 1px solid #c3c3c3;
width : 405px;
height : 25px;
background : transparent url(http://i160.photobucket.com/albums/t162/hotlyts24/form_bg.png) repeat-x top;
}
#commentform textarea, #hcontact textarea {
width : 400px;
height : 170px;
padding : 4px;
border : 1px solid #d5d5d5;
margin-bottom : 5px;
font-size : 16px;
font-family : arial;
background : #fff;
}
#commentform th[scope="row"] {
padding-left : 18px;
font-size : 16px;
font-weight : normal;
}
#hcontact input[type="submit"] {
width : 100px;
height : 30px;
background-color : #26acc0;
padding : 6px;
border : 0 solid #ababab;
color : #fff;
text-transform : uppercase;
margin-top : 5px;
font : bold 18px georgia;
}
.addfansign {
padding-left : 15px;
color : #333;
font-size : 12px;
}
.generator input[type="text"] {
display : inline;
font-size : 13px;
color : #333;
padding : 2px;
border : 1px solid #c3c3c3;
width : 390px;
height : 22px;
background : transparent url(http://i160.photobucket.com/albums/t162/hotlyts24/form_bg.png) repeat-x top;
}
.generator input[type="submit"], #commentform input[type="submit"] {
width : 405px;
height : 50px;
background-color : #26acc0;
padding : 6px;
font-weight : bold;
font-size : 18px;
color : #fff;
text-transform : uppercase;
margin-top : 5px;
margin-bottom : 9px;
}
.generator textarea {
width : 90%;
height : 95px;
padding : 4px;
border : 1px solid #d5d5d5;
margin-bottom : 5px;
font-size : 13px;
font-family : arial;
background : transparent url(http://i160.photobucket.com/albums/t162/hotlyts24/form_bg.png) repeat-x top;
margin-top : 10px;
}
div.generator {
padding : 20px 0;
}
.PageLink, div.PageLink a {
color : #0592a7;
font-size : 20px;
padding-left : 5px;
line-height : 19px;
}
.Pageselected {
color : #0592a7;
font-size : 20px;
padding : 5px;
background-color : #cfeef4;
}
#mslayout_table, #wrapbox .comment {
padding-left : 14px;
}
.layoutlist {
width : 556px;
display : inline;
float : left;
}
.categorybox {
display : inline;
width : 190px;
float : left;
}
.categorybox span {
padding : 5px;
display : inline;
background-color : #e3e2e2;
border : 1px solid #d5d4d4;
font-weight : bold;
text-transform : uppercase;
}


div.codedetails {
width : 605px;
height : 265px;
}
div.dcodeleft {
float : left;
width : 270px;
height : 160px;
display : inline;
padding : 5px 0 5px 8px;
}
div.dcodeleft img {
border : 1px dashed #78668c;
width : 250px;
height : 150px;
padding : 5px;
display : inline;
}
div.dcoderight {
float : left;
width : 320px;
height : 160px;
display : inline;
padding : 7px 0 5px;
}
div.dkeywords {
float : left;
width : 590px;
height : 20px;
display : inline;
padding : 0 0 0 15px;
}
span.linktutorial a {
color : #fde3f2;
display : block;
background-color : #cd69a2;
padding-left : 4px;
}
span.linktutorial a:hover {
color : #333;
}
.dlayoutcat {
width : 590px;
height : 20px;
}
.DCbox {
border : 1px solid #000;
letter-spacing : -1px;
width : 210px;
height : 60px;
text-align : left;
margin-bottom : 1px;
color : #000;
font : bold 22px/18px Arial, Helvetica, sans-serif;
}
.DCboxSub {
font : normal 8px/18px small fonts;
color : #000;
width : 210px;
height : 18px;
text-transform : uppercase;
border : 1px solid #000;
}

#commentform, #hcontact {
padding-left : 10px;
}
.display1 {
position : absolute;
top : 0;
left : 0;
width : 191px;
height : 169px;
background-repeat : repeat;
background-color : transparent;
}
.display2 {
position : absolute;
top : 0;
left : 0;
}
.previewbg1 {
position : relative;
width : 191px;
height : 169px;
float : left;
margin : 8px;
}

.multi-a {
width : 190px;
height : 190px;
border : 8px solid #111111;
position : relative;
float : left;
margin : 8px 11px;
display : inline;
}
.multi-a p {
margin : 0;
}
.dc-a {
text-align : center;
background-color : #111111;
border :0;
width : 180px;
padding : 5px 0;
position : absolute;
bottom : 40px;
left : 5px;
display : none;
}
.multi-a:hover .dc-a {
display : block;
}


.multi {
width : 240px;
height : 70px;
border : 1px solid #333333;
position : relative;
float : left;
margin : 8px 11px;
display : inline;
}
.multi p {
margin : 0;
}
.dc {
text-align : center;
background-color : #e2f6fc;
border : 1px solid #222222;
width : 200px;
padding : 5px 0;
position : absolute;
bottom : 20px;
left : 28px;
display : none;
}
.multi:hover .dc {
display : block;
}
.columnprev {
width : 230px;
height : 323px;
padding : 15px 5px 15px 50px;
display : inline;
float : left;
}
.columncode {
width : 340px;
height : 323px;
padding : 15px 0 15px 5px;
display : inline;
float : left;
}
.prevcolumn, .metaList, ul.ms-type li {
display : block;
}
.columncode span {
margin : 4px;
}
.graphpreview {
text-align : center;
display : block;
padding : 3px 3px 25px;
}
.graphics_category, .paddingLeft {
padding-left : 15px;
}
.graphics_category ul {
display : inline;
float : left;
width : 150px;
}
.graphics_category ul li, .layoutcat ul li, .myspacecodes ul li, .myspacelayouts ul li, ul.arrowlist li, ul.clist li {
display : block;
margin : 0 2px 0 3px;
border : 0;
}
.graphics_category li a {
background : url(/img/beta/bulletli.gif) no-repeat center left;
padding : 0 0 0 9px;
text-decoration : none;
}

.graphics_category li a:hover {color : #383838;text-decoration:underline;}
.graphicview {margin-bottom:20px;border-bottom:1px solid #447489;padding-bottom:10px;}
.layoutcat, .myspacecodes, .arrowlist {
padding-left : 20px;
}
textarea.textcode {
width : 400px;
height : 30px;
display : block;
}
span.fontstyle {
text-align : left;
display : block;
padding : 10px;
}
div.fontstyle {
text-align : center;
width : 500px;
padding-left : 100px;
}
div.codeinstruction, .alignLeft {
text-align : left;
}
div.codeprev {
float : left;
display : inline;
padding : 5px 2px 2px 15px;
width : 280px;
height : 600px;
}
div.code {
float : left;
display : inline;
padding : 2px;
margin : 20px 0;
width : 290px;
height : 600px;
}
pre {
font-size : 12px;
padding : 0;
margin : 0;
border-left : 1px solid #ccc;
border-bottom : 1px solid #ccc;
line-height : 20px;
background : url(http://i160.photobucket.com/albums/t162/hotlyts24/00/precodebg.gif) repeat-y left top;
width : 290px;
}
pre code {
margin : 0 0 0 40px;
padding : 18px 0;
display : block;
}
.code h2, .code2 h2 {
margin : 0;
font-size : 1.5em;
padding : 5px 10px 5px 25px;
background : url(http://i160.photobucket.com/albums/t162/hotlyts24/00/icon_code.gif) no-repeat 5px 6px;
}
.code2 pre {
font-size : 12px;
padding : 0;
margin : 0 auto;
border-left : 1px solid #ccc;
border-bottom : 1px solid #ccc;
line-height : 20px;
background : url(http://i160.photobucket.com/albums/t162/hotlyts24/00/precodebg.gif) repeat-y left top;
width : 100%;
}
.codeprev2, .graphicmainprev {
width : 100%;
text-align : center;
}
.codeimage {
border : 1px solid #ccc;
}
#codebox {
width : 595px;
}
#codebox div {
padding : 7px 7px 0;
}
#codebox p {
text-align : left;
color : #333;
font : bold 12px/12px Arial, Helvetica, sans-serif;
}
#formtable td {
padding-top : 0;
padding-bottom : 3px;
}
#formtable {
margin-bottom : 20px;
}
.PageTutorial1 {
margin : 0 auto;
}
.ImageTutorial {
margin : 5px;
text-align : center;
}
.Tutorial_Instruct {
margin : 5px;
padding : 10px;
}
.Imgborder {
padding : 7px;
border : 1px solid #4ec4dc;
}

#accordion { margin: 0; padding: 0; }
#accordion dd { margin: 0 0 5px 10px; padding: 10px; border:1px solid #999999; }
 dl#accordion dt a {line-height:21px;text-decoration:underline;}
 
 /****comments***/
.showImages {text-align: center;padding:10px;margin-bottom:4px;}


/* FORMS  */
/*error*/
.report input { margin: 0; padding: 3px; background: #f5f5f5; border: 1px solid #ccc; margin: 2px 0; font:1.2em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; }   
.report input:focus { border: 1px solid #999; background-color: #fff; color:#333; }
.report input.submit { cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
.report input.submit:hover { background:#444; }

/*paginations*/
.pagination {
                text-align: right;
                padding: 20px 0 5px 0;
                }
.pagination a {
                margin: 0 5px 0 0;
                padding: 3px 6px;
                color:#444444;
                }

.pagination a.number {
				border: 1px solid #ddd;
				color:#444444;
                }

.pagination a.current {
                background: #469400 url(/themes/test/images/bg-button-green.gif) top left repeat-x !important;
                border-color: #459300 !important;
                color: #fff !important;
                }
				
.pagination a.current:hover {
				text-decoration: underline;
                }
                

/* SHARE BUTTONS */


/* > myspace layouts, main end > */
.MainContentLeft .share {width:620px;background-color:#f7f7f7;border:1px solid #eeeeee;margin:20px 0px 18px 22px;padding:2px;display:inline;float:left;} /* for main only */
.soc-icons-bar{list-style-type:none;margin:16px 10px 16px;padding:0;}
.soc-icons-bar a {font:18px Helvetica, Arial;background:url(http://www.hot-lyts.com/themes/images/icons/soc.png) no-repeat scroll 0 0;padding:6px 0 8px 43px;}
ul.soc-icons-bar li{float:left;display:inline;padding:5px 30px 5px 0;}
ul.soc-icons-bar li.tw a{color:#218FBF;background-position: 0px -132px;}
ul.soc-icons-bar li.su a{color:#218FBF;background-position: 0px -99px;}
ul.soc-icons-bar li.ms a{color:#3153aa;background-position: 0px -66px;}
ul.soc-icons-bar li.deli a{color:#3151A2;background-position: 0px 0px;}
ul.soc-icons-bar li.fb a{color:#3151A2;background-position: 0px -33px;}