body {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
color:black;
text-align:center;
scrollbar-darkshadow-color: #DCDCD3;
scrollbar-face-color: #DCDCD3;
cursor:default;
font-family: verdana, tahoma, arial, sans-serif;
font-size: 11px;
}


table {
font-family: verdana, tahoma, arial, sans-serif;
font-size: 11px;
}

input, select {
font-family:tahoma;
font-size:8pt;
}


form {
border: none;
display: inline; 
}
.inputfile {
font-family: tahoma, verdana, arial, sans-serif;
font-size: 8pt; 
}

a {
color: navy;
text-decoration:none;
}
a:hover {
color: red;
text-decoration:underline;
}
strong {
color: navy;
}
.comment {
font-size: 10px; 
color: gray;
}

.nowrap {
white-space:nowrap;
}


body {
background-image:url(../images/interface/bg-page.gif);
}

/* tabs (tasks) */
.tab {
border-top:1px solid white;
border-left:1px solid white;
border-right:1px solid gray;
border-bottom:1px solid gray;
background-color:none;
font-size:8pt;
font-family:Tahoma;
width:132px;
height:22px;
float:left;
margin:3px;
}

.selectedtab {
border-top:1px solid gray;
border-left:1px solid gray;
border-right:1px solid white;
border-bottom:1px solid white;
background-color:whitesmoke;
margin:3px;
font-size:8pt;
font-family:Tahoma;
width:132px;
height:22px;
float:left;
}

.tab div {
width:90px;
white-space:nowrap;
overflow:hidden;
}

.selectedtab div {
font-weight:bold;
width:90px;
white-space:nowrap;
overflow:hidden;
}




/* breadcrumbs */

.breadcrumbs {
font-size:9px;
font-family:verdana;
color:white;
padding-left:4px;
}
.breadcrumbs a {
text-decoration:none;
color:white;
}
.breadcrumbs a:hover {
text-decoration:underline;
color:white;
}



/* menus */
div.menu {
border-top:solid 1px #EBEBEB;
border-left:solid 1px #EBEBEB;
border-right: 1px solid #808080;
border-bottom: 1px solid #808080;
background-color:white;
visibility: hidden;
position: absolute;
left:0px;
top:0px;
white-space:nowrap;
text-align:left;
z-index:150;
}
div.menu a.item {
text-decoration:none;
color:navy;
line-height:20px;
font-family:Tahoma, Arial;
font-size:8pt;
}
div.menu a.item:hover {
text-decoration:underline;
color:red;
line-height:20px;
font-family:Tahoma, Arial;
font-size:8pt;
}

div.menu a.itemdisabled {
text-decoration:none;
color:gray;
line-height:20px;
font-family:Tahoma, Arial;
font-size:8pt;
}
div.menu a.itemdisabled:hover {
text-decoration:underline;
color:gray;
line-height:20px;
font-family:Tahoma, Arial;
font-size:8pt;
}


/* contextual menus */
.contextMenu {
border-top:1px solid white;
border-left:1px solid white;
border-bottom:1px solid gray;
border-right:1px solid gray;
background-color:#EBEBEB;
padding:4px;
padding-left:10px;
padding-right:15px;
}


/* innerpopup (menus like: upload, clipboard, confirmation messages) */
.dialogboxMargins
{
text-align:center;
background-color:white;
border-left:1px solid #404040;
border-bottom:1px solid #404040;
border-right:1px solid #404040;
}

.dialogboxInterior
{
text-align:center;
background-color:white;
border-top:0px solid white;
border-left:1px solid white;
border-bottom:1px solid #808080;
border-right:1px solid #808080;
background-color:#EBEBEB;background-image:url(../images/interface/bg-inner-popup.gif);
padding:10px;
}

.dialogboxBodyText 
{
padding:10px;
font-family:verdana;
font-size:8pt;
vertical-align:middle;
text-align:center;
}

.dialogboxTitle
{
height:22px;
width:100%;
background-color:#316063;
background-image:url(../images/interface/a-repeat.gif);
}

.dialogboxTitleText 
{
width:100%;
vertical-align:middle;
font-family: arial;
font-size:10px;
font-weight:bold;
color:white;
}
/**/



/* custom form buttons */
table.button {
border:1px solid #6E6E6E;
cursor:pointer;cursor:hand;
height:21px;
font-size:8pt;
font-family:Tahoma, Arial;
}
table.pushedbutton {
border-bottom:1px solid whitesmoke;
border-right:1px solid whitesmoke;
border-top:1px solid gray;
border-left:1px solid gray;
cursor:pointer;cursor:hand;
height:21px;
font-size:8pt;
font-family:Tahoma, Arial;
}

table.button td {
background-color:whitesmoke;
padding-top:2px;
padding-bottom:2px;
padding-left:8px;
padding-right:8px;
border-left:1px solid white;
border-top:1px solid white;
border-right:1px solid #E5E5E5;
border-bottom:1px solid #E5E5E5;
background-image:url(../images/interface/bgbutton.gif);
background-repeat:repeat-x;
white-space:nowrap;
}

table.pushedbutton td {
background-color:whitesmoke;
padding-top:3px;
padding-bottom:1px;
padding-left:9px;
padding-right:7px;
border-left:1px solid gray;
border-top:1px solid gray;
border-right:1px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
background-image:url(../images/interface/bgbutton.gif);
background-repeat:repeat-x;
white-space:nowrap;
}



/* base menus */
.hiddenBaseMenu {
display:none;
}
.activeBaseMenu {
display:block;
}

.baseMenuContainer {
height:53px;
border:1px solid #ADADAD;
padding:5px;
border-top:none;
color:dimgray;
}

table.baseMenu {
	width:619px;
}



.statusBarContainer {
position:absolute;
top:56;
left:3;
height:20px;
width:630px;
white-space:nowrap;
overflow:hidden;
background-color:white;
}

#afian_status_bar {
margin:5px;
color:dimgray;
z-index:98;
}

#bubbleMessage {
position:absolute;
top:384;
left:9;
white-space:nowrap;
width:610px;
overflow:hidden;
visibility:hidden;
color:dimgray;
background-color:white;
padding:3px;
z-index:2;
}

#titleBar {
font-weight:bold;
color:#595959;
width:500px;
overflow:hidden;
white-space:nowrap;
}

.viewMode {
border:none;
border:none;
margin:1px;
}
.viewModeSelected {
border-top:1px solid gray;
border-left:1px solid gray;
border-right:1px solid white;
border-bottom:1px solid #EFEFEF;
}


#iframesContainer {
border:2px outset silver;
height:1px;
overflow:auto;
width:1px;
position:absolute;
top:-999px;left:-999px;
background-color:white;
z-index: -999;
}
#iframesContainer iframe {
width:260px;
height:200px;
margin:5px;
float:left;
}



.btnBorder {
margin:1px;
}
.btnBorderOn {
border-left:1px solid silver;
border-top:1px solid silver;
border-right:1px solid white;
border-bottom:1px solid white;
margin:0px;
}
.btnBorderOver {
border-left:1px solid white;
border-top:1px solid white;
border-right:1px solid silver;
border-bottom:1px solid silver;
margin:0px;
}


/* menu */
.menu-option {
color:black;
text-decoration: none;
text-align:left;
padding-left:5px;
padding-right:5px;
margin:1px;
font-family:Arial;
font-size:11px;
display:block;
}

.menu-option-disabled, .menu-option-disabled:hover {
color:gray;
text-decoration: none;
text-align:left;
padding-left:5px;
padding-right:5px;
margin:1px;
font-family:Arial;
font-size:11px;
display:block;
}


.menu-option:hover {
color:black;
text-decoration: none;
border-bottom:1px solid silver;
border-right:1px solid silver;
border-left:1px solid white;
border-top:1px solid white;
margin:0px;
}

.menu-option-dropdown {
color:black;
text-decoration: none;
text-align:left;
padding-left:6px;
padding-right:16px;
margin:1px;
font-family:Arial;
font-size:11px;
}

.menu-option-dropdown:hover {
color:black;
text-decoration: none;
border-top:1px solid #A9AAA9;
border-left:1px solid #A9AAA9;
border-right:1px solid white;
padding-left:6px;
padding-right:16px;
margin:0px;
}




.menu-sub {
display:none;
top:0px;
left:0px;
position:absolute;
width:140px;
overflow:hidden;
border-left: 1px solid #A9AAA9;
border-right: 1px solid #A9AAA9;
border-bottom: 1px solid #A9AAA9;
background-color: #A9AAA9;
}

.menu-sub-item-disabled {
display:block;
height:18px;
width:140px;
background-image:url('../images/interface/gradient-bg.gif');
background-repeat:repeat-x;
}



.menu-sub-item-disabled a, .menu-sub-item-disabled a:hover {
display: block;
font-family:Verdana;
font-size:9px;
width: 100%;
padding-right: 4px; 
padding-left: 13px; 
padding-bottom: 3px; 
padding-top: 3px; 
color: gray; 
text-decoration: none;
}

.menu-sub-item a {
display: block;
font-family:Verdana;
font-size:9px;
width: 100%;
padding-right: 4px; 
padding-left: 13px; 
padding-bottom: 3px; 
padding-top: 3px; 
color: #000000; 
text-decoration: none;
}

.menu-sub-item a:hover {
font-family:Verdana;
font-size:9px;
display: block;
padding-right: 4px; 
padding-left: 13px; 
padding-bottom: 3px; 
padding-top: 3px; 
color: #000000; 
text-decoration: none;
background-image:url('../images/interface/dropdown-dot.gif');
background-repeat:no-repeat;
}



.menu-sub-item {
display:block;
height:18px;
width:140px;
background-image:url('../images/interface/gradient-bg.gif');
background-repeat:repeat-x;
}



.dragListItem {

height:22px;

clear:both;
margin-bottom:2px;
}

#dragcontainer {
position:absolute;
top:0px;
left:0px;
display:none;
overflow:hidden;
z-index:999;
padding:2px;
padding-bottom:0px;
filter:Alpha(Opacity=50);
}

.iconList {
background-color:#ffffff;
border-left:2px solid #838383;
border-top:2px solid #838383;
border-right:1px solid #A9AAA9;
border-bottom:1px solid #A9AAA9;
text-align:left;
vertical-align:top;
height:350px;
width:650px;
overflow:auto;
}

.iconTitle {
font-family: Tahoma, Arial;
font-size:8pt;
white-space:nowrap;
width:75px;
overflow:hidden;
text-align:center;
height:22px;
}
.iconTitle div {
width:67px;
overflow:hidden;
white-space:nowrap;
}
.icon {
width: 75px;
height:60px;
float:left;
margin:3px;
border: 1px solid #FFFFFF;
background-color:#FFFFFF;
}
.selIcon {
width: 75px;
height:60px;
float:left;
margin:3px;
border: 1px solid #87ceeb;
background-color:#B3E8FE;
background-image:url(../images/interface/iconbg.gif);
background-repeat:repeat-x;
}

.dragOverIcon {
width: 75px;
height:60px;
float:left;
margin:3px;
border: 1px solid #c0c0c0;
background-color:#d7d7d7;
}

.thumb {
height:30px;
text-align:center;
vertical-align:middle;
}
.thumb img, .selthumb img {
width:32px;
height:32px;
}
.selthumb {
height:30px;
text-align:center;
vertical-align:middle;
}

.iconCheckbox {
display:none;
}

/* list view */

.iconTitle_list {
font-family: Tahoma, Arial;
font-size:8pt;
white-space:nowrap;
width:130px;
overflow:hidden;
padding-top:3px;
padding-bottom:1px;
padding-left:1px;
padding-right:10px;
}
.iconTitle_list div {
width:150px;
overflow:hidden;
white-space:nowrap;
}
.icon_list {
width: 580px;
height:22px;
margin-top:2px;
border: 1px solid #FFFFFF;
background-color:#F5F5F5;
}
.selIcon_list {
width: 580px;
height:22px;
margin-top:2px;
border: 1px solid #87ceeb;
background-color:#B3E8FE;
}

.dragOverIcon_list {
width: 580px;
height:22px;
margin-top:2px;
border: 1px solid silver;
/*background-color:#F5F5F5;*/
background-color:#d7d7d7;
}


.thumb_list {
}
.thumb_list img, .thumb_list img {
width:16px;
height:16px;
}
.selthumb_list {
}

.description_list {
padding-left:20px;
padding-top:3px;
font-size:8pt;
color:gray;
vertical-align:top;
}
.description_list table {
font-size:8pt;
color:gray;
}


/* big thumbnails */
.iconTitle_thumbs {
font-family: Tahoma, Arial;
font-size:8pt;
white-space:nowrap;
width:90px;
overflow:hidden;
text-align:center;
height:18px;
}
.iconTitle_thumbs div {
width:90px;
overflow:hidden;
white-space:nowrap;
}

.icon_thumbs {
width: 100px;
float:left;
margin:3px;
border: 1px solid #FFFFFF;
background-color:#FFFFFF;
}
.thumb_thumbs {
border-right:2px solid #7F7F7F;
border-bottom:2px solid #7F7F7F;
border-top:1px solid #BEBEBE;
border-left:1px solid #BEBEBE;
text-align:center;
vertical-align:middle;
height:79px;
}
.selthumb_thumbs {
background-color:#B3E8FE;
border-top:2px solid #7F7F7F;
border-left:2px solid #7F7F7F;
border-right:1px solid #BEBEBE;
border-bottom:1px solid #BEBEBE;
text-align:center;
vertical-align:middle;
height:79px;
}


.selIcon_thumbs div {
color:navy;
}

.selIcon_thumbs {
width: 100px;
float:left;
margin:3px;
border: 1px solid #FFFFFF;
background-color:#FFFFFF;
}

/* drag highlight */

.dragOverIcon_thumbs {
width: 100px;
float:left;
margin:3px;
border: 1px solid #FFFFFF;
}

.dragOverIcon_thumbs .thumb_thumbs {
background-color:#d7d7d7;
}


.afian-tree-container {
margin: 0px;
padding: 0px;
font: icon;
white-space: nowrap;
}
.afian-tree-item {
padding: 0px;
margin: 0px;
font: icon;
color: black;
white-space: nowrap;
}

.afian-tree-item span.tree-item-fulltitle {
}
.afian-tree-item span.tree-item-title {
margin-left: 3px;
padding: 1px 2px 1px 2px;
}
.afian-tree-item img {
vertical-align: middle;
border: 0px;
}
.afian-tree-icon {
width: 16px;
height: 16px;
}
.afian-tree-item span.tree-item-fulltitle-selected span.tree-item-title  {
margin-left: 3px;
padding: 1px 2px 1px 2px;
background-color:#D4D0C8;
color: black;
text-decoration: none;
}
.afian-tree-loading {
color:silver;
}