#breadcrumbs { 
    height: 20px;
/*    background-color: #EEE; */
    overflow: hidden;   
    margin-bottom: 8px;
    }

    #breadcrumbs a { 
    color: #5555FF;
    }
    #breadcrumbs a:hover { 
    color: #AAA;
    }
    
    
    .bc { 
    color: #AAA;
    float: left;
    z-index: 3;
    font-size: 14px;
    margin: 3px  10px;
    }
/* INDEX */
    #welcome {
    margin: 10px 0px;
    color: #232323;
    background-color: #EEE;
    border-width: 1px;
    border-style: solid;
    border-color : #AAA;
    }
    
    #welcome_content {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10pt;
    margin: 2px;
    height: 130px;
    
    }
    
    #index_table , #index_table tr , #index_table tr td{ 
    margin: 0px;
    padding: 0px;
    }
    
    
    
    div#welcome_menu{}
    #welcome_menu li a:hover { background-color: #FF0069; }
    
    #welcome li a {background-color: #0033FF; letter-spacing: 1px;}
    
    #menu ul { width: 100%; }
    
    ul#welcome_nav,ul#welcome_nav li{list-style-type:none;margin:7px 0px;padding:0}
    ul#welcome_nav{margin-left: 100px;}
    ul#welcome_nav li{float:left;margin: 10px;text-align: center} 
    ul#welcome_nav a{float:left;width: 200px; padding: 36px 0;text-decoration:none; color: #FFF;}
    ul#welcome_nav a:hover{color: #A2A2A2}
    ul#welcome_nav li.activelink a{background: #FFF}
    ul#welcome_nav li.activelink a,ul#welcome_nav a:hover{ color: #FFF;}
    
    .datagrid { 
    font-weight: bold;
    }
    /* BlankBody is used for central content that doesn't have complicated styling */
    #blankBody {
    
        width: 100%;
    }
    #blankBody table {
        width: 100%;
    }
    
    label { 
    margin: 0px;
    padding: 0px;
    }
    
    select { 
    width: 180px;
    
    }
    
    #error { 
    padding: 20px;
    margin-left: 20px;
    background-color: #FAFAFA;
    border-width: 1px 0px;
    border-style: solid;
    border-color: #D8D8D8;
    
    }
/* GENERAL STYLE DEFS */
    .box_title { 
    margin: 4px 1px;
    
    border-width: 1px 1px;
    border-style: solid;
    border-color: #A8A8A8;
    background-color: #DDD;
    
    }
    .box_title div , .box_title h2 , .box_title h3{
    
    padding:1px;
    margin: 1px;
    background-color: #FEFEFE;
    
    }
    
    .notification_div { 
    border-width: 1px 1px;
    border-style: solid;
    border-color: #a8a8a8;
    background-color: #DDD;
    margin: 10px 0px;
    
    }
    .notification_div .notification { 
    
    background-color: #FEFEFE;
    padding: 5px;
    margin:3px;
    }
	
    #upload_templates { 
    position: absolute;
	height:40px;
    right: 30px;
    top: 75px;
	padding-left: 36px;	
	background: transparent url(/public/images/button_upload_template_3.gif) no-repeat left center;
	}
	
    #upload_templates a {
    line-height: 36px;
    font-weight: bold;
    font-size: 11pt;
    }
	
	
	
/* USER_SPECIFIC */
    #userIndex {
    margin: 20px 0px;
    
    }
    #userIndex div {
    }
    #userIndex dh { 
    padding: 20px 10px;
    }
    
    
    .userProfile , .mutedProfile{
    border-width: 1px 1px;
    border-style: solid;
    border-color: #a8a8a8;
    background-color: #DDD;
    margin: 3px 0px;
    }
    .userProfile dl , .mutedProfile dl {
    
    background-color: #FEFEFE;
    padding: 3px 0px;
    margin:3px;
    }
    .userProfile  dd, .mutedProfile dd{ 
    margin : 1px;
    }
    .userProfile h3 , .mutedProfile h3 , .box_title h3
    {
    position: relative;
    font-size: 18px;
    color: #3200FF;
    
    letter-spacing: -1px;
    padding : 1px;
    margin:3px;
    background-color: #FEFEFE;
    
    }
    
    
    .mutedProfile h3 { 
    color: #303030; } /* overide userProfile h3 */

/* MY WEBSHAPES */
/* MY WEBSHAPES */

   #myws_ul { 
    list-style-type: none;
   }
   #myws_ul li { 
    padding: 0px 5px;
    display: inline;   
    background: #EFEFEF;
    border-width: 0px 1px 0px 0px;
    border-style: solid;
    border-color: #333;
   }
   #myws_ul li a {
    text-decoration: none;
    
   }
   .myws_container {
    background-color: #EEE;
    padding: 0px 10px;
   }
   #sample_myws { 
   margin: 0 0 ;
   padding: 0 0;
   }
   #sample_myws iframe{ 
   margin: 0px 0px 0px 0px ;
   padding: 0 0;
   }
   .sample { 
   margin: 0px;
   padding: 0px;
    float: left;   
   }
/* UPLOAD TEMPLATE */

    .instruction div p {
     margin: 10px 8px;
    }
    .instruction div { 
        padding: 10px 0px;
      background: #FEFEFE;
      border-width: 1px 0px;
      border-color:#DDD;
      border-style: solid;
      background-color: #F4F4F4;      
    }
    .instruction .nav { 
      text-align: right;
    }   
    .instruction img  {
      border-width: 1px; 
      border-color:#DDD;
      border-style: solid;
    
    }
/* TEMPLATE DETAILS  */
    .t_big_img {
    width: 450px;
    height: 370px;
    
    }
    .t_thumb_img { 
    width : 100%;
    text-align: center;
    }
    .t_thumb_img img {
    width: 100px;
    height: 80px;
    border-color: #AAA;
    border-style: solid;
    border-width: 1px;
    padding: 1px;
    }
    .t_details_meta {
        margin-top: 2px;
        background: #EEE;
    }
    .details {
        padding: 4px 0px 0px 0px;
        display: block;
    width: 450px;
    border-color: #DDD;
    border-style: solid;
    border-width: 1px;

    }
    .t_details_float { 
        float: right;
    }
    .ajax_vote_show {
        display:inline;
        text-align: left;
    }
.sec_desc { 
    width: 100px;
    font-weight: bold;
    color: #333;
}
.sec_row {
    height: 20px;
}

/* RATING STUFF */

    #stars { 
        margin-left: 4px;
    }
    
    #stars a img{ 
        width: 14px;
        height: 14px;
        background: transparent url('/public/images/stars/off.gif');
    }
    #stars_message { 
        display: block;
        padding: 4px 4px;
    }

    .page_num { 
        width: 50px;
    }
    #comments {
    top: 10px;
        width: 400px;    
    }
    #comments h1 { 
    margin: 10px 0px;
    }
    .user_comment{ 
    width: 450px;
    margin: 10px 0px;
    }
    .body_comment{ 
    padding: 10px 0px;
    }
    
    .head {
    background-color: #EEE;
    height: 15px;
    }
    .foot {
    right: 0px;
    text-align: right;
    height: 10px;
    }
    .hr {
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #aaa;
    height: 1px;
    width: 200px;
    }

/* ERROR */
    #error ul li{
    list-style-type: square;
    margin: 3px 0px;
    }

/* GALLERY */
    .gallery_nav { 
        margin-bottom: 10px;
    }
    .gallery_nav a { 
        padding: 0px 4px;
    }
/* LIST */    
    .t_grid_title  { 
        font-size: 13px;
        padding: 0px 0px 3px 0px;
        text-align: center;
    
    }
    .t_grid_author { 
        font-size: 11px;
        padding: 2px 0px;
        text-align: center;
    }
    #t_grid { 
        height: 650px; /* this depends on how many we're displaying... */
    }
    .grid_element { 
        float: left;
        border-width: 1px ;
        border-style: solid;
        border-color: #D8D8D8;
        margin: 10px;	
        width: 145px;
        height: 140px;
        text-align: center;
        
    }
    #t_grid>div:hover{ 
        background-color: #EEEEEE;
    }
    
    #t_grid div div {
        display: block;
        border-width: 0px;
        margin: 0px;    
    }
    
    #t_grid img {
        border-width: 1px;
        border-color: #c4c4c4;
        text-align: center;
        display: block;
        margin: 0px 22px ;
    }
    #t_grid_meta {
        border-width: 1px 0px;
        border-style: solid;
        border-color: #D8D8D8;
        text-align: center;
    }
/* grid */
      
      #site_frame iframe {
          width: 869px;
          height: 500px;
        border-color: #AAA;
        border-width: 3px;
        border-style: solid;

      }
      
      .sec_box {
          border-color: #DDD;
          border-width: 1px 1px 1px 1px;
          border-style: solid;
      
      }
/* AJAX */
.indicator { 
    width: 100%;
    
    text-align: center;
}

/* WIDGETS */
/***********/
/* BANNER */
.ban_author {
overflow: none;
}
.ax_banner {
    height: 150px;
}

.wgt_banner td{ 
    width: 115px;
 
}

.ban_title{
    font-weight: bold;
    text-align: center;
    padding: 1px 0px;
 }
.ban_title a { 
    text-decoration: none;
/*    color: #00802a; */
}
.ban_temp { 
    padding: 0px 3px; 
    width: 115px;
}
.ban_temp div { 
    width: 100%;
}
.ban_temp img {
    text-align: center;

}
.pagin_prev  {
}
.pagin_next { 
    text-align: right;

}
    #banner_pagination_prev img , #banner_pagination_next img { border-width:0px; border-style:solid; border-color:#FFF; }
    #banner_pagination_prev a , #banner_pagination_next a { border-width:0px; border-style:solid; border-color:#FFF; text-decoration: none; }
    #banner_pagination_prev a img, #banner_pagination_next a, img { border-width:0px; border-style:solid; border-color:#FFF; text-decoration: none; }


/* skyscraper */
    
    #wgt_skyscraper { 
        width: 100%;
        background-color: #FFFFFF;
        
    }
    
    #wgt_skyscraper img {
         width: 80px;
         height: 70px;
         border-width: 1px;
         border-color: #DCDCDC;
         border-style: solid;
         text-align: left;
         float: left;
         }
    .sky_temp div { 
        margin-left: 90px;
    
    }
    .sky_temp {
         width: 90%;
         border-width: 1px;
         border-color: #DCDCDC;
         border-style: solid;
         text-align: left;
         height: 80px;
         padding: 10px;
         margin: 4px;
    
    }
    .sky_head { 
        position: relative;
        display: block;
        font-size: 14px;
        padding: 0px;
        margin: 0px;
        text-align: left;
        width: 100%;
        background-color: #CCC;
    }
    .sky_title { 
        font-size: 13px;
        font-weight: bold;
        color: #000012;    
    }
    .sky_author {
        color: #343434;
        font-size: 12px;
    
    }
    #wgt_skyscraper>div:hover{ 
        background-color: #EEEEEE;
    }

/* Tag-cloud */
    #tag_cloud .round_wrap_content { 
        padding: 14px;
    }
        #tag_cloud a { line-height: 1.4em; padding-right: 0.4em; }
        #tag_cloud a { line-height: 1.7em; padding-right: 0.4em; }
        .s1 { font-size: 80%; }
        .s2 { font-size: 90%; }
        .s3 { font-size: 100%; }
        .s4 { font-size: 115%; }
        .s5 { font-size: 150%; }
    
    
    .rss_list ul{
        list-style: none;
    padding: 2px;
    } 
    .rss_list .l_0 , .rss_list .l_1 {
    margin : 3px 0px;
    
    }
/* SHARE VIDEOS */
.share_handle { 
    border-width: 1px 0px 1px 1px;
    border-style: solid;
    border-color: #AAA;
    padding: 3px 2px;
    background-color: #EFEFEF;
    font-weight: bold;
    margin: 10px 0px 4px 0px;
    text-decoration: none;
}

.share_handle_link { 
    text-decoration: none;

}
.share_handle {
    text-decoration:none;
    color: #555;

    }