body{

font-family: tahoma, verdana, helvetica,sans-serif;

font-size: 10pt;

}



a{

color:#2C548D;

text-decoration:none;

}



a:hover{



}



ul li{

padding:4px 0px;

}





.form-btn {

        font-family: Verdana, Arial,Helvetica;

        font-size: 11px;

}

.form-button {

        font-family: Verdana, Arial,Helvetica;

        font-size: 11px;

}

.form-text {

        font-family: Verdana, Arial,Helvetica;

        font-size: 12px;

        height:22px;

        padding:2px;

}



.form-text-area {

        font-family: Verdana, Arial,Helvetica;

        font-size: 12px;

        padding:2px;

}



select {

        font-family: Verdana, Arial,Helvetica;

        font-size: 12px;

}





td{

        font-family:  tahoma,sans-serif;

        font-size: 12px;



}







.treeClass {

        font-family:  tahoma,sans-serif;

        font-size: 11px;

        color: black;

        cursor: hand;

        padding-bottom: 1px;

        cursor: pointer;

        cursor: hand;

}



.treeClass a {

        font-family:  tahoma,sans-serif;

        font-size: 11px;

        color: black;

        cursor: hand;

        text-decoration: none;

        padding-bottom: 1px;

}



.host {

        text-decoration: none;

        font-weight: bold;

}

.host a {

        text-decoration: none;

}





.hostRoller {

        background: #E0E9F6;

        text-decoration: none;

        font-weight: bold;

}

.hostRoller a{

        text-decoration: none;

}



.roller {

        background: #E0E9F6;

}



TR.gamma { background-color: #FFFFFF; }



TD.gamma { background-color: #FFFFFF; }





/*Portlet Styles*/

td.portletTitle{

        color:#FFF;

        text-transform:uppercase;

        text-indent:15px;

        background-color:#487DB1;

        font-size:0.7em;

        height:26px;

        /*margin:0px -14px;*/
        padding:4px;

        background:url(/images/images_admin/blue_grad.gif) repeat-x;

 }


 td.portletTitlelogin{

        color:#FFF;

        /*text-transform:uppercase;*/

        text-indent:15px;

        background-color:#487DB1;

        font-size:0.7em;

        height:26px;
       
        padding:4px;

        background:url(/images/images_admin/blue_grad.gif) repeat-x;

 }



 td.portletTitleLeft, td.portletTitleRight{

   width:14px;

   height:26px;

 }





 .portletTitleLeft{

   background:url(/images/images_admin/blue_grad_left.gif) no-repeat;

 }



  .portletTitleRight{

     background:url(/images/images_admin/blue_grad_right.gif) no-repeat;

 }



 td.bottomShadow{

 height:9px;

 margin:0px -10px;

   background:url(/images/images_admin/bottom_shadow.gif) repeat-x;

 }



 td.bottomLeftShadow, td.bottomRightShadow{

 height:9px;

 width:10px;

 }



 td.bottomLeftShadow{

   background:url(/images/images_admin/bottom_left_shadow.gif) no-repeat;

 }



 td.bottomRightShadow{

   background:url(/images/images_admin/bottom_right_shadow.gif) no-repeat;

 }





 td.porletLeftSide{

 border-left:1px solid #656565;

 }



 td.portletRightSide{

   background:url(/images/images_admin/portlet_right_shadow.gif) repeat-y right;

 width:4px;

 width:6px;

 }







 tr.beta{

  background-color:#CDCDCD;

 }



 /*top nav tab links */



 #tab_0_left{

 float:left;

 margin-left:-1px;

 width:7px;

 position:absolute;

 z-index:50;

 height:28px;

 }



 .tab_0_corner{

   background: url(/images/images_admin/bg_roundTab_left.gif) no-repeat;

 }



 .tab_0_corner_hover{

   background: url(/images/images_admin/bg_roundTab_left_hover.gif) no-repeat;
  /*  background-image: url("/images/images_admin/bg_roundTab_left_hover.gif") no-repeat;*/
 }



 a.top_beta, a.top_alpha, .top_beta_hover{

 height:14px;

 _height:26px;

 padding:7px 10px;

 display:block;

 border-right:1px solid #3E709D;

 border-left: 1px solid #6399CD;

 margin-top:0px;

 font-family:Verdana, Arial, Helvetica, sans-serif;

 }

.zzzzzzzzzzzz {
border:#cc0000 1px solid;
}

 a.top_alpha{
 padding-top:7px !important;
 padding-top:8px;

 }
/**/


  a.top_beta{

  color:#FFF;

  text-decoration:none;

 background-color:#487DB1;

   background:url(/images/images_admin/nav_blue_grad.gif)bottom repeat-x;


 }





  a.top_beta:hover{

  color:#003469;

   background:url(/images/images_admin/nav_white_grad.gif) bottom repeat-x;

 }





 a.top_alpha, .top_beta_hover{

 text-decoration:none;

 color:#000;

   background:url(/images/images_admin/nav_white_grad.gif) bottom repeat-x;

 }





 .nav_blue_grad{

 height:28px;

 _height:27px;

 background-color:#487DB1;

 border:1px solid #5387BC;

 border-top:0px;

 border-bottom:0px;

 border-right:0px;

   background:url(/images/images_admin/nav_wrap_blue_grad.gif) repeat-x;

 }



 .top_nav_wrapper{

   background:url(/images/images_admin/gray_grad.gif) repeat-x bottom;

  height:28px !important;
  height:28px;

 }





 .community_msg{

 color:#646464;

 font-size:0.95em;

 font-family:Verdana, Arial, Helvetica, sans-serif;

 margin:20px 0px;

 }





 .footer_wrapper{

  margin-top:20px;

   background:url(/images/images_admin/footer_grad.gif) repeat-x top;

  height:52px;



 }





 .footer_wrapper *{

   color:#49535A;

   font-size:0.95em;

 }







.footer_wrapper a{

 padding-right:5px;

 text-decoration:none;

}





.footer_wrapper a:hover{

 padding-right:5px;

 text-decoration:underline;

 color:#000;

}







 /*===== WELCOME MESSAGE ===== */

 .welcome_wrapper td *{

 font-size:0.95em;

 font-family:Verdana, Arial, Helvetica, sans-serif;

 }



 .welcome_wrapper a{

  color:#3B3B3B;

  text-decoration:none;

 }



  .welcome_wrapper a:hover{

  text-decoration:underline;

 }





 /*====== SUB-NAV ======*/

 .subNav{

 z-index:50;

 background-color:#FFF;

border: solid 1px #437AAD;



border-bottom: none;

border-top: none;

position: relative;

left: 1px;

/* sammy added:

background:url(/html/skin/image/dotcms/bg_subNav.gif) repeat-y top left;

*/

 /* Lianis Added:

 border-bottom:1px solid #437AAD;

 */

 font-family:Verdana, Arial, Helvetica, sans-serif;

 font-size:9px;

 margin-left:-1px;

 overflow:visible;

 height: auto;

 }





 .subNav a , .subNav_a,  .subNav a.full{

  color:#000;

  text-decoration:none;

  height:23px;

  display:block;

  width:193px;

  margin-left:2px;

  margin-right:5px;

 }







 .subNav li{

  padding:0px;

  height:23px;

 }



 .subNav a.full{

   background:url(/images/images_admin/bg_subNav_a_full.gif) no-repeat;

  /* lianis added this

  _height:25px;

  */

 }





 .subNav a:hover, a.subNav_a_hover, a.subNav_a_hover:hover{

  height:23px;

   background:url(/images/images_admin/bg_subNav_a_hover.gif);

  background-repeat:no-repeat;

 }



  .subNav a.full:hover, .subNav a.subNav_a_hover_full, .subNav a.subNav_a_hover_full:hover{

  height:23px;

  /*

  background-image:url(/html/skin/image/dotcms/bg_subNav_a_hover_full.gif);

  */

  background-repeat:no-repeat;

  _margin-bottom:-5px;

 }





 .subNav ul{

  list-style:none;

  padding: 10px 0 5px 0;

  margin:0px 0px ;

  /* Lianis Added */

  border-bottom:1px solid #437AAD;

  _margin-bottom:-4px;

 }

 }



 /*lianis added */

 .subNav ul li{

 margin:0px 0px 5px 0px;

}





 .subNav ul li a {

  padding:4px 0px;

 }





.subNav ul li a span{

 width:45px;

 display:block;

 float:left;

 margin:-1px 0px 0px 2px;

 text-align:center;

 }



 .subNav ul li a span img{

  border:0px;

 }





 .subNav hr{

  background-color:#979797;

  height:1px;

  color:#979797;

  border:0px;

  margin:-5px 10px;

 }



 #hidden_tabs{

 z-index:600;

 border:1px solid #204466;

 _border-top:0px;

 overflow:visible;



 left:815px;

 _left:816px;



 margin-top:27px;

 _margin-top:28px;

 background-color:#356DA1;

 width:160px;

 }



 #hidden_tabs ul{

 width:100%;

 list-style:none;

 text-align:left;

 padding:0px;

 margin:0px;

 }



 #hidden_tabs ul li{

 padding:0px;

 margin:0px;

 }



 #hidden_tabs ul li a{

 border:none;

 }



 #hidden_tabs ul li a.top_beta{

   background:url(/images/images_admin/nav_blue_grad_hidden.gif) repeat-x left;

 border-top:1px solid #3E709D;

 border-bottom:1px solid #6399CD;

 }



 #hidden_tabs ul li a.top_beta:hover{

   background:url(/images/images_admin/nav_white_grad_hidden.gif) repeat-x left;

 }





 .subNav2{

 position:absolute;

 z-index:80;

 background-color:#FFF;

 width:199px;

 _width:195px;

 border:1px solid #437AAD;

/*

background:url(/html/skin/image/dotcms/bg_subNav2.gif) repeat-y left;

*/

 font-family:Verdana, Arial, Helvetica, sans-serif;

 margin-left:190px;

 border-top:1px solid #437AAD;

 margin-top:-31px;

 _margin-top:-18px;

 overflow:visible;

 }



.subNav2 ul{

 padding:0px;

 margin:2px 0px 0px 0px;

 border-bottom:0px;

}



.subNav2 ul li{

 padding:0px;

 padding-bottom: 5px;

 margin:0px 0px 0px 0px;

 height:20px;

}





.subNav2  ul a{

 padding:0px;

 margin:0px 0px 0px 4px;

 heigth:0px;

 text-indent:17px;

 width:199px;

 _width:195px;

 display: block;

}







.subNav2 ul a:hover{

   background:url(/images/images_admin/bg_subNav2_a_hover.gif) no-repeat 0px 0px;

}





/* More-Tabs Button */



.more_tabs{

 width:23px;

 height:29px;

 position:absolute;

 z-index:100;

 margin-left:-19px;



}





.more_tabs_hover{



}





#more_tabs, .more_tabs_hover{

 width:23px;

 height:29px;

 position:absolute;

 z-index:100;

 margin-left:-17px;

}



.more_tabs_c{

   background:url(/images/images_admin/more_tabs.gif) no-repeat top left;

  width:23px;

  height:29px;

}



.more_tabs_hover{

   background:url(/images/images_admin/more_tabs_hover.gif) no-repeat top left;

   background:url(/images/images_admin/more_tabs_hover_ie.gif) no-repeat top left;

}









/*** =========== ALL FORM BUTTONS =============   ***/



.form-btn, .form-btn-hover, .form-btn-50, .form-btn-50-hover, .form-btn-50:hover, .form-btn-160, .form-btn-160-hover, .form-btn-160:hover, .form-btn-180, .form-btn-180-hover, .form-btn-180:hover{

 font-size:11px;

 height:22px;

 border:0px;

 color:#FFFFFF;

 padding:2px 0px 5px 0px;

 _padding:0px 0px 0px 0px;

 font-family:Verdana, Arial, Helvetica, sans-serif;

 margin:5px 2px 2px 2px;

 }





.form-btn{

   background:url(/images/images_admin/bg_button.gif) no-repeat top left;

 width:120px;

}





 .form-btn:hover, .form-btn-hover, .form-btn-50:hover, .form-btn-50-hover, .form-btn-160:hover, .form-btn-160-hover .form-btn-180:hover, .form-btn-180-hover {

 cursor:hand;

 cursor:pointer;

 font-size:11px;

}



.form-btn:hover, .form-btn-hover{

   background:url(/images/images_admin/bg_button_hover.gif) no-repeat top left;

 width:120px;

 }







/* Smaller buttons width="50px" */



.form-btn-50, .form-btn-50-hover, .form-btn-50:hover{

 width:50px;

}



.form-btn-50{

   background:url(/images/images_admin/bg_button_50.gif) no-repeat top left;

}



.form-btn-50-hover, .form-btn-50:hover{

   background:url(/images/images_admin/bg_button_hover_50.gif) no-repeat top left;

 cursor:hand;

 cursor:pointer;

 font-size:11px;

}









/* Bigger Form Buttons for specific portlets  width="160px" */

.form-btn-160, .form-btn-160-hover, .form-btn-160:hover{

 width:160px;

}



.form-btn-160{

   background:url(/images/images_admin/bg_button_160.gif) no-repeat top left;

}



.form-btn-160-hover, .form-btn-160:hover{

   background:url(/images/images_admin/bg_button_hover_160.gif) no-repeat top left;

 cursor:hand;

 cursor:pointer;

 font-size:11px;

}







/* Bigger Form Buttons width="180px" */

.form-btn-180, .form-btn-180-hover, .form-btn-180:hover{

 width:180px;

}



.form-btn-180{

   background:url(/images/images_admin/bg_button_180.gif) no-repeat top left;

}



.form-btn-180-hover, .form-btn-180:hover{

   background:url(/images/images_admin/bg_button_hover_180.gif) no-repeat top left;

 cursor:hand;

 cursor:pointer;

 font-size:11px;

}







.form-btn-disabled-120, .form-btn-disabled-160, .form-btn-disabled-180, .form-btn-disabled-50 {

 font-size:11px;

 height:22px;

 border:0px;

 color:#ACA899;

 padding:2px 0px 5px 0px;

 _padding:0px 0px 0px 0px;

 font-family:Verdana, Arial, Helvetica, sans-serif;

 margin:5px 2px 2px 2px;

}



.form-btn-disabled-50{

   background:url(/images/images_admin/bg_button_disabled_50.gif) no-repeat top left;

 width:50px;

}







.form-btn-disabled-120{

   background:url(/images/images_admin/bg_button_disabled_120.gif) no-repeat top left;

 width:120px;

}





.form-btn-disabled-160{

   background:url(/images/images_admin/bg_button_disabled_160.gif) no-repeat top left;

 width:160px;

}



.form-btn-disabled-180{

   background:url(/images/images_admin/bg_button_disabled_180.gif) no-repeat top left;

 width:180px;

}





/* ==================   Porlet BROWSER ======================= */



.portletMenu{

height:25px;

overflow:hidden;

}





.portletOptions {

        padding: 5px;

        text-align: right;

}



a.portletOption{

color:#2C548D;

color:#000;

text-decoration:none;

}



a.portletOption:hover{

text-decoration:underline;

}







.portletMenu a.alpha, .portletMenu a.beta{

text-align:center;

float:left;

}



/* selected tab  a.alpha */

.portletMenu a.alpha{

   font-family:Verdana, Arial, Helvetica, sans-serif;

   font-size:0.9em;

   background:url(/images/images_admin/tab_s.gif) no-repeat;

   padding:6px 0px;

   color:#666;

   margin-bottom:-12px;

   _margin-bottom:-1px;

   color:#fff;

   cursor:pointer;

   cursor:hand;

   height:25px;

   width:125px;

   display:block;

}

.portletMenu a.alpha_mediu{

   font-family:Verdana, Arial, Helvetica, sans-serif;

   font-size:0.9em;

   background:url(/images/images_admin/tab_s_mare1.gif) no-repeat;

   padding:6px 0px;

   color:#666;

   margin-bottom:-12px;

   _margin-bottom:-1px;

   color:#fff;

   cursor:pointer;

   cursor:hand;

   height:25px;

   width:150px;

   display:block;

}

.portletMenu a.alpha_mare{

   font-family:Verdana, Arial, Helvetica, sans-serif;

   font-size:0.9em;

   background:url(/images/images_admin/tab_s_mare.gif) no-repeat;

   padding:6px 0px;

   color:#666;

   margin-bottom:-12px;

   _margin-bottom:-1px;

   color:#fff;

   cursor:pointer;

   cursor:hand;

   height:25px;

   width:189px;

   display:block;

}



.portletMenu a.alpha:hover{

  text-decoration:none;

  color:#fff;

}









.portletMenu a.beta {

   font-family:Verdana, Arial, Helvetica, sans-serif;

   font-size:0.9em;

   background:url(/images/images_admin/tab_n.gif) no-repeat;

   padding:6px 0px;

   color:#666;

   margin-bottom:-12px;

   _margin-bottom:-1px;

   cursor:pointer;

   cursor:hand;

   width:125px;

   display:block;

   height:25px;

}

.portletMenu a.beta_mediu {

   font-family:Verdana, Arial, Helvetica, sans-serif;

   font-size:0.9em;

   background:url(/images/images_admin/tab_n_mare1.gif) no-repeat;

   padding:6px 0px;

   color:#666;

   margin-bottom:-12px;

   _margin-bottom:-1px;

   cursor:pointer;

   cursor:hand;

   width:150px;

   display:block;

   height:25px;

}

.portletMenu a.beta_mare {

   font-family:Verdana, Arial, Helvetica, sans-serif;

   font-size:0.9em;

   background:url(/images/images_admin/tab_n_mare.gif) no-repeat;

   padding:6px 0px;

   color:#666;

   margin-bottom:-12px;

   _margin-bottom:-1px;

   cursor:pointer;

   cursor:hand;

   width:189px;

   display:block;

   height:25px;

}









.portletMenu a.beta:hover{

 color:#FFF;

   background:url(/images/images_admin/tab_h.gif) no-repeat;

 text-decoration:none;

}

.portletMenu a.beta_mediu:hover{

 color:#FFF;

   background:url(/images/images_admin/tab_h_mare1.gif) no-repeat;

 text-decoration:none;

}

.portletMenu a.beta_mare:hover{

 color:#FFF;

   background:url(/images/images_admin/tab_h_mare.gif) no-repeat;

 text-decoration:none;

}





.blue_Border{

 background-color:#3672A5;

}



 .portletBox{

  border:1px solid #B6CBEB;

 }





.pop_divider {

margin:0px;

padding:0px;

height:1px;

line-height:1px;

}



.pop_divider span{

 padding:0px;

 margin:0px 0px 0px 10px;

 _margin:0px 0px -5px 10px;

 border-top:1px solid #9A9A9A;

 display:block;

 width:145px;

 height:1px;

 line-height:1px;

 }









/* ====================== BROWSER, HMTL, LINKS, FILES, TEMPLATES, CONTAINERS  (all POP UPs) ================= */





div.contextPopupMenuBox, .contextMenuBox{

  border:0px;

  width:170px;

  display:block;

  border-top:1px solid #437AAD;

  border-bottom:1px solid #437AAD;

  padding:0px 0px 0px 0px;

   background:url(/images/images_admin/bg_pop_up.gif) repeat-y;

  font-size:11px;

}



/* use in hmtl, templates, etc NOT in Browser Tree pop-ups*/

.contextMenuBox{

 position: absolute;

}



#newArrowHack{

        border: 0px solid red; float: right; width:16;height:16;

         margin-right:10px;

   background:url(/images/images_admin/right-arrow.gif);

         cursor:pointer;

}

.contextPopupMenuBox .contextPopupMenu, .contextMenu{

 padding:2px 0px;

 margin:3px 6px 3px 3px;

 width:161px;

 border:1px solid #fff;

}



.contextPopupMenuBox .contextPopupMenu img, .contextMenu img, .contextMenuHover img{

 margin:0px 10px 0px 10px;

}



.contextPopupMenuBox .contextPopupMenu:hover, .contextMenuHover{

 background-color:#C1D9EE;

 border:1px solid #8DABC9;

 padding:2px 0px;

 width:161px;

 color:#000;

 cursor: pointer;

 cursor: hand;

}



 div.contextMenuHover{

 margin-left:3px;

 }





 /* Listing Tables */



 .listingTable td{

 padding:4px 2px;

 }



 .listingTable .header{

 background-color:#ccc;

 color:#000;

 font-weight:bold;

 }



 .listingTable .header td{

 padding:5px 2px;

 }



 .listingTable .header td a{

  text-decoration:underline;

  color:#000;

 }



 .listingTable a{

 color:#000;

 font-weight:bold;

 }







 .listingTable .alternate_1 a, .listingTable .alternate_2 a{

 color:#2C548D;

 text-decoration:none;

 font-weight:normal;

 }



 .listingTable .alternate_1 a:hover, .listingTable .alternate_2 a:hover{

 text-decoration:underline;

 }



.listing_table td.images_admin a, .listingTable td.images_admin a:hover{

 text-decoration:none;



}





 .listingTable tr.selectAll td{

  padding:5px 2px;

 }



 .listingTable tr.selectAll td{

 background-color:#fff;

 border-top:1px solid #B6CBEB;

 border-bottom:1px solid #B6CBEB;

 }





.listingTable .alternate_1{

 background-color:#FFF;

 }



 .listingTable .alternate_2{

 background-color:#EEE;

 }



 #dotCMSErrors{

  background-color:#ffbcbc;

  border: 1px solid gray;

  width: 300px;

  overflow: auto;

  padding: 10px;

  margin-left:100px;

  margin-bottom:10px;

 }



  #dotCMSMessages{

  background-color:#fff;

  border: 1px solid gray;

  width: 300px;

  overflow: auto;

  padding: 10px;

  margin-left:auto;

  margin-right:auto;

  margin-bottom:10px;

 }



  #dotCMSMessagesTitle{

        font-weight: bold;

 }

   #dotCMSMessagesMessage{

        font-weight: bold;

 }

#dotCMSMessagesClose{

        float: right;

}








http://demo.dotcms.org/html/js/calendar/calendar-blue.css

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #778 url(/images/images_admin/menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

http://demo.dotcms.org/html/portlet/ext/browser/browser.css

<style type="text/css">



        .contentRowSelected {

                background: #E0E9F6;

        }



        .contentRowRoller {

                background: #E0E9F6;

        }



        .contentRowNotShowOnMenu {

                background: #EFEFEF;

        }



        .browserWrapper{

                width: 100%;

                border: solid 1px #6699CC;

        }



        #assetTreeWrapper{

                float: left;

                /*height:328px;*/

                /*overflow: auto;*/

                width: 100%;

                font-family:  tahoma,helvetica,sans-serif;

                font-size: 11px;

        }



        .assetListWrapper{

                float: left;

                margin-left: -1px;

                /*height:328px;*/

        }



        #assetListHead{

                width: 100%;

                padding: 0px;

                margin: 0px;

                border-left: solid 1px #6699CC;

        }



        #assetListHead td{

   background:url(/images/images_admin/statusBar_bg.gif);

                height: 19px;

                vertical-align: middle;

        }



        #treeListHead{

                width: 100%;

                padding: 0px;

                margin: 0px;

        }



        #treeListHead td{

                font-family:  tahoma,sans-serif;

                font-size: 11px;

   background:url(/images/images_admin/statusBar_bg.gif);

                height: 19px;

                vertical-align: middle;

        }



        .assetListBodyWrap{

                /*overflow:auto;

                height:328px;*/

                border-left: solid 1px #6699CC;

        }





        #assetListBody{

                width: 100%;

        }



        #assetListHead td, #assetListBody td {

                font-family:  tahoma,sans-serif;

                font-size: 11px;

                color: black;

                cursor: hand;

                padding-bottom: 1px;

        }



        .assetRef {

                width: 100%;

                display: block;

        }



        .nameTD{

                width: 30%;

                white-space: nowrap;

        }



        .nameTD img, .nameTD span {

                vertical-align: middle;

        }



        .nameTD a {

                text-decoration: none;

                color: black;

        }



        .menuTD{

                width: 5%;

                text-align: center;

        }



        .menuTD a {

                text-decoration: none;

                color: black;

        }



        .statusTD{

                width: 8%;

                text-align: center;

                white-space: nowrap;

        }



        .descriptionTD{

                width: 30%;

        }



        .modUserTD{

                width: 10%;

                white-space: nowrap;

        }



        .modUserTD a {

                text-decoration: none;

                color: black;

        }



        .modDateTD{

                width: 17%;

                white-space: nowrap;

        }



        .modDateTD a {

                text-decoration: none;

                color: black;

        }



        /* if scolling, add these.. */

        #assetListHead{

                /*padding-right: 16px;*/

                _padding-right: 0;

        }

        /* end if scrolling */





        ul, li {

                list-style: none;

                padding: 0;

                margin: 0;

        }



        #TreeUL li .underline {

   background:url(/images/images_admin/line_bg.gif) 33px 3px no-repeat;

                _background: url(/images/images_admin/line_bg.gif) 32px 8px no-repeat;

        }





        #TreeUL li li .underline {

   background:url(/images/images_admin/line_bg.gif) 18px 3px no-repeat;

                _background: url(/images/images_admin/line_bg.gif) 18px 9px no-repeat;

        }



        .boldunderline {

                font-weight: bold;

        }



        .underline {

   background:url(/images/images_admin/line_bg.gif) 33px 3px no-repeat;

                _background: url(/images/images_admin/line_bg.gif) 33px 9px no-repeat;

        }



        .opaque {

                opacity: .5;

                filter: alpha(opacity=50);

        }



        #TreeUL li li {

                padding-left: 20px;

                padding-top: 5px;

        }



        #TreeUL img {

                border: 0;

                vertical-align: middle;

        }



        #TreeUL a {

                font-family:  tahoma,sans-serif;

                font-size: 11px;

                color: black;

                cursor: pointer;

                padding-bottom: 1px;

        }



        #TreeUL a:hover {

        }



        #TreeUL span {

                font-family:  tahoma,sans-serif;

                font-size: 11px;

                color: black;

                cursor: hand;

        }



        .folderSelected {

                font-weight: bold;

        }



        /*Context menues */

        .contextPopupMenuBox{

                background-color: #eee;

                border: 1px Outset;

                position: absolute;

                width:140px;

                text-align: left;

                padding: 2px;

        }



        .contextPopupMenu{

                font-family:  tahoma,sans-serif;

                padding: 3px;

                font-size: 11px;

                color: #000;

                text-decoration: none;

                display: block;



        }

        a.contextPopupMenu:hover {

                background: #5e5e5e;

                color: #ffffff;

                font-color: #fff;

                cursor: pointer;

                cursor: hand;

        }

        .nameChangeText {

                font-family:  tahoma,sans-serif;

                font-size: 11px;

        }







        .contextPopupHR{





                margin: 0px;

                border-bottom-width: 0px;

                border-left-width: 0px;

                border-top-width: 1px;

                border-right-width: 0px;

                border-style: solid;

                color: gray;



        }