@charset "utf-8";

* { padding: 0; margin: 0; }

html{
  font-size:100%;
}

body { margin-left:auto; margin-right:auto; height:100%; font-family:tahoma, sans-serif; font-size:62.5%; background:#2020f4 url(../images/bg.gif) repeat; font-size:11px; background:#222 }

a{
  color:#ff0000;
  text-decoration:none;
}

a:hover{
  color:#fff;
  background:#ff0000;
  text-decoration:none;
}

.messageStackSuccess, .messageStackError {  
  font-weight:bold;
  font-size:11px;
  padding:18px 12px;
}

.messageStackError{
  background:#ff0000;
  color:white;
}

.messageStackSuccess{
  background:#ffdb73;
  color:#000;
}


/*Google Search */
#gsearch{
 text-align:right;
}

/*****************************
GOOGLE SEARCH RESULTS PAGE
/*****************************/
#google_search_results{
  margin:auto;
  width:1045px;
  overflow:hidden;
  background:#ff0000;
}

#google_search_results_io{
  margin:10px;
  padding:10px;
  background:#fff;
}

#wrapper{
  margin:0 auto; 
  width:1087px; 
}

#faux{
  background:url(../images/faux.gif) repeat-y;
  overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
  width: 100%;
}

#centercol { 
 float: left;
 padding: 0px;
 width: 661px;
 display: inline;
 position: relative;
 margin:0;
}

#centercol_io{
  padding:5px 16px 5px 14px;
}

#leftcol { 
 display: inline;
 margin: 0 4px 0 14px;
 padding: 0px;
 width: 156px;
 float: left;
}

#leftcol_io{ 
  padding:0
}

#rightcol { 
 display: inline;
 position: relative;
 padding: 0px;
 width: 238px;
 float: left;
}

#rightcol_io{ padding:0}

*.float-divider { 
  clear:both; 
  display:block;
  height:1px; 
  font-size:1px; 
  line-height:1px; 
}


/*
#leftcol {width:255px; float:left; position:relative; left:5px; top:0; overflow:hidden; margin:0 10px} 

#leftcol_io{  padding:5px 0 0 0}
*/

/* H1 Header & Breadcrumb-trail */

#breadcrumb{
  position:relative;
  height:50px;
  color:#fff;
  background:url(../images/sprites.gif) no-repeat -252px -671px;
}

#breadcrumb_io{
  position:absolute;
  left:15px;
  top:15px;
}

h1{
  font-size:14px;
  font-weight:bold;
}

#breadcrumb_io a{
  color:#fff;
}

/******
HEADER
*******/
#banner{  
}

#banner a{  
  height:188px;
  background:url(../images/sprites.gif) no-repeat -251px 0;
  display:block;
  text-indent:-9000px;
  width:auto;
}

#banner a:hover{
}

/* NAVBAR */
#navbar{
  clear:both;
  overflow:hidden;
  background:url(../images/sprites.gif) no-repeat -251px -189px;
  position:relative;
  width:auto;
  height:50px;
  margin-left:auto;
  margin-right:auto;
}

#navbar a:hover{
  background:none; 
}

#navbar ul{
  position:absolute;
  top:0;
  left:10px;
  height:35px;
  list-style:none;
}

#navbar li{
   display:block;	
   float:left;
   color:#eeeeff; 
}

#navbar a{
   color:#eeeeff;
	display:block; 
	text-decoration:none;
	height:50px;
	text-indent:-9999px;
}

#navbar a:hover{
   color:#fff;
}

#navbar .nav_bt_a{  
  width:178px;

}

#navbar .nav_bt_b{  
  width:115px;	
}

#navbar .nav_bt_c{  
  width:77px;

}

#navbar .nav_bt_d{
  width:101px;     
 }

#navbar .nav_bt_e{
  width:115px; 

}

#navbar .nav_bt_f{
  width:119px;
}

#navbar .nav_bt_g{
  width:133px;  
}

#navbar .nav_bt_h{
  width:80px;
}


/*****************/
/* GOOGLE SEARCH */
/*****************/
#google_search_button {
  background:url(../images/buttons/button_login.gif) no-repeat;
  width:70px;
  text-indent:-5000px; 
}

/**************/
/* GOOGLE ADS */
/**************/
#googlebar{
  height:382px;
  overflow:hidden;
  text-align:center;
  background:url(../images/sprites.gif) no-repeat -251px -239px;
  position:relative;
}

#googlebar .a1, #googlebar .a2, #googlebar .a3{
   position:absolute;
   width:336px;
   height:280px;
   top:55px;
   overflow:hidden;
}
 
#googlebar .a1{
   left:26px;
}

 #googlebar .a2{
   left:372px;
 }
 
  #googlebar .a3{
   left:718px;
 }
 
 /* FOOTER */
#footer{
  clear:both;
  color:#fff;  
}

#footer_io{  
  padding:10px 0;
  margin-left:auto;
  margin-right:auto;
  width:1071px;
  background:#0000ff;
}

#footer a{
   color:#ffff00;
   color:#7a7aff;

}

#footer a:hover{
  color:#fff;
  text-decoration:none;
}

#partner_links{ 
  text-align:left; 
  padding-left:16px;
}




#copyright, #navigation_links, #partner_links{
  float:left;
  display:inline;
  text-align:left;  
  margin:0 0 0 20px;
  color:#fff;
}

#navigation_links .a, #partner_links .a{
  font-size:13px;
  font-weight:bold;
}

#partner_links{
  margin:0 0 0 0;
}

#copyright{
  clear:both;
  text-align:left;
  width:200px;
  margin:0 0 0 166px;
}

#copyright a{
  text-transform:uppercase;
}

/***************/
/*  LOGIN BAR      */
/***************/
#loginbar{
  height:28px;
  margin:auto;
  color:#fff;
  z-index:10;
  background:#0000ff;
  border-top:3px solid #0000cc;
  border-bottom:3px solid #0000cc;
}

#loginbar_io{
  padding:0 0 0 45px;
}

#loginbar table{
}

#loginbar td{
}

#loginbar .s{
}

#loginbar input.i{
  margin: 5px;
  width:120px;
  padding: 2px;
  font-weight: bold;
}

#loginbar input{
   width:auto;
   font-size:11px;  
   background:#0000cc;
   border:1px solid #0000ee;
}

#loginbar a{
  text-decoration:underline;
  color:#ffff00;

}

#loginbar a:hover{
  text-decoration:none;
}

#loginbar .button_btt {
   color:#fff;
   padding:2px 5px;
 }

#loginbar .button_btt:hover {
  cursor: pointer;
}

/*******************/
/* LIVESTREAM           */
/*******************/
#livestream_container{
  width:620px;
  height:300px;
  margin:13px auto; 
  padding:0; 
  overflow:auto
}

/**************/
/* BOX HEADERS */
/**************/

/*Related */
#header_related{
  background:url(../images/sprites.gif) no-repeat 0 -192px;
  height:31px;
}

/* News */
#header_news{
  background:url(../images/sprites.gif) no-repeat 0 0px;
  height:31px;
}

/*top 50 most poplular icon */
#header_top_50{
  background:url(../images/sprites.gif) no-repeat 0 -32px;
  height:31px;
}

/*im header */
#header_im_box{
  background:url(../images/sprites.gif) no-repeat 0 -64px;
  height:31px;
}

/*tutorials info */
#header_tut_info{
  background:url(../images/sprites.gif) no-repeat 0 -160px;
  height:31px;
}

/*category info */
#header_category_info{
  background:url(../images/sprites.gif) no-repeat 0 -96px;
  height:31px;
}

/*artwork info */
#header_artwork_info{
  background:url(../images/sprites.gif) no-repeat 0 -128px;
  height:31px;
}

#header_userprofiles{
  background:url(../images/sprites.gif) no-repeat -301px -55px;
  height:31px;
}

#header_login{
  background:url(../images/sprites.gif) no-repeat 0 -180px;
  height:31px;
}

#header_categories{
  background:url(../images/sprites.gif) no-repeat 0 -272px;
  height:31px;
}

/***************/
/* BOX CONTENT */
/***************/
.contentbox{
  width:239px;
}

.contentbox_io{  
 padding:0 3px 0 3px;
 background:#fff;
 margin:0 7px 0 7px; 
}

.contentbox_io_fix{
  width:100%; 
  overflow:hidden;
}

#contentbox_details, #contentbox_news{
  padding:3px 3px 0 3px;
}

#contentbox_related{
  padding:3px 0 0 3px;
}

.contentbox td.a{
  padding:0;
  text-align:left;
}

.contentbox .l{
  margin:0;
}

.contentbox ul.a{
  list-style:none;
}

.contentbox_io .d{
  width:97%;
  padding:3px;
  overflow:auto;
  max-height:75px;
  height:expression(this.scrollHeight>75?"75px":"auto");
}

.contentbox_io strong{
  font-weight:bold;
}

.contentbox table.a{
  width:100%;
}

.contentbox td.a{
  width:40%;
}

.contentbox p a{
}

.contentbox .action{
 border:none;
}

/* tutorial and artwork categories */
#contentbox_catgories{
}


.contentboxfooter{
  clear:both;
  width:auto;
  height:13px;
  width:240px;
  background:url(../images/sprites.gif) no-repeat -251px -773px;
   
}

/***************
  STATS BOX
/**************/

#statsbox{
  padding:7px 0 7px 10px;
  list-style:none;
  color:#fff;
}

#statsbox .head{ 
  font-weight:bold;
}

#statsbox span{
  color:#ffff00;
}


.userlist_options{
}

.userlist_options a{
  font-weight:bold;
  text-decoration:none;
}

/***************************
/****** GENERIC BOX, login, etc
/****************************/
.generic_box{
  color:#fff;
  background: #333;
}

.generic_box .box_header{
  line-height:30px;
  font-weight:bold;
  color:#fff;
  background:url( ../images/gloss_h.gif ) repeat-x top left;
  padding:0 0 0 10px;
}

.generic_box  .box_header_io{
  padding:0 0 0 8px;
}

.generic_box .box_body{
  padding:24px;
}

.generic_box a{
  color:#ff0000;
}

.generic_box a:hover{
  color:#ff0000;
  text-decoration: underline;
  background: none;
}


#languages{ 
  text-align:left; 
  padding-left:16px;
  height:80px;
  overflow:auto;
  width:90%;
}

#languages .a{
  color:#fff;
}

#languages a{
  color:#fff; 

}

/*****************************
/* **** LISTS ******************
/*****************************/
.list_container{
  border:none;
  padding-bottom:12px;
}  

div#table_header{
  text-align:left;
  height:28px;
  width:100%;
  overflow:hidden;
  color:#222;
  line-height:28px;
}

div#table_header h1{
}

table#list{
  width:100%;
  background:#fff;
  text-align:left;
}

table#list tr th{
  color:#ffffff;
  background:url( ../images/gloss_h.gif ) repeat-x;
  line-height:18px;
  padding:4px 0 0 12px;
}

table#list tr td a{
  color:#0000ff;
}

table#list tr td a:hover{
  background:#ff0000;
  color:#fff;
  text-decoration:none;
}

table#list tr.e{
  background:#e7e7ff;
}

table#list tr.o{
  background:#fff;
}

table#list td{
  padding:6px 0 0 12px;
}

*.list_action_block{
  padding:0 6px 6px 6px;
}

*.list_action_block div{
  background:#eeeeee;
  padding:6px 12px;
}

*.list_action_block .db{
  text-align:center;
}

*.list_action_block .search_for{
  padding-left:15px;
}




.homepage_special_links{
  float:left;
  width:33%;
  text-align:center;
}

.info_block{
  padding:12px;
}

a.tut_a{
  text-decoration:none;
}

#activeusers{
  position:relative;
  left:786px;
  text-align:center;
  color:#fcff22;
  width:47px;
  font-weight:bold;
  font-style:italic;
}

#header_home{
  width:710px;
  height:130px;
  position:absolute;
  top:0;
  left:0px;
}

/*************/
/* ADMIN         */
/*************/
#admin_toolbar{
  background:#ffff66;
  clear:both;
  width:auto;
  font-size:14px;
}

#admin_toolbar div.a{
  background:#000;
  color:#fff;
}

#admin_toolbar div.b{
  float:left;
  height:28px;
  width:200px;
  text-align:center;
}

#admin_toolbar div.d{
  clear:both;
}

#admin_toolbar div.e{
  padding:4px;
}

/***************************/
/* TUTORIAL CATEGORY BOXES */
/***************************/
.ch, .c{
  text-align:left;
  font-size:10px;
  background:#fff;  
  padding:0 0 0 2px;  
  background:#fff;

 }

.ch{
  /*background:url(../images/sprites.gif) no-repeat -577px -789px;*/
}

.cht a, .ch a{
  color:#fff; 
  font-weight:bold;
}

.ch a:hover{
  background:#ff0000;
  color:#fff;
}

.cht, .ch{
  position:relative;
  background:url(../images/sprites.gif) no-repeat -1344px 0;
  height:30px;
  overflow:hidden;
  color:#fff;
}

.cht div, .ch div{
  position:absolute;
  bottom:5px;
  overflow:hidden;
  left:12px;
}

.ch{
  height:23px;
  background:url(../images/sprites.gif) no-repeat -1500px 0;
}

.c{
  background:url(../images/fauxcat.gif) repeat-y top left;
}

.c .c_io{
  width:100%;
  overflow:hidden;
}

.c a{
  padding:0 9px;
  display:block;
}

.c a b{
  font-weight:normal;
  display:inline;
  color:#666;
  font-size:8px;
}

.c a:hover b{  
  color:#fff;
}

.catfooter{
  height:23px;
  background:url(../images/sprites.gif) no-repeat -1500px -24px;
}

/* main container */
.col_newest_members{
  background:url(../images/newestmembers.gif) no-repeat top right;
  height:270px;  
  width:160px;
  margin:0 auto;
}

/* member pic links */
.col_newest_members div.io a{
  display:block;
  color:white;
  width:50px;
  height:50px;
  margin-right:9px;
  font-weight:bold;
  text-decoration:none;
  float:left;
  padding-bottom:3px;
}

/* view more members */
.col_newest_members a.io{
  display:block;
  padding:10px 0 0 54px;
  color:white;
  font-weight:bold;
}

/* sub container used position pics */
.col_newest_members div.io{
  margin-top:44px;
  margin-left:23px;
}

.col_newest_members *.float-divider{
  padding:0;
  padding-bottom:2px;
}

/* CATEGORY PAGES */
.catnavbar{
  border:1px dashed #ff0000;
  padding:4px 5px;
  margin:5px 0;
  width:100%
}

.no_sub_categories{
  text-align:center;
  color:#ff0000;
  margin:12px 0;
  font-weight:bold;
}

/***********************/
/* TUTORIAL LISTING BOX*/
/***********************/
#tut_container{
  clear:both;
  margin:0;
  padding:0;
}

#tut_container .tut_div{
  clear:both; 
}

.tut_box{
  background:#fff;
  width:100%;
  overflow:hidden;
  color:#222;
  margin:5px 0 0 0;
  font-size:11px;
}

.tut_box a{
  color:#ff0000;
}

.tut_box a:hover{
  color:#fff;
}

.tut_box .io{
}

.tut_box span{
  font-weight:bold;
}

.tut_box span.a{
  color:#000;
  font-weight:normal;
}

.tut_box .c1{
  float:left;
  display:inline;
  text-align:center;
  width:135px;
  height:127px;
  position:relative;
  background:url( ../images/sprites.gif ) no-repeat -578px -811px;
  margin:0 10px 0 0;
}

/* listing's image  */
.tut_box .c1 img.nl, .my_favorites_io img.nl {
  border:none;
  display:block;
  margin:9px auto 0 9px;
}

.tut_box .c1 img.l, .my_favorites_io img.l{
   position:absolute;
   bottom:4px;
   left:5px;
   border:none;
}

.tut_box .c1 a:hover img.nl{
  border:none;
}

.tut_box .c2{
  padding:0;
  margin:0;
  float:left;
  display:inline;
}

.tut_box ul{
  list-style:none;
}

.tut_box .c2 .io{
  width:480px;
  margin:0;
  padding:8px 0 0 0;
  overflow:hidden;
}

.tut_box strong{
  color:#000;
}


/* title */
.tut_box .tt{
  font-weight:bold;
}

.tut_box .tt a{ 
}

.details_a, .details_v, .details_c, .details_r, .details_m{
  display:block;
}

.details_a{
}

.details_r_pre, .details_r_ctr, .details_r_suf{
  line-height:19px;
  display:inline;
  float:left;
}

.details_d{
  color:#444;
  font-size:11px;
  margin:2px 0;
  width:100%;
}

/* rating block */
.tut_box .ur, a.mpt .ur{ 
	padding:0;
	margin:0;
	background:url(../images/starrating2.gif) top repeat-x;
	height:15px;	
	width:75px;
}

.tut_box .ur li{
	background: url(../images/starrating2.gif) left 30px; 
	padding:0;
	margin:0;
	height:15px;
}

/******************/
/* SITE NEWS           */
/******************/
#sitenewscol{
}

#sitenewscol .newsdate{
  display:block;
  padding:4px 0 3px 0;
  font-weight:bold;
}

#sitenewscol_io{
   width:100%; 
   height:200px; 
   overflow:hidden;
   margin:auto;
   position:relative;
}

#sitenewscol a.morenews{
  display:block;
  text-align:right;
  font-weight:bold;
  text-decoration:underline;
}

.sitenews_listing{
  padding:10px 0 ;
 }

.sitenews_listing .newsdate{
  font-weight:bold;
}

h2.headline{
  font-weight:bold;
  color:#000;
  font-size:13px; 
}

.sitenews_listing .news_block{
  width:98%;
}

/*******************/
/* RELATED TUTORIALS  */
/*******************/


/****************/
/* MOST POPULAR */
/****************/
#most_popular{
  clear:both;
  margin:0 0 10px 0;
}

#most_popular .contentbox_io, #most_popular a{
  color:#fff;
}
	
/*
#0001fe;

*/

#most_popular ul{
  list-style:none;
  margin:0;
  padding:0;
}

#most_popular .contentbox_io a{
  text-decoration:none;
  display:block;
  float:left;
  display:inline;
  padding:4px 0;
  background:#0000ff;
}

#most_popular .contentbox_io a:hover{
}

#most_popular .clearfloat{
  clear:both;
  height:1px;
  line-height:1px;
}

#most_popular .sp{
}

#most_popular .contentbox_io{
  background:#0000ff;
  padding:0;
}

#most_popular  .contentboxfooter{
  clear:both;
  width:auto;
  height:13px;
  background:url(../images/sprites.gif) no-repeat -251px -757px;
}

/* image */
#most_popular .contentbox_io img{
   display:block;
   border:none;
   float:left;
   display:inline;
   width:50px;
   height:50px;
   margin:0 8px;
}

/* title */ 
#most_popular .contentbox_io span.mptitle{
   display:block;
   height:50px;
   width:153px;
   overflow:hidden;  
   text-align:left;
   float:left;
   margin:0 0 0 0;
}

/* by user */
#most_popular .contentbox_io .mpuser{
  display:block;
  color:#ffff00;
}

#most_popular .mpcount{
  color:#fff;
}

#most_popular .contentbox_io a:hover span.mptitle{
  color:#fff;
}

/***********************/
/* LISTING                             */
/***********************/

.upload_new_notice{
  text-align:right;
  font-weight:bold;
}

.upload_new_notice a:hover{
  color:#fff;
}

.empty_listing_notice{
  text-align:center;
}

/***********************/
/* ARTWORK LISTING BOX*/
/***********************/

.artwork_container{
}

.artwork_container_io{
}

.artwork_container_io a{
  float:left;
  display:inline;
  text-align:center;
  width:135px;
  height:127px;
  position:relative;
  margin:2px 0 2px 15px;
  background:url( ../images/sprites.gif ) no-repeat -578px -811px;
}


.artwork_container_io a img{
  border:none;
  display:block;
  margin:9px auto 0 9px;
}

/*********************************/
/* SUBCATEGORY TUTORIAL LISTINGS */
/*********************************/
#subtuts_dir_listing{
  line-height:13px;
  color:#000;
}

#subtuts_dir_listing td a{
  text-decoration:none;
  color:#000;
}

#subtuts_dir_listing td a:hover{
  text-decoration:underline;
}

/*******************/
/* TUTORIAL SORTBY */
/*******************/
.tab1 {	
    clear:both;
	width:auto;
    background:url(../images/dot.gif) repeat-x top left;
}

.tab1 .float-divider{
    background:url(../images/dot.gif) repeat-x top left;
}

.tab1g .s{
  color:#000;
}


.tab1t {
	position: relative;
	float:left;
	padding:0 5px;
	margin:5px 0 3px 0;
	list-style: none;
    border-left:1px solid #666;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer; 

}

.tab1t_nb {
  border:none;
}

.tab1t a:hover {
}

/* used in tutorial details */
.tab2{
    background:url(../images/dot.gif) repeat-x bottom left;
    font-size:9px;
}

/*********************/
/*  Box container tabs      */
/*********************/
.contentbox .tab1 {	
    clear:both;
    background:url(../images/sprites.gif) no-repeat -678px -10px #ffff66;
    font-size:9px;
	height:23px;
}

.contentbox .tab1g {
    padding:0 0 0 10px;
}

.contentbox .tab1 .float-divider{
    background:none;
}

.contentbox .tab1t {   
 	float:left;
	padding:0 5px;
	list-style: none;
	margin:6px 0;
  	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;  
}

.contentbox .tab1t_nb {
  border:none;
  background:none;
}

.contentbox .tab1t a {
   text-decoration:underline;
}

.contentbox .tab1t a:hover {
   text-decoration:none;
}

.contentbox .tab1g .s{
  color:#000;
  font-weight:bold;
}


/* COMMENT BLOCK  */
.comment_heading{
   padding:0;
   line-height:18px; 
   font-weight:bold;
   color:#0000ff;
   float:left;
}

.post_comment{
  height:24px;
  line-height:24px;
  text-align:right;
  padding-left:6px;
  font-weight:bold;
  float:left;
}

.post_comment a{
}

.comment_form_top{
  clear:both;
  display:none; 
  margin:0 0 12px 0;
}

.comment_block, .comment_block_c{
    width:100%;  /* thwarts the peek-a-boo bug*/
}

.comment_block{
  background:url(../images/tp/ph.gif) bottom left repeat-x;
}

.comment_block .io, .comment_block_c .io{
  padding:10px 0 0 0; 
  background:url(../images/tp/ph.gif) top left repeat-x;
}


.comment_block .io{
  background-color:#e3e3ff;
}

/* user's username */
.comment_username{
}

.comment_username a{
   padding:0;
   font-weight:bold;
   text-decoration:none;
}

/* user's pic */
.comment_user_pic{
  float:left;
  width:100px;
  height:100px;
  overflow:hidden;
  text-align:center;
}

.comment_user_pic img{  
  display:block;
  margin:auto;  
  border:2px solid #fff;
  margin-bottom:.6px;
}

.comment_area{
  float:left;  
  width:518px;
  overflow:hidden;
}

/* date and time */
.comment_area .date{
  font-size:10px;
  margin:0 0 5px 0;
}

/* holds the comment */
.comment_box{
  margin-left:0;
  margin-bottom:6px;
}

.comment_io{
  padding:5px 0;
  overflow:hidden; 
}

/* username link */
.comment_heading a{
  color:#0018ff;
  font-weight:bold;
  text-decoration:none;
}

.comment_heading a:hover{
  text-decoration:underline;
}

/* date and time */
.comment_area .comment{
 font-size:12px;
}

.reply_originator{
   clear:both;
   margin:8px 0 8px 0;
}

.comment_reply_box{  
  border:1px solid #aaaacc;
  margin:0 0 5px 0;
}

.comment_reply_io{   
  padding:6px;   
}

.comment_reply{
  padding:0;
  overflow:hidden;
}

.comment_reply_user{
  font-size:11px;
  font-weight:bold;
}

.main_comment_final {
  height: 491px;
  display: block;
}

#comment_smilies{
	padding: 7px;
	background: #eee;
}

#comment_smilies{  
  border:1px solid #aaa;
  border-top: none;
  border-radius: 0 0 5px 5px;
}

.comment_form{
  display:none; 
}

/* Independent form at the bottom of the comments */
.comment_form_top, .comment_form, .comment_form_bottom{
  clear:both;  
  margin:3px auto 12px 0;  
  color:#000;
}

.comment_anchors{
  cursor:pointer;
  font-size:12px;
  padding:6px 0;
}

.comment_anchors span{
  color:#ff0000;
}

.comment_block .comment_anchors, .comment_block_c .comment_anchors{
  width:40px;
  height:18px; 
  padding:0;
  margin:auto;
  background:url(../images/reply.gif);
  font-size:12px;
}

.comment_form_top textarea, .comment_form textarea, .comment_form_bottom textarea{
  width: auto;
  height:125px; 
  border:1px solid #aaaaaa;
  border-radius: 5px;
  padding: 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #555;
}

.sub_comment {
  padding: 5px;
  border: 1px #aaa solid;
  border-radius: 5px;
  background: #eee;
  color: #aaa;
  margin-right: 5px;
  margin-top: 5px;
}

.sub_comment:hover {
  cursor: pointer;
  border: 1px #97af66 solid;
  background: #d0ee96;
  color: #97af66;
}

/* this adds the extra line on the last box in the comment list, since the top most comments use border top */
.bogus_comment{
  clear:both; 
  height:3px;
  margin-bottom:9px;
  width:620px; 
  background:url(../images/tp/ph.gif) top left repeat-x;
}

/**************/
/* Trail Image*/
/**************/
#trailimageid{
	position:absolute;
	display:none;
	left:0px;
	top:0px;
	z-index:400;

}

#trailimageid *.detail_hd{
   padding:4px 0;
}

#trailimageid *.detail_hd strong{
   padding-right:3px;
}

/******************/
/* CHATBOX STYLES */
/******************/
#im_box{
   font-weight:normal;
   display:none;
   margin:0;
}

#im_box .contentbox_io{  
 padding:4px 0 0 0;
 background:#fff;
 margin:0 7px 0 7px; 
}

#im_box  .contentboxfooter{
  clear:both;
  width:auto;
  height:13px;
  background:url(../images/sprites.gif) no-repeat -251px -757px;
}


#im_box a:hover{
   color:#fff;
   background:#ff0000;
}

#im_smilies, .comment_smilies{
    cursor:pointer;
}

#im_smilies{
   height:75px;
   overflow:auto;
}

#im_incoming_msg{
	color:#000000;
	background:#fff;
	height:150px;   
	width:100%; 
	overflow:auto;  
}

#im_msg_area{
   font-weight:normal;
   text-align:left;	
   padding:3px;
}

/* clear button */
#im_clr_msgs{
  padding:5px 0 5px 5px;
  height:20px;
  line-height:20px;
  background:#0000ff;  
}

#im_clr_msgs input{
  font-size:12px;
}

#im_input_char_cnt{
   color:#fff;
   font-weight:bold;
   background:#0000ce;
   padding:5px 0 5px 5px;
   width:auto;
}

#im_outgoing_msg{
   background:#fff;
   width:auto;
}

#im_outgoing_msg textarea{
   height:68px;
   width:99%;
}

#im_control_buts{
  background:#0000ff;  
  padding:5px 0 5px 5px;
  height:20px;
  line-height:20px;
}

#im_control_buts input{
  font-size:12px;
}

a.im_userlst{
}

div.im_smilies{
   width:100%;
   height:75px;
   background:#fff;
   overflow:auto;
}

.im_bttn{
}

#im_msg{
   border:none;
   overflow:auto;
}

#im_sendto_userid{
   color:#fff;
   font-weight:bold;
   background:#0000ce;
   padding:5px 0 5px 5px;
   width:auto;
}

#im_refuname{
   overflow:hidden; 
   width:100%;
}

#im_sendto_userid span{
  color:#fff;
  font-weight:bold;
}

#userList{
  height:80px;
  text-align:left;
  padding-left:5px;
  background:#fff;
}

#im_status_bar{
   color:#fff;
   font-weight:bold;
   background:#0000ff;
   padding:5px 0 5px 5px;
   width:auto;
}

/**********************************************************/
/* PAGE NUMBERS AND "PAGE NEXT" & "PAGE PREVIOUS" BUTTONS */
/**********************************************************/
.splitlisting{
  width:auto;
  clear:both;
  color:#000;
  padding:0;
  font-size:10px;
}

.split_b .pages_t{
  padding:2px 5px; 
  font-size:12px; 
  margin:0 5px 0 0; 
  border:1px solid #000; 
  background:#0000ff; 
  color:#fff; 
  float:left;
}

.splitlisting .split_t span{
  font-weight:bold;
}

.splitlisting .split_t{
  font-size:9px;
}

.splitlisting .split_b{
  text-align:left;
}


.splitlisting .ps{
  color:#fff;
  margin:0 5px 0 0;
  float:left;
  text-align:left;
  color:#000;
}

.splitlisting .ps span{
  display:block;
  padding:2px 5px;
  font-weight:bold;
}

.splitlisting .ps a{
  display:block;
  padding:2px 5px;
  background:#ff0000;
  color:#fff;
  border:#cc0000 1px solid;
}

.splitlisting .ps a:hover{
  background:#ff0000;
  color:#fff;
  border:#660000 1px solid;
}

/* STYLES FOR FORMS */
.form_group{
   padding:0 12px 12px 12px
}

*.form_group legend{
  font-size:13px;
  color:#000;
}

*.form_group legend span.notice{
  color:#ff0000;
}

*.form_group label{
}


/*****************************
  IMAGE CAROUSEL: LAST VIEWED
******************************/

.stepcarousel{
	width: 647px; /*Width of Carousel Viewer itself*/
	height:118px;
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	margin:0 0 5px 6px;     
	color:#000;
	background:#111;

}

.stepcarousel .belt{
	position:absolute; /*leave this value alone*/
	left:0;
	top:1px;
	width:100%;
}


.stepcarousel .panel{
	float: left; /*leave this value alone*/
	margin:0; /*margin around each panel*/
	width: 130px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	position:relative;
	z-index:1;
}

.stepcarousel .title{
   position:absolute;
   bottom:0;
   left:0;
   background-color:#000;
   filter:alpha(opacity=75);
   -moz-opacity: 0.75;
   opacity: 0.75;
   width:120px;
   height:15px;
}

.stepcarousel .title span{
  padding:0 2px;
  color:#fff;
}

.stepcarousel_tip_title{
  padding:16px;
}