html, body {height:100%; margin: 0 auto;}
html>body {font-size: 16px; font-size: 80%;	margin:0 auto;}
body {font-family: Arial,Helvetica,sans-serif; font-size: 80%; background: #fff; color: #333; background:url(http://www.cisco.com/web/fw/i/mb-hotspot.jpg) repeat-x;}
#warpper{width:800px; margin:0 auto;}
#workflow_header{width:100%; margin-top:8px; height:60px;}
#logo {width:25%; float:left; background:url(http://www.static-cisco.com/etc/designs/cdc/fw/i/responsive-sprite-v1.png) -30px -200px no-repeat; height:100%;-moz-transform:scale(0.8);
    -webkit-transform:scale(0.8);
    transform:scale(0.8);}
#title{width:65%; float:right; Color:#fff; font-size:200%; padding-right:80px; text-align:right;}
.img{float:left; width:100%; margin-bottom:30px;}
.subtitle{font-size: 90%; padding-left:250px; padding-top:10px; float:right;}
.subtitle a{color:#FFF;}
#workflow_container{width:100%; margin:10 auto;}
.content{padding:10px; text-align:center;}
#main_list{width: 178px; float:left; margin:0 11px 0 11px;}
.clear{clear:both; line-height:0px;}
h1, h2 { font-family:Arial,Helvetica,sans-serif; padding: 12px; margin: 0 }
h1 { font-size: large }
#main { padding: 1em; }
a img { border: none; }
.treeview, .treeview ul {padding: 0; margin: 0; list-style: none;}
.treeview ul {background-color: white;	margin-top: 4px;}
.treeview .hitarea {background: url(images/treeview-default.gif) -64px -25px no-repeat; height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer; }
.iconspan{background-color: #006187; cursor:hand; cursor:pointer; font-weight: bold; border: 1px solid #ccc; text-align:center; color:#F6EEEE; height:30px; text-align:center; font-size:120%; padding-top:10px;
  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
  background: #38538A; /* Old browsers */
background: -moz-linear-gradient(top, #38538A 0%, #2f74ab 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#38538A), color-stop(100%,#2f74ab)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #38538A 0%,#2f74ab 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #38538A 0%,#2f74ab 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #38538A 0%,#2f74ab 100%); /* IE10+ */
background: linear-gradient(to bottom, #38538A 0%,#2f74ab 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#d2d2d2',GradientType=0 ); /* IE6-9 */}
div.eg-bar{width: 178px;}
.icongroup1{width: 178px;}
.style1 {font-family: Arial, Helvetica, sans-serif}
.tab1 { margin-left: 30px; }
.tab2 { margin-left: 50px; }
.tab3 { margin-left: 70px; }
.tab4 { margin-left: 90px; }
/* fix for IE6 */
* html .hitarea {display: inline; float:none;}
.treeview li {margin: 0; padding: 3px 0pt 3px 16px;}
.treeview a.selected {background-color: #eee;}
#treecontrol { margin: 1em 0; display: none;;}
.treeview .hover { color: red; cursor: pointer; }
.treeview li { background: url(images/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.mine { background-image:none; background:#009;}
.treeview li.last { background-position: 0 -1766px;}
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(images/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-black li { background-image: url(images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(images/treeview-black.gif); }  
.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(images/file.gif) 0 0 no-repeat; }