/***************** RESET CSS ***************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
 tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
padding:0pt;
vertical-align:baseline;
}
html{
height:100%;
}
body {
background:white none repeat scroll 0%;
font-size: 12px;
font-family:Arial,sans-serif;
margin:0pt;
height:100%;
min-width: 1024px;
}
table {
border-collapse:separate;
border-spacing:0pt;
}
caption, th, td {
font-weight:normal;
text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
.clear
{
	clear:both;
}
/*************************************************/


/************* MENU ************/
#scroller {
margin-top: 4px;
float: right;
}

#menu{
background:transparent url(images/menu_bg.gif) repeat-x scroll left top;
display:block;
font-size:12px;
margin:0pt auto;
position:relative;
font-family: Trebuchet MS, Arial, Sans-Serif;
color:#fff;
height:24px;
}
#menu ul{
list-style-type:none;
margin:0pt;
padding:0pt;
width:auto;
}
#menu li{
cursor:default;
list-style-type:none;
display:block;
float:left;
line-height:24px;
margin:0;
padding: 0 12px 0 12px;
background-image: url(menu-seperator.gif);
}
#fileContainer{
position:absolute;
top:24px;
left:0px;
background:rgb(104,104,104);
border:1px solid rgb(40,40,40);
display:none;
z-index:1;
cursor:default;
}
#fileContainer ul{
margin:0pt;
padding:0pt;
width:auto;
list-style-position:inside;
}
#fileContainer li{
list-style-type:none;
line-height:24px;
margin:0;
padding: 0 12px 0 5px;
text-align:left;
border-bottom:1px solid rgb(32,32,32);
color:rgb(237,237,237);
}
#fileContainer li .img{
margin:4px 8px 4px 0px;
float:left;
}
#fileContainer li .text{
float:left;
}
#fileContainer li:hover{
background:rgb(32,32,32);
}

#toolsContainer{
position:absolute;
top:24px;
left:50px;
background:rgb(104,104,104);
border:1px solid rgb(40,40,40);
display:none;
z-index:1;
cursor:default;
}
#toolsContainer ul{
margin:0pt;
padding:0pt;
width:auto;
list-style-position:inside;
}
#toolsContainer li{
list-style-type:none;
line-height:24px;
margin:0;
padding: 0 12px 0 5px;
text-align:left;
border-bottom:1px solid rgb(32,32,32);
clear:both;
color:rgb(237,237,237);
}
#toolsContainer li .img{
margin:4px 8px 4px 0px;
float:left;
}
#toolsContainer li .text{
float:left;
}
#toolsContainer li:hover{
background:rgb(220,220,220);
}
#helpContainer{
position:absolute;
top:24px;
left:115px;
background:rgb(104,104,104);
border:1px solid rgb(40,40,40);
display:none;
z-index:1;
cursor:default;
}
#helpContainer ul{
margin:0pt;
padding:0pt;
width:auto;
list-style-position:inside;
}
#helpContainer li{
list-style-type:none;
line-height:24px;
margin:0;
padding: 0 12px 0 5px;
text-align:left;
border-bottom:1px solid rgb(32,32,32);
clear:both;
color:rgb(237,237,237);
}
#helpContainer li .img{
margin:4px 8px 4px 0px;
float:left;
}
#helpContainer li .text{
float:left;
}
#helpContainer li:hover{
background:#e1ecfb;
}
#helpContainer li a{
text-decoration:none;
cursor:default;
}
/************* /MENU ************/


/************* MAIN CONTENT ************/
#mainContent{
overflow:auto;
position: relative;
  margin: 0 auto;
  width: 80%;
  text-align: left;
  max-width: 1024px;
}
/************* /MAIN CONTENT ************/


/************* LATERALPANEL ************/
#lateralPanel{
width:180px;
height:100%;
float:right;
display:block;
margin:0;
padding:0;
background-image: url('images/stripebg.png');
background-repeat: repeat
border-bottom:0p x solid rgb(37,37,37);
overflow:hidden;
font-family:Tahoma, arial, verdana, sans-serif;
cursor:default;
}
/*#lateralPanel ul li{
list-style-type:none;
background:transparent url(images/rss.gif) no-repeat scroll 6px top;
list-style-position:inside;
color:#0079b8;
cursor:pointer;
padding:5px 10px 5px 30px;
font-size:11px;
margin-bottom:1px;
}
#lateralPanel ul li:hover{
background:#d6e8ff url(images/rss.gif) no-repeat scroll 6px top;
color:#0099e8;
}
#lateralPanel ul li.active{
background:#d6e8ff url(images/rss.gif) no-repeat scroll 6px top;
color:#0099e8;
}
#lateralPanel .section{
background: transparent url(images/bgSection.gif);
border-bottom:1px solid #9ac3fa;
border-top:1px solid #9ac3fa;
border:1px 0 1px 0 solid #9ac3fa;
height:30px;
line-height:30px;
vertical-align:middle;
color:#fff;
text-align:center;
font-size:11px;
font-weight:700;
cursor:pointer;
} */
#lateralPanel .section:hover{
border-color:rgb(37,37,37);
}
#lateralClick{
width:10px;
height:100%;
background:#e5ecf9;
float:right;
background: transparent url(images/lateralClick.png);
border:1px solid rgb(37,37,37);
border-top:0;
border-bottom:0;
cursor:pointer;
text-align:center;
}
#lateralClick:hover{
cursor:pointer;
background: transparent url(images/lateralClick_bg_hover.gif);
border-color:rgb(37,37,37);
}
#lateralClick #lateralClickImg{
position:relative;
top:50%;
}
/************* /LATERALPANEL ************/
/************* DOCK ************/
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg2.gif);
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

/************* /DOCK ************/