#breadcrumbs { Ä
    height: 20px;
    width: 875px;
  /* 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: 170px;
    
    }
    
    #error { 
    padding: 20px;
    margin-left: 0px;
    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;
    overflow: hidden;
    height: 50px;
    
    }
    .box_title div , .box_title h2 , .box_title h3{
    
    padding:0px;
    margin: 0px;
    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_videos { 
    position: absolute;
	height:40px;
    right: 0px;
    top: 74px;
	padding-left: 30px;	
	background: transparent url(/public/images/button_upload_video_3.gif) no-repeat left center;
	}
	
    #upload_videos a {
    line-height: 36px;
    font-weight: bold;
    font-size: 11pt;
    }
	
	.progress_off {
	padding-left: 10px; color: #FFF; 
	width:86px;height:15px;background: transparent url('/public/images/progress_off.gif') no-repeat;
	
	}
	.progress_on {
	padding-left: 10px; color: #FFF; width:86px;height:15px;
	background: transparent url('/public/images/progress_on.gif') ;	
	}
	
	
/* 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 */

   #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: 10px 10px;
    margin : 4px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #AEAEAE;
   }
   #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;
    
    }
/* VIDEO DETAILS  */
    .t_big_img {
    width: 450px;
    height: 370px;
    left: 10px;
    }
    .t_thumb_img { 
    width: 164px;
    height: 124px;
    text-align: center;
    padding: 1px;
    border: 0px;
    background: transparent url(/public/images/ds.gif) top left no-repeat ;
    }
    .t_thumb_img img {
    width: 160px;
    height: 120px;
    padding: 0px;
    border: 0px;
    }
    .t_thumb_small_img { 
    width: 132px;
    height: 100px;
    text-align: center;
    padding: 1px;
    border: 0px;
    background: transparent url(/public/images/ds_small.gif) top left no-repeat ;
    }
    .t_thumb_small_img img {
    width: 128px;
    height: 96px;
    padding: 0px;
    border: 0px;
    }
    .t_details_meta {
        margin-top: 2px;
        background: #EEE;
        width: 400px;
    }
    .details {
        display: block;
        width: 498px;
        border-color: #AAA;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        background: #f7f7f9;

    }
    .t_details_float { 
        float: right;
    }
    .ajax_vote_show {
        display:inline;
        text-align: left;
    }
    .video_meta_row { 
        padding: 3px 0px;
        width: 489px;
        padding: 4px 5px;

    }
    .video_meta_row tr td {
    
        font-size: 12px;
    
    }
.sec_desc { 
    font-weight: bold;
    color: #333;
    padding: 3px 0px;
    vertical-align: top;
}
.sec_row {
    height: 24px;
    vertical-align: top;

}
.sec_row  input { 
	border-width: 1px ;
	border-color: #AAA;
	border-style: solid;	
	width: 240px;

}
.sec_row textarea {
	width: 240px;
	height: 120px;
	border-width: 1px ;
	border-color: #AAA;
	border-style: solid;	
}

/** COLLAPSABLE SIDEBLOCKS **/
/*
.sideblock {
	padding: 0 0;
	margin: 8px 4px;
}
.sideblock>a {
	text-decoration: none;
}

.sideblock input {
	border-width: 1px ;
	border-color: #AAA;
	border-style: solid;	
	width: 160px;
}
.sideblock_inner {
	margin:5px;
}
.sideblock_inner div{
	margin:5px;
}
.sideblock img { 
	width: 100px;
	height: 80px;
	padding: 0px 2px;
}
.sideblock_left {
	width: 90px;
	vertical-align: top;
}
.sideblock_right {
	vertical-align: top;
}
.sideblock h2 { 
	font-size: 10px;
	font-weight: none;
	padding: 2px;
	background: #CCC;
	border-width: 1px 0px 0px 0px;
	border-color: #AAA;
	border-style: solid;
	color: #333;
}
.sideblock_head {
	text-decoration: none;
	font-weight: bold;
	background-color: #EFEFEF;
	border-width: 1px 0px 0px 0px;
	border-color: #777;
	border-style: solid;
	color: #333;
	font-size: 11px;
	padding: 3px;
	margin: 0px;
}
.sideblock_body {
	padding: 0px;
	margin: 0px;
	border-width: 0px 0px 0px 0px;
	border-color: #CCC;
	border-style: solid;

}

*/

/***/

.round_wrap_content table {
	margin: 3px 0px;
	padding: 3px 0px;

}
/* RATING STUFF */
    #stars {
        background: #FFF;
        padding: 2px 0px;
        width: 100px;
        text-align: center;
        display: inline;
        float: left;
        
    }
    #stars_container {
    width: 480px;
    height: 20px;
    padding: 4px 0px;
    }
    #stars a img{ 
        width: 14px;
        height: 14px;
        background: transparent url('/public/images/stars/off.gif');
    }
    #stars_message { 
        display: inline;
        float: left;
        padding: 4px 2px;
    }


    .page_num { 
        width: 50px;
    }
    #comments {
        top: 10px;  
    }
    #comments h1 { 
    margin: 10px 0px;
    }
    .user_comment{ 
    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: 10px;
        font-weight: bold;
        padding: 0px 0px 3px 0px;
        text-align: center;
        overflow:hidden;
    
    }
    .t_grid_author { 
        font-size: 11px;
        padding: 2px 0px;
        text-align: center;
    }
    #t_grid { 

    }
    .grid_element { 
        float: left;
        border-width: 0px ;
        border-style: solid;
        border-color: #D8D8D8;
        width: 148px;
        padding: 20px;
        text-align: left;
        
    }
    #t_grid>div:hover{ 
        background-color: #EEEEEE;
    }
    
    #t_grid div div {
        display: block;
        border-width: 0px;
        margin: 0px 1px 0px 7px;    

    }
    
    #t_grid img {
        border-width: 0px;
        text-align: center;
        display: block;
        padding: 0px 0px 0px 1px ;
        
    }
    #t_grid_meta {
        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;
}
.indicator_img { 
    width: 100%;
    width: 30px;
    background: transparent url(/public/images/indicator.gif) center no-repeat; 
    text-align: center;
}

/* WIDGETS */
/***********/
/* 
*/
.ax_banner {
    margin:0;
    height: 190px;
    background-color:#fafafa;
    padding: 10px;
    border-width: 1px;
 	border-color: #dcdcdc;
 	border-style: solid;
}

.wgt_banner td{ 
    margin:0;
    width: 160px;
 
}

.ban_title{
    font-weight: bold;
    text-align: center;
    padding: 6px 0px;
    overflow: hidden;
    font-size: 11px;
    height: 28px;
    line-height: 0.98;

 }
.ban_author{
    text-align: left;
    padding: 0px 0px;
    overflow: hidden;
    font-size: 10px;
 }
.ban_title a { 
    text-decoration: none;
/*    color: #00802a; */
}
.ban_temp { 
    padding: 0px 3px; 
}
.ban_temp div { 
    width: 100%;
}
.ban_temp img {
    text-align: center;

}
.ban_meta_row { 
    padding: 2px 2px;
    width: 100%;
    text-align: left;
    overflow: hidden;
    font-size: 10px;
}
.ban_details {
    display: block;
    width: 158px;
    border-color: #AAA;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    background: #EFEFEF;
    padding: 1px;
}
.pagin_prev  {
    margin: 0px;
    padding: 0px;
    
}
.pagin_next { 
    text-align: right;

    margin: 0px;
    padding: 0px;
    
}
    #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: 95%;
         border-width: 1px;
         border-color: #DCDCDC;
         border-style: solid;
         text-align: left;
         height: 80px;
         padding: 3px;
         margin: 2px;
         overflow: hidden;
    
    }
    .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 , .share_handle :link , .share_handle :visited { 
    border-width: 1px 1px 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;
    color: #555;
}

.share_handle_link , .share_handle_link :link , .share_handle_link :visited { 
    text-decoration: none;
    color: #555;

}

#autocomplete { 
display: block;
}
/* CATEGORY INDEX */
.category_list { 
	padding-top: 11px;
	font-size: 14px;
}
.category_list li { 
}
.category_subCat { 
    padding-top: 6px;
	padding-left: 12px;
    background-image: url(/public/images/subCat.gif);
    background-repeat: no-repeat;
    background-position: 0 6px;
	list-style-type: none;
	font-size: 14px;

}

/* ATTACHMENT */

    #attachment_errors { 
	background-color: #FFF;    
    }
    #attachment_img {
position: absolute;margin-left: 52%;margin-top: -1px;
    
    }
    #attachment_img a{
    display: block;
height:22px; /* height of logo */
width:106px; /* width of logo */
background:url(/public/images/add_attachment.gif) no-repeat;
text-indent:-9000px;
outline: none;
	}
/** 
 * COURSE BUILDER
 */
/* VIDEO NAVIGATOR */
#vn_box { 
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #AAA;
    padding: 3px 2px;
    margin: 5px;
    background-color: #FAFAFA;
	height: 400px;
	overflow: auto;
}
.vn_input {
	margin: 10px;
	background: #FFF;
	border-width: 1px;
	border-style: solid;
	border-color: #AAA;
}
.vn_row {
	margin: 3px 0px;
	width: 200px;
	padding: 5px;
	overflow: hidden;
}
.href_mute a {
	color: #5959BF;
	text-decoration: none;
}
/** Playlist **/
.table_head {
	font-size: 16px;
	font-weight: bold;
	color: #555;
}
.table_mute {
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #AEAEAE;
	margin: 5px;
	background: #FEFEFE;
}
.table_mute .top_row {
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #444;
}
/** courseIndex **/
.course_row { 
	vertical-align: top;
}
.course_row td {
	margin: 4px;
	padding: 4px;

}
.course_sec_textarea { 
    width: 310px;
    color: #333;
    padding: 3px 0px;
    vertical-align: top;
}