/* 
    Document   : main
    Created on : Nov 27, 2008, 10:37:48 AM
    Author     : holko
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    background: #c6c3ff;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    margin: 0px;
    padding: 0px;
    text-align:center;
}

a {
    color: #006600;
    text-decoration: underline;
}

a:hover {
    color: #006666;
    text-decoration: underline;
}

h1 {
    color: #000066;
    font-size: 22px;
}

h2 {
    color: #000066;
    font-size: 18px;
}

h3 {
    color: #000;
    font-size: 16px;
}

#logo_area {
    background:#FFF;
    width:100%;
    min-width: 1000px;
    height: 86px;
    text-align:center;
}
#logo_area span {
    margin-right: 100px;
}
#logo_area a img {
    border: none;
}

#title_area {
    width:100%;
    min-width: 1000px;
    background-image: url(../images/back.jpg);
    height: 100px;
    text-align:center;
    background-position: center;
    background-color: #00468e;
}

#title_area a {
    color: white;
    text-decoration: none;
}

#title_area strong {
    display: block;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 24px;
    color: #ffffff;
    padding: 20px;
}

#body_area{
    top:160px;
    width: 990px;
    margin: 10px auto 10px auto;
    padding: 0px;
}

#left_area {
    background: #e1e0ef;
    float: left;
    margin: 0px;
    padding:0px;
    width: 195px;
    text-align:left;
}
#browser {
    margin: 5px;
    padding: 5px;
    background: white;
}
#content_area {
    background: url(../images/top_win.jpg) no-repeat 0px 0px #e1e0ef;
    padding: 9px 10px 10px 10px;
    margin-left: 200px;
}
#content {
    background: #FFF;
    padding: 0px 10px 10px 10px;
    _margin: 0px;
    text-align: left;
}

#foot_area {
    width: 750px;
    padding: 0px 0px 10px 0px;
    margin-left: 220px;
    margin-right: 20px;
    margin-top: 40px;
}

#foot_area hr {
    width: 80%;
}


/* TREEVIEW */
.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background: none;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(../images/treeview/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li {
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #777;
}

.treeview a {
    color: #006666;
    text-decoration: none;
}

.treeview a:hover {
    color: #cc6600;
    text-decoration: none;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: #cc3300; cursor: pointer; }

.treeview li { background: url(../images/treeview/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../images/treeview/treeview-default.gif); }
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(../images/treeview/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../images/treeview/treeview-red.gif); }

.treeview-black li { background-image: url(../images/treeview/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../images/treeview/treeview-black.gif); }

.treeview-gray li { background-image: url(../images/treeview/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../images/treeview/treeview-gray.gif); }

.treeview-famfamfam li { background-image: url(../images/treeview/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(images/treeview/treeview-famfamfam.gif); }


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 0px 0 0px 14px; display: block; }
.filetree span.folder { background: url(../images/treeview/folder.gif) 1% 0% no-repeat; }
.filetree li.expandable span.folder { background: url(../images/treeview/folder-closed.gif) 1% 0% no-repeat; }
.filetree span.file { background: url(../images/treeview/file.gif) 1% 0% no-repeat; }