/* HTML Tag Rules */
* { font-size: 100%; }
html { text-align: center; }
body { margin: 0px; padding: 0px; background: #c4c2be; text-align: left; font-family: sans-serif; font-size: 70%; }
form { margin: 0px; padding: 0px; }
ul,li { margin: 0px 0px 0px 15px; padding: 0px 0px 0px 0px; }
img { border: 0px; }
img.png { behavior: url(css/pngbehavior.htc); }
a { text-decoration: none; }
/* Main Layout Containers */
div#all { visibility: hidden; position: relative; max-width: 960px; width: expression(document.body.clientWidth > 960 ? "960px" : "100%"); margin: 0px auto 0px auto; }
table#layout { width: 100%; }
td#layout-header-left { height: 120px; height: expression("78px"); padding: 22px 0px 20px 17px; background: url(../images/background_page_top.gif) top left no-repeat; }
td#layout-header-right { width: 100%; padding: 22px 17px 20px 26px; background: url(../images/background_page_top.gif) top right no-repeat; }
td#layout-tabmenus { padding: 0px 0px 0px 17px; border-right: 1px solid #666666; background: url(../images/background_page_middle.gif) top left repeat-y; vertical-align: top; }
td#layout-body { padding: 0px 16px 0px 0px; background: url(../images/background_page_middle.gif) top right repeat-y; vertical-align: top; }
table#layout-menubar { width: 100%; border: 1px solid #000000; background: url(../images/background_pagemenu.gif) top left repeat-x; }
td#layout-history { width: 1%; border-right: 1px solid #000000; }
td#layout-pagemenu { width: 100%; }
td#layout-footer-left { background: url(../images/background_page_bottom.gif) top left no-repeat; text-align: right; }
td#layout-footer-right { background: url(../images/background_page_bottom.gif) top right no-repeat; }
td#layout-copyright { color: #666666; text-align: center; }
td#layout-loadtime { padding-bottom: 15px; color: #666666; text-align: center; }
/* Header - Left */
div#logo { position: absolute; top: 35px; left: 35px; }
div#hostname { margin-left: 85px; }
div#hostname a { position: absolute; border-bottom: 1px dotted #ffffff; color: #ffffff; font-weight: bold; white-space: nowrap; }
div#deviceinfo { margin-left: 85px; color: #ffffff; }
div#deviceinfo a { margin-left: 27px; color: #ffffff; font-weight: bold; }
div#deviceinfo a:hover { text-decoration: underline; }
div#devicestate { margin-top: 6px; }
div#devicestate img { position: absolute; margin: -2px 0px 0px -3px; }
div#syncstate { margin-top: 5px; }
div#syncstate a.recommended { color: #ffcc00; }
div#syncstate img { position: absolute; margin: -3px 0px 0px -3px; }
/* Header - Right */
table#message { position: relative; z-index: 100; height: 53px; width: 100%; }
table.loading { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../images/background_message_loading.png'); }
table.loading[id] { background: url(../images/background_message_loading.png) no-repeat; }
table.locked { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../images/background_message_locked.png'); }
table.locked[id] { background: url(../images/background_message_locked.png) no-repeat; }
table.question { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../images/background_message_question.png'); }
table.question[id] { background: url(../images/background_message_question.png) no-repeat; }
table.success { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../images/background_message_success.png'); }
table.success[id] { background: url(../images/background_message_success.png) no-repeat; }
table.warning { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../images/background_message_warning.png'); }
table.warning[id] { background: url(../images/background_message_warning.png) no-repeat; }
div#messagetitle { padding: 0px 15px 0px 60px; color: #ffffff; font-weight: bold; }
div#messagetext { padding: 0px 15px 0px 60px; color: #eeeeee; }
/* Tabs */
#tabs { position: absolute; border-bottom: 1px solid #000000; }
#tabs a { display: block; padding: 5px 0px 3px 0px; margin-right: 12px; color: #000000; }
#tabs div { display: inline; position: absolute; bottom: 0px; height: 22px; background: url(../images/background_tabs.gif) no-repeat; text-align: center; }
#tabs div.current { z-index: 10 !important; bottom: -1px; height: 25px; background: url(../images/background_tabs.gif) 0px -25px no-repeat; }
#tabs div#tab-main { width: 91px; left: 3px; z-index: 3; }
#tabs div#tab-help { width: 91px; left: 80px; z-index: 2; }
#tabs div#tab-search { width: 91px; left: 156px; z-index: 1; }
/* Tabs - Common */
td#layout-tabmenus div.tabcontent { width: 250px; border-top: 1px solid #000000; }
td#layout-tabmenus div.options { padding: 0px 0px 10px 0px; text-align: center; }
/* Hide help menu. */
td#layout-tabmenus div.options { visibility: hidden; height: 0px; overflow: hidden; margin-top: -1px; }
td#layout-tabmenus div.options select { width: 60%; }
td#layout-tabmenus div.iframe { padding: 1px 0px 0px 20px; background: url(../images/background_mainmenu_open.gif) 10px 0px no-repeat; }
td#layout-tabmenus div.iframe iframe { width: 230px; }
td#layout-tabmenus div.bottom { background: url(../images/background_mainmenu_open.gif) 10px 100% no-repeat; }
td#layout-tabmenus div.sectiontop { margin-top: 24px; padding-top: 15px; background: url(../images/background_mainmenu_open.gif) 10px 0% no-repeat; }
td#layout-tabmenus div.sectionbottom { padding: 0px 10px 15px 22px; background: #deddd9 url(../images/background_mainmenu_open.gif) 10px 100% no-repeat; }
/* Tab - Main Menu */
#tab-menu-content { display: block; }
#mainmenu { width: 100%; }
#mainmenu a { display: block; color: #000000; }
#mainmenu a.link { padding: 3px 30px 4px 16px; }
#mainmenu a.link:hover { background-color: #dbefff; color: #3366cc; }
#mainmenu a.console { background: url(../images/bullet_console.gif) 2px 50% no-repeat; }
#mainmenu a.window { background: url(../images/bullet_window.gif) 2px 50% no-repeat; }
#mainmenu a.jump { background: url(../images/bullet_jump.gif) 1px 50% no-repeat; }
#mainmenu a.create { position: absolute; top: 0px; right: 0px; padding: 2px 5px 3px 2px; }
#mainmenu div.bullet { position: absolute; margin: .6em 0px 0px 3px; height: 5px; width: 5px; border: 1px solid #aaa; background: #eee; overflow: hidden; }
#mainmenu div.current div.bullet { border: 1px solid #000; background: #fc0; }
#mainmenu div.text { padding: 10px 15px 10px 5px; }
#mainmenu div.title { padding: 8px 10px 2px 0px; color: #ab6666; font-weight: bold; }
#mainmenu div.description { padding: 0px 10px 8px 0px; color: #333333; }
#mainmenu div.linkmenu { display: none; margin: 2px 0px 0px 0px; padding: 5px 0px 0px 10px; background: url(../images/background_mainmenu_open.gif) top left no-repeat; }
#mainmenu div.link { position: relative; background: url(../images/background_dotted_horizontal.gif) bottom no-repeat; }
#mainmenu div.child { margin-left: 17px; }
#mainmenu td { border-top: 1px solid #f2f2f0; border-bottom: 1px solid #bebebc; background: url(../images/background_mainmenu_section.gif) bottom repeat-x; vertical-align: top; }
#mainmenu td.icon { width: 1px; }
#mainmenu tr.open { }
#mainmenu tr.open div.title { }
#mainmenu tr.open div.description { display: none; }
#mainmenu tr.open div.linkmenu { display: block; }
/* Tab - Help */
#tab-help-content { display: none; padding-top: 15px; }
/* Tab - Info */
#tab-info-content { display: none; padding-top: 15px; }
/* Page Trail */
#pagetrail { position: absolute; top: 102px; width: inherit; white-space: nowrap; }
#pagetrail div.crumb { float: left; }
#pagetrail div.crumb a { display: block; padding: 2px 30px 2px 0px; background: url(../images/background_pagetrail_crumb.gif) center right no-repeat; color: #ffffff; font-weight: bold; white-space: nowrap; }
#pagetrail div.current { padding: 2px 0px 2px 0px; color: #ffcc00; font-weight: bold; }
/* Page History */
#history a.menu { display: block; width: 25px; padding: 5px 0px 5px 0px; background: url(../images/background_history.gif) center no-repeat; }
#history div.menu { display: none; position: absolute; z-index: 20; margin: 0px 0px 0px -2px; border: 1px solid #000000; background: #ffffff; }
#history div.menu a { display: block; padding: 5px 10px 5px 10px; background: url(../images/background_dotted_horizontal.gif) bottom no-repeat; color: #333333; white-space: nowrap; }
#history div.menu a:hover { background-color: #dbefff; color: #336699; }
/* Page Menu */
#pagemenu { }
#pagemenu a { display: block; padding: 5px 10px 5px 10px; white-space: nowrap; }
#pagemenu a.link { color: #ffffff; }
#pagemenu a.menu { padding-right: 23px; color: #ffffff; }
#pagemenu a.jump { padding-right: 23px; color: #ffffff; }
#pagemenu td.current a.link { padding-bottom: 1px; border-bottom: 4px solid #ffcc00; }
#pagemenu td.current a.menu { padding-bottom: 1px; border-bottom: 4px solid #ffcc00; }
#pagemenu td { width: 100px; border-left: 1px solid #76726a; border-right: 1px solid #000000; vertical-align: top; }
#pagemenu td.menu { background: url(../images/background_pagemenu_menu.gif) center right no-repeat; }
#pagemenu td.jump { background: url(../images/background_pagemenu_jump.gif) center right no-repeat; }
#pagemenu div.menu { display: none; position: absolute; z-index: 20; margin: 0px 0px 0px -2px; border: 1px solid #000000; background: #ffffff; }
#pagemenu div.menu a { padding-left: 18px; border-bottom: 1px solid #cccccc; color: #333333; }
#pagemenu div.menu a:hover { background-color: #dbefff; color: #3366cc; }
#pagemenu div.menu div.bullet { position: absolute; margin: .8em 0px 0px 5px; height: 5px; width: 5px; border: 1px solid #aaa; background: #eee; overflow: hidden; }
#pagemenu div.menu div.current div.bullet { border: 1px solid #000; background: #fc0; }
/* Loading */
#loading { margin: 25px 20px 20px 20px; }
/* Content */
#content { position: relative; visibility: hidden; margin: 25px 20px 0px 25px; }
#content a { color: #3366cc; vertical-align: middle; text-decoration: none; }
#content a.external { padding-left: 20px; margin-right: 20px; background: url(../images/bullet_external.gif) 3px 50% no-repeat; }
#content a.window { padding-left: 20px; margin-right: 20px; background: url(../images/bullet_window.gif) 3px 50% no-repeat; }
#content a:hover { text-decoration: underline; }
/* Glass Pane */
#content div.glass { display: none; position: absolute; z-index: 100; width: 100%; height: 100%; height: expression(parentNode.offsetHeight + 'px'); }
#content.glass div.glass { display: block; }
#content.glass div.glass img { width: 100%; height: 100%; cursor: wait; }
#content.glass select { visibility: expression('hidden'); }
/* Messages */
#content div.edge { height: 1px; overflow: hidden; }
#content div.edge1 { margin: 0px 1px 0px 1px; }
#content div.edge2 { margin: 0px 2px 0px 2px; }
#content div.edge3 { margin: 0px 3px 0px 3px; }
#content div.edge5 { margin: 0px 5px 0px 5px; }
#content div.warning { }
#content div.warning div.edge { background: #777777; }
#content div.warning div.message { position: relative; padding: 1px 10px 1px 30px; background: #777777; color: #ffffff; font-weight: bold; }
#content div.warning div.message img { position: absolute; z-index: 1; margin-left: -25px; margin-top: -3px; }
#content div.warning div.message li { margin: 0px; padding: 0px; list-style: none; }
/* Progress Bars */
div.progress { position: relative; width: 100px; border: 1px solid #333; background: #fff; }
div.progress div.bar { background: #96d443; }
div.progress div.text { position: absolute; top: 0px; width: 100%; text-align: center; }
div.progress.complete { border: 1px solid #999; }
div.progress.complete div.bar { background: #ffffff; }
div.progress.complete div.text { color: #666666; }
div.progress.completewitherrors { border: 2px solid #f00; }
div.progress.completewitherrors div.bar { background: #fff; }
div.progress.completewitherrors div.text { color: #666; }
div.progress.error div.bar { background: #ff0000; }
div.progress.error div.text { color: #fff; }
div.progress.pending div.bar { background: #ccc; }
div.progress.warning div.bar { background: #ffff00; }
/* Sections, Headers, and Footers */
#content div.section { margin-top: 25px; }
#content thead tr.tablehead td { border-bottom: 1px solid #999999; vertical-align: bottom; }
#content thead tr.tablehead div { padding-bottom: 3px; white-space: nowrap; }
#content thead tr.tablehead div.title { float: left; margin-top: .5em; color: #000000; font-weight: bold; }
#content thead tr.tablehead div.advancedtoggle { float: left; margin: 0px 0px 0px 5px; color: #000000; }
#content thead tr.tablehead div.search { float: left; }
#content thead tr.tablehead div.search input.search { width: 150px; }
#content thead tr.tablehead div.buttons { float: right; }
#content thead tr.tablehead div.grouptitle { margin: 0px 3px 0px 2px; padding: 1px 10px 1px 10px; border: 1px solid #999999; border-bottom: none; background: #deddd9; text-align: center; font-weight: bold; }
#content thead tr.columnhead td { padding: 5px; border-bottom: 1px solid #999999; border-left: 1px solid #999999; background: #deddd9 url(../images/background_list_head.gif); white-space: nowrap; }
#content thead tr.columnhead td.first { }
#content thead tr.columnhead td.last { border-right: 1px solid #999999; }
#content thead tr.columnhead td a { display: block; width: expression("1%"); padding-top: 1px; margin-top: -1px; color: #000000; }
#content thead tr.columnhead td a.filteroff { padding-left: 20px; background: url(../images/button_filter_off.gif) left center no-repeat; }
#content thead tr.columnhead td a.filteron { padding-left: 20px; background: url(../images/button_filter_on.gif) left center no-repeat; }
#content thead tr.columnhead td a.selectall { width: 15px; background: url(../images/button_select_all.gif) left center no-repeat; }
#content thead tr.columnhead td a.selectall:hover { text-decoration: none; }
#content thead tr.columnhead td a.sortoff { padding-left: 12px; background: url(../images/button_sort_off.gif) left center no-repeat; }
#content thead tr.columnhead td a.sorton { padding-left: 12px; background: url(null) left center no-repeat; }
#content thead tr.columnhead td a.sortup { padding-left: 12px; background: url(../images/button_sort_up.gif) left center no-repeat; }
#content thead tr.columnhead td a.sortdown { padding-left: 12px; background: url(../images/button_sort_down.gif) left center no-repeat; }
#content thead tr.columnhead td .greenflag { display: block; width: expression("1%"); padding-top: 1px; padding-left: 20px; background: url(null) left center no-repeat; }
#content thead tr.columnhead td .yellowflag { display: block; width: expression("1%"); padding-top: 1px; padding-left: 20px; background: url(null) left center no-repeat; }
#content thead tr.columnhead td .redflag { display: block; width: expression("1%"); padding-top: 1px; padding-left: 20px; background: url(null) left center no-repeat; }
#content thead tr.columnhead td .activedevice { display: block; width: expression("1%"); padding: 2px 0px; padding-left: 27px; background: url(../images/status_device_active.gif) left center no-repeat; }
#content thead tr.columnhead td .standbydevice { display: block; width: expression("1%"); padding: 2px 0px; padding-left: 27px; background: url(../images/status_device_standby.gif) left center no-repeat; }
#content thead tr.columnhead td .offlinedevice { display: block; width: expression("1%"); padding: 2px 0px; padding-left: 27px; background: url(../images/status_device_offline.gif) left center no-repeat; }
#content thead tr.columnhead td .available { display: block; width: expression("1%"); padding-top: 1px; padding-left: 20px; background: url(../images/status_circle_green.gif) left center no-repeat; }
#content thead tr.columnhead td .unavailable { display: block; width: expression("1%"); padding-top: 1px; padding-left: 20px; background: url(../images/status_triangle_yellow.gif) left center no-repeat; }
#content thead tr.columnhead td .offline { display: block; width: expression("1%"); padding-top: 1px; padding-left: 20px; background: url(../images/status_diamond_red.gif) left center no-repeat; }
#content thead tr.columnhead td .unknown { display: block; width: expression("1%"); padding-top: 1px; padding-left: 20px; background: url(../images/status_square_blue.gif) left center no-repeat; }
#content table.tablefoot { width: 100%; }
#content table.tablefoot td { vertical-align: top; }
#content table.tablefoot div { padding-top: 3px; }
#content table.tablefoot div.buttons { float: left; }
#content table.tablefoot div.pagecontrols { float: right; }
/* List Table */
#content table.list { position: relative; width: 100%; border-bottom: 1px solid #999999; }
#content table.list tbody tr.color0 { background: #deddd9; }
#content table.list tbody tr.color0 td { border-bottom: 1px solid #c4c2be; }
#content table.list tbody tr.color1 { background: #ffffff; }
#content table.list tbody tr.color2 { background: #f7f6f5; }
#content table.list tbody td { padding: 3px 5px 3px 5px; border-bottom: 1px solid #dddddd; white-space: nowrap; }
#content table.list tbody td.first { border-left: 1px solid #999999; }
#content table.list tbody td.last { border-right: 1px solid #999999; }
#content table.list tbody td.column1 { border-left: 1px solid #dddddd; }
#content table.list tbody td.column2 { border-left: 1px solid #dddddd; }
#content table.list div.filter { position: absolute; z-index: 1; margin-top: 2px; border: 1px solid #666666; background: #deddd9; }
#content table.list div.filter div { padding: 3px 5px 3px 5px; }
#content table.list div.filter div.current { margin: 1px; padding: 3px; border: 1px solid #999999; background: #eeeeee; }
#content table.list div.expired { padding-left: 17px; background: url(../images/status_certificate_expired.gif) left center no-repeat; }
#content table.list div.warning { padding-left: 17px; background: url(../images/status_certificate_warning.gif) left center no-repeat; }
/* Configuration Table */
#content table.configuration { position: relative; width: 100%; border-bottom: 1px solid #999999; }
#content table.configuration td.label { width: 150px; padding: 5px 3px 5px 7px; border-left: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #c4c2be; background: #deddd9; }
#content table.configuration td.required { border-left: 6px solid #35699a; }
#content table.configuration td.settings { padding: 5px; border-right: 1px solid #999999; border-bottom: 1px solid #dddddd; background: #f7f6f5; }
#content table.configuration td.settings img { vertical-align: middle; }
#content table.configuration td.settings table td { padding: 2px 2px 0px 0px; white-space: nowrap; }
#content table.configuration td.settings table td.sublabel { width: 40px; }
#content table.configuration div.warning { margin-bottom: 10px; }
#content table.configuration input.custom { float: right; }
#content table.configuration input.create { float: right; }
#content table.configuration table.managelist td { text-align: center; }
#content table.configuration table.managelist td.head { vertical-align: bottom; }
#content table.configuration table.managelist td.list { width: 125px; vertical-align: top; }
#content table.configuration table.managelist td.list select { min-width: 125px; width: expression(this.options.length == 0 ? '125px' : 'auto'); }
#content table.configuration table.managelist td.editbuttons { vertical-align: middle; }
#content table.configuration table.managelist td.editbuttons input { margin: 2px 2px; }
#content table.configuration table.managelist td.movebuttons { vertical-align: middle; }
#content table.configuration table.managelist td.movebuttons input { display: block; margin: 10px 5px; }
/* Form Element Styles */
#content input.small { width: 50px; padding: 2px 5px 1px 5px; background: #ffffff; }
#content input.medium { width: 100px; padding: 2px 5px 1px 5px; background: #ffffff; }
#content input.large { width: 200px; padding: 2px 5px 1px 5px; background: #ffffff; }
#content input.xlarge { width: 250px; padding: 2px 5px 1px 5px; background: #ffffff; }
#content select { visibility: expression('visible'); background: #ffffff; }
#content select.small { width: 50px; }
#content select.medium { width: 100px; }
#content select.large { width: 125px; }
#content select.xlarge { width: 275px; }
#content textarea { background: #ffffff; font-family: "Courier New", Courier, mono; }
#content textarea.small { width: 100px; }
#content textarea.medium { width: 200px; }
#content textarea.large { width: 250px; }
#content textarea.xlarge { width: 300px; }