<!--$Id$-->
/* CSS Document */

html, body{
   background-color: Black;
   margin: 0;
}

.topleftcurve{
   background-color: Black;
   width: 10px;
   height: 10px;    }

.topbg{
   background-color: Black;
   height: 10px;
}

.toprightcurve{
   background-color: Black;
   width: 10px;
   height: 10px;    }

.leftbg{
   background-color: Black;
   width: 10px;
}

.rightbg{
   background-color: Black;
   width: 10px;
}

.bottomrightcurve{
   background-color: Black;
   width: 10px;
   height: 10px;    }


.bottombg{
   background-color: Black;
   height: 10px;
}

.bottomleftcurve{
   background-color: Black;
   width: 10px;
   height: 10px;    }

.bg{
   background-color: Black;
   vertical-align:top;
}

.login{
   text-align: right;
   color: #00FF33;
   font: normal 11px Verdana, Arial, Helvetica, sans-serif;
   height: 18px;
}

.login a{
   text-decoration: none;
   color:#FFFFFF;
}

.login a:hover{
   text-decoration: underline;
   color: #FF00FF;    }

.h1{
   margin: 0px;
   font: bold 28px Trebuchet MS, verdana, arial, sans-serif;
   vertical-align: middle;
   color: White;
}

.h1 a{
   text-decoration: none;
   color: White;
}

.h1 a:hover{
   color: #0099FF;
}

.search{
   font: 11px Verdana, Arial, Helvetica, sans-serif;
   vertical-align: middle;
   text-align: right;
}

.actionwidth{
   width: 194px;
   padding: 5px;
   vertical-align: top;
}
.browsetop{
   background: #373737 url(../../images/black/browse-top.gif) top left no-repeat;
   height: 6px;
   width: 194px;
}

.browsebottom{
   background: #373737 url(../../images/black/browse-bottom.gif) bottom left no-repeat;
   height: 5px;
   width: 194px;
}

.browsebg{
   background: #373737 url(../../images/black/browse-bg.gif) top left repeat-y;
   height: 122px;
   vertical-align: top;
   padding: 5px;
}

.browsebg a{
	color: White;
	text-decoration: none;
}

.browsebg a:hover{
	color: #0099FF;
	text-decoration: underline;

}
.heading{
   font: bold 16px Trebuchet MS, verdana, arial, sans-serif;
   border-bottom: 1px solid #555;
   padding-bottom: 3px;
   display: block;
   color: White;

}

.browsebg ul{
   list-style-type: disc;
   padding: 0 0 0 10px;
   margin: 5px 0 0 10px;
   color: White;

}

.browsebg ul li{
   color: White;
   vertical-align: middle;
   padding: 0px;
}

.browsebg ul li a{
   color: White;
   font: normal 11px Verdana, Arial, Helvetica, sans-serif;
   text-decoration: none;
}

.browsebg ul li a:hover{
   text-decoration: underline;
   color: #0099CC;
}

.content{
   vertical-align: top;
   padding: 0px 15px 8px 8px;
   font: normal 11px Verdana, Arial, Helvetica, sans-serif;
   line-height: 20px;
   word-spacing: 2px;
   color: #EEEEEE;
}

.content a{

   color: #EEEEEE;

}

.actions{
   height: 35px;
   background-color: #333333;
   padding: 5px;
   position: relative;
   padding-top: 5px;
   padding-bottom: 0px;    }

.actions #right{
   position: absolute;
   right: 5;
   font: normal 11px Verdana, Arial, Helvetica, sans-serif;
   margin-top: 5px;
}

.signoutlink:link{
   color: yellow;
}
.signoutlink:hover{
   color: #0099FF;
}


.pipe{
      font: normal 9px Verdana, Arial, Helvetica, sans-serif;
   color: #CCCCCC;
}

.actions #left{
   position: absolute;
   left: 5;

}
.actions #left a{
   text-decoration: none;
}
.actions a{
   color: White;
   font: normal 11px Verdana, Arial, Helvetica, sans-serif;
   text-decoration: none;    }

.actions a:hover{
   text-decoration: underline;
   color: #0099FF;
}

.new{ text-decoration: none;}

.new div{
   padding: 5px;
   text-align: center;
   vertical-align: middle;
   background-color: #0099FF;
   color: White;
   font: bold 11px Verdana, Arial, Helvetica, sans-serif;
   border-right: 1px solid #0099CC;
   border-bottom: 1px solid #0099CC;       border-top: 1px solid #2EA8FA;           border-left: 1px solid #2EA8FA;
   text-decoration:none;
   float: left;
   margin-right: 5px;
}

.new:hover div{
   background-color: White;
   color: #0099FF;
   cursor:pointer;
   border-right: 1px solid #CCC;
   border-bottom: 1px solid #CCC;       border-top: 1px solid #F5F5F5;           border-left: 1px solid #F5F5F5;
   text-decoration: none;    }

.globaltop{
   background: #373737 url(../../images/black/browse-top.gif) top left no-repeat;
   height: 5px;
   width: 194px;
}

.globalbottom{
   background: #373737 url(../../images/black/browse-bottom.gif) top left no-repeat;
   height: 5px;
   width: 194px;
}

.globalbg{
   background: #373737 url(../../images/black/browse-bg.gif) top left repeat-y;
   height: 146px;
   vertical-align: top;
   padding: 5px;
}

.globalbg a{
	color: White;
	text-decoration: none;
}

.globalbg a:hover{
	color: #0099FF;
	text-decoration: underline;

}

.globalbg ul{
   list-style-type: disc;
   padding: 0 0 0 10px;
   margin: 5px 0 0 10px;
   color: white;
}

.globalbg ul li{
   vertical-align: middle;
   padding: 0px;
   color: White;
}

.globalbg ul li a{
   color: White;
   font: normal 11px Verdana, Arial, Helvetica, sans-serif;
   text-decoration: none;
}

.globalbg ul li a:hover{
   text-decoration: underline;
   color: #0099CC;
}

.hr{
   border: 1px solid #0099FF;
}

.editbutton{
   text-align: center;
   background-color: #0099FF;
   color: White;
   font: bold 11px Verdana, Arial, Helvetica, sans-serif;
   border-right: 1px solid #007ACB;
   border-bottom: 1px solid #007ACB;       border-top: 1px solid #46B4FD;           border-left: 1px solid #46B4FD;
   width: 55px;
   padding: 3px;

}


#edit{
   display: block;

}

.edit{
   display: block;          /*margin-top: -30px;*/

}
.edit ul{
   list-style-type: none;
   list-style:none;
   padding: 0;
   margin: 0;
}

.edit ul li{
   display:inline;
   padding: 5px;
   text-align: center;
   vertical-align: middle;
   background-color: White;
   color: Green;
   font: 11px Verdana, Arial, Helvetica, sans-serif;
   border-right: 1px solid #CCC;
   border-bottom: 1px solid #CCC;       border-top: 1px solid #F5F5F5;           border-left: 1px solid #F5F5F5;
}

.edit ul li:hover{
   background-color: Black;
   color: White;
   cursor: pointer;
}

.edit a.a{text-decoration:none;}
.edit a.a .links{
   padding: 5px;
   text-align: center;
   width: 50px;
   vertical-align: middle;
   background-color: White;
   color: Green;
   font: bold 11px Verdana, Arial, Helvetica, sans-serif;
   border-right: 1px solid #CCC;
   border-bottom: 1px solid #CCC;       border-top: 1px solid #F5F5F5;           border-left: 1px solid #F5F5F5;
   text-decoration:none;
   float: left;
   margin-right: 5px;
}

.edit a.a:hover .links{
   background-color: Green;
   color: White;
   cursor:pointer;
}

#footer{
   color: #FFFFFF;
   text-align: center;
   font: 9px Verdana, Arial, Helvetica, sans-serif;
   padding: 5px;
}
#footer a{
   color: #FFFFFF;
   font: 9px Verdana, Arial, Helvetica, sans-serif;
}

#comments{
   font: bold 16px Trebuchet MS, verdana, arial, sans-serif;
   color: #EEE;
   padding: 10px 15px 0 0;    }

#comments a.post{
      font: bold 11px Verdana, arial, sans-serif;
}

#comment span{
   font: 10px Verdana, Arial, Helvetica, sans-serif;
   word-spacing: 2px;
   color: #CCC;
   border-bottom: 1px dotted #CCCCCC;
   display: block;
   padding: 3px;
}

#comment p{
   font: 12px Verdana, Arial, Helvetica, sans-serif;
   word-spacing: 2px;
   color: #CCCCCC;
   line-height: 20px;
   padding-left: 10px;
}

#commentform{
   background-color: #222;
   font: 10px Verdana, Arial, Helvetica, sans-serif;
   word-spacing: 2px;
   color: #999999;
   padding: 10px;
   border-top: 3px solid #0099FF;
}

#commentform span{
   font: bold 14px Trebuchet MS, verdana, arial, sans-serif;
   color: #CCC;
   padding: 0px;    }   
#commentform p{
   font: 10px Verdana, Arial, Helvetica, sans-serif;
   word-spacing: 2px;
   color: #999999;
   padding: 0px;    }

#commentform p textarea{
   font: 13px Verdana, Arial, Helvetica, sans-serif;
   width: 500px;
}

#contenttable{

   width: 100%;
   /*border: 1px solid black;*/
}

#navigationtable{
   width: 100%;
   float: left;
}

.tablewidth{
   width: 100;
}

#parent{
   width: 85%;
   margin-top: 10px;
}

.contentwidth{
   width:75%;
   	
}


#header{
   width: 100%;
}

.sharetab{
   font: 11px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   background-color: #f5f5f5;
   border-top: 2px solid orange;
}

.sharecontainer{
   font: 11px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   background-color: #f5f5f5;
}

ul.settings{
   list-style: none;
   color: #333333;      margin: 0px;
   padding: 0px;
}

ul.settings li{
   font: bold 11px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   padding: 7px;
   text-align:right;
   border-left: 2px solid white;
   background-color: white;   }

ul.settings li.selected{
   font: bold 11px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   padding: 7px;
   text-align:right;
   border-left: 2px solid #0099FF;
   background-color: #F5F5F5;   }

.h3{
   font: bold 13px Verdana, Arial, Helvetica, sans-serif;
   margin: 0px;
   padding-bottom: 3px;
   border-bottom: 1px solid yellow;
   color: #333333;
}

.timezone{
   font: 11px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   width: 290px;
}

.li li{
   margin-bottom: 5px;
}

/*pop-up styles*/

.optioncontainer{
   vertical-align: middle;       width: 100%;       position: absolute;
   z-index: 1000;    }

.options{
   margin: 0 auto;
   background-color: #FFFFFF;
   color: #333333;
   width: 650px;
   border: 2px solid #0099FF;       text-align: left;
}

.options h2{
   color: #333333;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   border-bottom: 1px solid #CCC;
   margin: 0;
   font-weight: normal;
   padding-bottom: 3px;
}


.foldretext{
   font: bold 10px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
}

.foldretextnorm{
   font: 10px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
}

.folderlink{
   padding: 5px 0;
}

.folderlink, .folderlink a{
   font: 10px Verdana, Arial, Helvetica, sans-serif;       color: #666633;
   text-decoration: none;
}

.folderlink a:hover{
   color: Olive;
}

.menu{
   font: 11px Verdana, Arial, Helvetica, sans-serif;
   width: 140px;
}

.actionbutton{
   font: bold 12px Verdana, Arial, Helvetica, sans-serif;
   padding: 3px;
}

.cancelbutton{
   font: 12px Verdana, Arial, Helvetica, sans-serif;
   padding: 3px;
}

.share{
   width: 90%;
   height: 100px;
   font: 11px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   padding: 3px;
   overflow:auto;
}

.infotext{
   font: 10px Verdana, Arial, Helvetica, sans-serif;
   color: #999999;
}
.shareusers{
   font: 12px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   padding-bottom: 5px;
}

.shareusers a{
   font: 11px Verdana, Arial, Helvetica, sans-serif;
   color: Blue;
}

.freezeLayer {
   width: 100%;
   position: absolute;
   top: 0px;
   left: 0px;
   background: url(../../images/veil.gif) #666666;
   filter: Alpha(opacity = 65);
   -moz-opacity: 0.65;
   opacity: 0.65;
   z-index: 99;
}

.hide {
  display: none;
}

.pageinfo{
   background-color: #FFFFCC;
   font: 11px Verdana, Arial, sans-serif;
   border-top: 1px dashed #EEEEEE;
   border-bottom: 1px dashed #EEEEEE;

}

.a{

   font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

.contentpane{

   clear: both;

}