@charset "utf-8";

* { padding: 0; margin: 0; }


html{
  font-size:100%;
}

body { background:#0852ff repeat fixed; margin-left:auto; margin-right:auto; height:100%; font-family:tahoma, sans-serif; font-size:62.5%;}

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

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

.messageStackSuccess, .messageStackError {  
  font-weight:bold;
  font-size:11px;
  padding:.2em 1em;
}

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

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


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

/* NAVBAR */
#navbar{
  clear:both;
  overflow:hidden;
  background:url(../images/sprites.gif) no-repeat 0 -370px #0000ff;
  position:relative;
  height:49px;
}

#navbar ul{
  position:absolute;
  top:0;
  left:50px;
  width:835px;
  height:29px;
}

#navbar li{
   display:block;	
   float:left;
   list-style-type:none;
   color:#eeeeff; 
}

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

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

#navbar .nav_bt_a{  
  width:133px;
}

#navbar .nav_bt_b{  
  width:112px;
}

#navbar .nav_bt_c{  
  width:100px;  
}

#navbar .nav_bt_d{
  width:113px;
 }

#navbar .nav_bt_e{
  width:119px;
}

#navbar .nav_bt_f{
  width:135px;
}

/*****************/
/* GOOGLE SEARCH */
/*****************/
#google_search{
  position:absolute;
  left:800px;
  top:8px;
}

/*****************/
/* PARTNER LINKS   */
/*****************/
#partner_links{ 
  text-align:left; 
  padding-left:16px;
}

/**************/
/* GOOGLE ADS */
/**************/
#googlebar{
  background:#ff0000;
  margin:0 10px;
  padding:20px 10px 20px 10px;
  position:relative;
}

#googa{
  background:url( ../images/cgoog/cb.gif ) no-repeat top left #fff;
}

#googb{
  background:url( ../images/cgoog/cb.gif ) no-repeat bottom right;
}

#googc{
  background:url( ../images/cgoog/bl.gif ) no-repeat bottom left;
}

#googd{
  background:url( ../images/cgoog/tr.gif ) no-repeat top right;
}

#googlebar_io{
  position:relative;
  width:1015px;
  height:340px;
  margin-left: 15px;
}

#googlebar .a1, #googlebar .a2, #googlebar .a3{
   padding:30px 0;
   position:relative;
   width:336px;
   float:left;
}

/***************/
/*  LOGIN BAR      */
/***************/
#loginbar{
  font-size:10px;
}

#loginbar_io{ 
}

#loginbar table{
}

#loginbar td{
}

#loginbar .s{
}

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

#loginbar input{
   width:auto;
   display:inline;
   border:#ddddff 1px solid;
   font-size:11px;
}

#loginbar a{
  text-decoration:underline;
}

#loginbar .button_btt {
  border: #AAAAFF 1px solid;
  padding: 2px;
  background: #DDDDFF;
  text-shadow: 1px 1px 1px #FFF;
}

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

/**************/
/* BOX HEADERS */
/**************/
/*Categories */
#header_categories{
  color:#fff;
  font-weight:bold;
  text-align:left;
  padding:3px 0 3px 5px;
}

/* Login */
#header_login{
  background:url(../images/sprites.gif) no-repeat 0 -467px;
  height:29px; 
}

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

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

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

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

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

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

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

/***************/
/* BOX CONTENT */
/***************/
.contentbox{
  background:#fff;
  margin:0;
}

.contentbox .contentbox_io{
  background:url(../images/rfaux.gif) repeat-y;
  padding:5px 10px;
}

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

.contentbox .l{
  margin:0 0 .5em 0;
}

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

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

.contentbox_io strong{
  font-weight:bold;
}

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

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

.contentbox p a{
}

.contentbox .action{
 border:none;
}


.contentbox input{
  border:1px solid #6666ff;
  width:220px;
  display:block;
}

.contentbox .boxfooter{
  background: #FF0000 url(../images/sprites.gif) no-repeat -247px -486px;
  height:12px;
  margin-bottom: 6px;
}
/*****************************
GOOGLE SEARCH RESULTS PAGE
/*****************************/
#google_search_results{
  margin:auto;
  float:left;
}

#google_search_results *.io{
  margin:0 10px;
  padding:0 10px;
  background:#fff;
}


#wrapper{margin:0 auto; width:1078px; position:relative; font-size:11px;}

#faux{
 background-image: url(../images/faux.gif);
 background-repeat:repeat-y;
 overflow:hidden;
 clear:both;
 }

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

/* HEADER */
#header{ 
  height:189px;
  background:url(../images/sprites.gif) no-repeat 0 -181px #004cff;
  position:relative;
}

#header a{ 
  display:block;
  text-indent:-9000px;
  height:189px;
}

#header a:hover{
  background:none; 
}

#leftcol { float:left; width:161px; display:inline}

#leftcol_io { margin:0 5px 0 10px;}

#main {float:left; width:651px; position:relative; display: inline;}

#main_io {padding:0 10px 10px 10px}

#rightcol { float:left; width:264px; display:inline;}

#rightcol_io{ margin:0 12px 0 7px}


#breadcrumb{
  background:url(../images/sprites.gif) no-repeat -250px -134px #0000cc;
  width:641px;
  height:28px;
  color:#fff;  
  padding:10px 0 5px 10px;
  margin:0 0 5px 0;
  overflow:hidden;
}

h1{
  font-size:12px;  
  font-weight:bold;
  color:#fff;
  overflow:hidden;
  height:16px;
  width:500px;
}

#breadcrumb a{
  color:#fff;
  font-weight:bold;
}


/* FOOTER */
#footer{
  clear:both;
  background:#0000ff; 
  margin-left:auto;
  margin-right:auto;
  color:#fff;
  text-align:center;
  height: 100px;
}

#footer_io{
  padding:10px 0;
}

#footer a{
   color:#fff;
   margin:12px;
   font-weight:bold;
}

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


#footerlinks{
  margin:0 0 10px 0;
  padding:11px 0 0 0;
  text-align:center;
}

#copyright{
  clear:both;
  text-align:center;
  color:white;
  padding:0 0 .8em 0;
}

#copyright a{
  color:#ffff00;
  text-transform:uppercase;
}

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

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

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

.generic_box .box_body{
  padding:24px;
}

.generic_box a{
  color:#fcff00;
}

/*****************************
/* **** LISTS ******************
/*****************************/
.list_container{
  border:none;
  padding-bottom:1em;
}  

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:2em;  
  padding:.2em 0 0 1em;
}

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:.2em 0 0 1em;
}

*.list_action_block{
  padding:0 .2em .2em .2em;
}

*.list_action_block div{
  background:#eeeeee;
  padding:.2em 1em;
}

*.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:1em;
}

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;
}
/*************/
/* STATS BOX */
/*************/
#statsbox{
  list-style:none;
  font-size:12px;
  color:#fff;
  margin:0 0 10px 0;
}

#statsbox *.head{
  font-size:14px;
  font-weight:bold;
}

#statsbox span{
  color:#ffff00;
}


.userlist_options{
  text-align:left;
  margin:.2em .3em;
}

.userlist_options a{
  color:#FF4897;
  font-weight:bold;
  text-decoration:none;
}
/***************************/
/* TUTORIAL CATEGORY BOXES */
/***************************/
.category_box{
   margin:70px 0;
}

.cb{
  background:#fff;
  padding:5px;
  background:url(../images/lfaux.gif) repeat-y;
 }

.ch, .c{
  text-align:left;
  padding:0 0 0 10px;
  overflow:hidden;
  text-transform:capitalize;
 }

 .ch{
   font-size:10px;
   background:url(../images/sprites.gif) -245px -6px #0000cc no-repeat;   
 /*  background:#0000ff;*/
   height:22px;
   line-height:22px;
   margin:0;
}

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

 .cht{
   background:url(../images/sprites.gif) -245px 0 #0000cc no-repeat;   
   height:30px;
   line-height:30px;
}

.c{
   padding:1px 0  1px 6px;
}

.c a span{
  line-height:10px;
  margin:0 0 0 3px;
  color:#333;
  font-size:10px;
}

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

/*category link selected */
a.cat_sel span.io{
  font-weight:bold;
  padding-left:10px;
  line-height:10px;
  text-decoration:none;
}

a.cat_sel:hover span.io{
  text-decoration:none;
  border:none;
}

/* 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:.1em .3em;
  margin:.5em 0;
  width:100%
}

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

/***********************/
/*    FOLLOW US               */
/***********************/
#followus_col{
   background:url(../images/sprites.gif) no-repeat -478px -113px;
   height:33px;
   position:relative;
}
#followus_col a{
   display:block;
   position:absolute;
   width:36px;
   height:38px;
   text-indent:-9000px;   
   top:-5px;
}

#followus_myspace{
   left:20px;
}

#followus_twitter{
   left:63px;
}

#followus_facebook{
   left:107px;
}


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

#tut_container .tut_div{
  clear:both; 
}

.tut_box{
  background:#fff;
  clear:both;
  width:100%;
  float:left;
  overflow:hidden; 
  color:#333;
}

.tut_box a{
  color:#ff0000;
}

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

.tut_box .io{
  margin:0;
  padding:8px 0;
  float:left;
}

.tut_box .c1{
  float:left;
  text-align:center;
  width:140px;
  padding:0;
  margin:0;
  height:118px;
  position:relative;
}

/* listing's image  */
.tut_box .c1 img.nl, .my_favorites_io img.nl {
  border:1px solid #ddddff;
  display:block;
  background:#fff;
  padding:3px;
  margin:0 auto;
}

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

.tut_box .c1 a:hover img.nl{
  border:1px solid #ddddff;
}

.tut_box .c2{
  float:left;
  width:480px;
  padding:0;
  margin:0;
}

.tut_box .c2 .io{
  border:none;
  width:auto;
  margin:0;
  padding:0;
}

.tut_box .c2 .io .a{
  font-weight:bold;
}

/* title */
.tut_box .c2 .tt{
  overflow:hidden;
}

/* listing's description */
.tut_box .c2 .io{
  padding:0 18px 0 0;
}

.tut_box .c2 .io div{
}

/* item titles tut title, artist, description, etc*/
.tut_box .c2 .io span.a{
  margin:0 5px 5px 0;
}

.tut_box .c2 .io span.i{
  padding-left:5px;
}

/* 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 div{
	background: url(../images/starrating2.gif) left 30px; 
	padding:0;
	margin:0;
	height:15px;
}


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

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

#sitenewscol_io{
   width:225px; 
   height:200px; 
   overflow:auto;
   margin:auto;
}

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

.sitenews_listing{
  margin:18px 0;
  background: url(../images/dot.gif) left bottom repeat-x; 
}

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

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

.sitenews_listing .news_block{
  width:98%;
  height:500px;
  overflow:auto;
}

/****************/
/* MOST POPULAR */
/****************/
#most_popular .contentbox_io{
  background:url(../images/tfaux.gif) repeat-y;
}

#most_popular .boxfooter{
  background: #ff0000 url(../images/sprites.gif) no-repeat -247px -472px;
  height:11px;
}


.t50{  
  height:65px;
  position:relative;  
  overflow:hidden;
  padding:0 0 5px 0;
}

.t50 a{
  display:block;  
  width:99%;
  height:100px;  
}

.t50 a:hover{
  background:#0852ff;
}


.t50 img{
  width:50px;
  height:50px;
  position:absolute;
  top:10px;
  left:10px;
  border:1px solid #fff;
  display:block;
}

.t50d{
  position:absolute;
  top:10px;
  left:70px;
  height:55px;
}

/* rank -count */
.mpcnt{
  font-size:12px;
  color:#ffff00;
  font-weight:bold;
}
/* title */
.mptl{
  font-size:10px;
  color:#fff;
  font-weight:bold;
}

/* by */
.mpby{
  color:#ffff00;
  font-weight:bold;
}

/***********************/
/* ARTWORK LISTING BOX*/
/***********************/
.artlistingbox .upload{
  text-align:center;
}

.artlistingbox .upload a.a{
  color:#000;
  text-decoration:none;
  padding:0 3px;
}

.artwork_container{
  float:left;
  width:124px;
  height:120px;
}

.artwork_container_io{
  padding:0 2px;
}

.artwork_container a{
  color:#000;
  text-decoration:underline;
}

/* artwork title */
.artwork_container .t i{

}

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

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



/*********************************/
/* SUBCATEGORY TUTORIAL LISTINGS */
/*********************************/
#subtuts_dir_listing{
  line-height:1.1em;
  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 {
}

/*********************/
/*  Rmd ad                     */
/*********************/
#rmd{
  width:240px;
  margin:auto;
}

/*********************/
/*  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:2em; 
   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:0; 
  background:url(../images/tp/ph.gif) top left repeat-x;
}


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

/* user's username */
.comment_username{
  margin:1px 0 6px 0;
}

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

/* user's pic */
.comment_user_pic{
  float:left;
  width:100px;
  height:115px;
  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;
}

/* date and time */
.comment_area .date{
  margin-top:1em;
  padding:5px;
  width:80%;
}

.comment_block .comment_area .date{
  background:#eaeaff;
}

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

.comment_io{
  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{
}

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

.comment_reply_box{  
  border:1px solid #a9a9ff;
  margin:0 0 10px 10px;
}

.comment_reply_io{   
  padding:6px;   
}

.comment_reply{
  width:380px;
  overflow:hidden;
  height:100%;
}


div.comment_smilies{
  background:white;  
  width:491px;
  height:100px;
  overflow:auto;
}

div.comment_smilies div{  
  border:1px solid #a9a9ff;
  margin:3px 0 0 0;
}

.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:490px;
  height:125px; 
  border:1px solid #a9a9ff;
}

/* 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:628px; 
  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:.1em 0;
}

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

/******************/
/* CHATBOX STYLES */
/******************/
#im_box{
   font-weight:normal;
   display:none;
   background:url(../images/rfaux.gif) repeat-y;
   margin:10px 0;
}

#im_box_io{
  padding:0 4px;
}

#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;
}

#im_msg_area{
   font-weight:normal;
   text-align:left;	
   padding:3px;
   width:98%; 
   height:150px;	
   overflow:auto;  
}


#im_clr_msgs{
   font-size:10px;
   background:url(../images/chatbox.gif) no-repeat 0 -149px #0000ff;
   height:32px;
   padding:8px 0 0 0;
}

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

#im_input_char_cnt{
   color:#fff;
   font-weight:bold;
   background:url(../images/chatbox.gif) no-repeat 0 -255px #0000ff;
   height:28px;
   width:auto;
   line-height:28px;
}

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

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

#im_control_buts{
   background:url(../images/chatbox.gif) no-repeat 0 -347px #0000ff;
   height:31px;
   line-height:31px;
}

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

a.im_userlst{
   color:#0000FF;
}

div.im_smilies{
   width:99%;
   height:75px;
   background:white;
   overflow:auto;
}

.im_bttn{
}

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

#im_sendto_userid{
   background:url(../images/chatbox.gif) no-repeat 0 -381px #0000ff;
   height:25px;
   line-height:23px;
   color:#fff;
}

#im_refuname{
   overflow:hidden; 
   width:99%;
   height:75px;
}

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

#userList{
  height:80px;
  text-align:left;
  padding-left:6px;
  background:white; 
}

#im_status_bar{
  text-align:center;
   padding:2px 0 2px 5px ;
   background:url(../images/sprites.gif) no-repeat -269px -97px #0000ff;
   height:30px;
   color:#fff;
}

/**********************************************************/
/* PAGE NUMBERS AND "PAGE NEXT" & "PAGE PREVIOUS" BUTTONS */
/**********************************************************/
.splitlisting, .splitlistingb{
  width:auto;
  clear:both;
  background:#fff;
  color:#000;
  padding:10px 0;
}

.splitlisting div, .splitlistingb div{
  padding:1px 0;
}

.splitlisting tr.t td{
  padding:3px;
}

.splitlisting .l{
  text-align:center;
  margin:3px 0 .3px 2px;
}

.splitlisting .r{
  margin-top:3px;
  text-align:center;
}

.splitlisting .r span, .splitlistingb .r span{
  margin:0 3px;
  padding:2px 8px;
}

.splitlisting .r span.t, .splitlistingb .r span.t{
  color:#000;
  font-weight:bold;
}

.splitlisting .r a, .splitlistingb .r a{
  border:1px solid #000;  
  margin:0 3px;
  padding:0 8px;
  text-decoration:none;
  color:#ff0000;
}

.splitlisting .r a:hover, .splitlistingb .r a:hover{
  background:#ff0000;
  color:#fff;
}

/* 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: 100%; /*Width of Carousel Viewer itself*/
	height:115px;
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	margin:auto;     
	color:#000;
}

.sch{
  color:#000;
  margin:-10px -10px -20px 10px;
  z-index:2000;
}

.sch_io{
  padding:5px 0 5px 5px;
  font-weight:bold;
}

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


.stepcarousel .panel{
	float: left; /*leave this value alone*/
	margin:0 0 0 10px; /*margin around each panel*/
	width: 125px; /*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;
}