From 5827a6276a079c29506fd5b810e7e96fa9c19156 Mon Sep 17 00:00:00 2001 From: NIKITA Date: Thu, 26 Aug 2010 11:28:33 -0700 Subject: [PATCH] New Help icon and close button for search --- ui/css/main.css | 8760 +++++--------------------- ui/images/help_actionicon.png | Bin 0 -> 809 bytes ui/images/search_closeicon.gif | Bin 0 -> 201 bytes ui/images/search_closeicon_hover.gif | Bin 0 -> 201 bytes ui/new/index.html | 911 +-- 5 files changed, 1877 insertions(+), 7794 deletions(-) create mode 100644 ui/images/help_actionicon.png create mode 100644 ui/images/search_closeicon.gif create mode 100644 ui/images/search_closeicon_hover.gif mode change 100755 => 100644 ui/new/index.html diff --git a/ui/css/main.css b/ui/css/main.css index 6c1b0dd20a1..b4fda9542bb 100644 --- a/ui/css/main.css +++ b/ui/css/main.css @@ -6,586 +6,271 @@ padding:0; } -body{ +html,body{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#717171; + height:auto; font-weight:normal; - background:#FFF repeat top left; + background:#00374e url(../images/login_bg.gif) repeat-x top left; margin:0; padding:0; + overflow-x:hidden; + overflow-y:auto; } + -#registerpage { - width:100%; - background:url(../images/logout_bg.gif) #4e4e4e repeat-x top left; - margin:0; - padding:0; - font-family:Arial, Helvetica, sans-serif; - color:#717171; -} - -#logoutpage_mainmaster { - width:848px; - height:auto; - margin-left:auto; - margin-right:auto; - padding:0; -} - -#logoutpage_mainbox { - width:848px; - height:auto; - float:left; - margin-top:100px; - padding:0; -} - -.logoutpage_mainbox_top { - width:848px; - height:149px; - float:left; - background:url(../images/logout_top.gif) no-repeat top left; - margin:0; - padding:0; - overflow:hidden; -} - -.logout_logocontainer { - width:848px; - height:109px; - float:left; - margin:0; - padding:0; -} - -.logout_titlecontainer { - width:848px; - height:40px; - float:left; - margin:0; - padding:0; -} - -.logout_titlecontainer h1 { - width:750px; - height:auto; - float:left; - color:#006899; - font-family:Arial, Helvetica, sans-serif; - font-size:28px; - font-weight:normal; - margin-left:70px; - display:inline; - padding:0; -} - -.logout_logo { - width:167px; - height:56px; - float:right; - background:url(../images/logout_logo.gif) no-repeat top left; - margin:43px 99px 0 0; - display:inline; - padding:0; -} - -.logoutpage_mainbox_mid{ - width:848px; - height:auto; - float:left; - background:url(../images/logout_mid.gif) repeat-y top left; - margin:0; - padding:0; -} - -.logoutpage_formcontent{ - width:780px; - height:auto; - float:left; - margin-left:70px; - margin-top:15px; - display:inline; - padding:0; -} - -.logoutpage_formcontent ol { - width: 750px; - color:#333; - float:left; - font-family:Arial, Helvetica, sans-serif; - font-size:12px; - list-style:none; -} - -.logoutpage_formcontent li { - width:700px; - float:left; - padding-bottom: 20px; - font-family:Verdana, Geneva, sans-serif; - color:#333; - font-size:12px; - font-weight:normal; -} - -.logoutpage_formcontent label { - width:120px; - float:left; - text-align:left; - font-weight:normal; - color:#575757; - font-size:16px; - margin-top:2px; - font-family:Arial, Helvetica, sans-serif; -} - -.logoutpage_formcontent .text { - background-color: #fff9d9; - font: normal 16px Arial, Helvetica, sans-serif; - padding:3px 0 0 3px; - float:left; - border: 1px solid #bcbcbc; - height: 22px; - width: 285px; - margin:0; - color:#666; -} -.loginbutton_box { - width:750px; - height:44px; - float:left; - margin-top:2px; - margin-bottom:10px; - padding:0; -} - -.loginbutton_box p{ - width:300px; - height:auto; - float:left; - margin-top:10px; - margin-left:5px; - color:#F00; - text-align:left; - font-size:14px; - padding:0; -} - - -a.loginbutton { - width:95px; - height:44px; - float:left; - background:url(../images/sprite1.gif) no-repeat -153px -174px; - margin:0; - padding:0; - text-decoration:none; -} - -a:hover.loginbutton { - background:url(../images/sprite1.gif) no-repeat -249px -174px; -} - - -a.registerbutton { - width:106px; - height:44px; - float:left; - background:url(../images/sprite1.gif) no-repeat -346px -174px; - margin:0; - padding:0; - text-decoration:none; -} - -a:hover.registerbutton { - background:url(../images/sprite1.gif) no-repeat -5px -219px; -} - -.logoutpage_mainbox_bot { - width:848px; - height:113px; - float:left; - background:url(../images/logout_bot.gif) no-repeat top left; - margin:0; - padding:0; -} - -.logout_registerbox { - width:654px; - height:35px; - float:left; - background:url(../images/register_box.gif) no-repeat top left; - margin-top:6px; - margin-left:70px; - display:inline; - padding:16px 0 0 20px; - font-size:14px; - font-family:Arial, Helvetica, sans-serif; - color:#666; -} - - -.logout_registerbox a:link { +a { color:#2c8bbc; - text-decoration:underline; - font-size:14px; - font-family:Arial, Helvetica, sans-serif; -} - -.logout_registerbox a:visited { - color:#2c8bbc; - text-decoration:underline; - font-size:14px; - font-family:Arial, Helvetica, sans-serif; -} - -.logout_registerbox a:hover{ - color:#333; + font-size:11px; + font-weight:normal; + text-align:left; + margin:0; + padding:0; text-decoration:none; - font-size:14px; - font-family:Arial, Helvetica, sans-serif; +} + +a:link, a:visited { + text-decoration:none; +} + +a:visited { + text-decoration:underline; } -#mainmaster{ - min-width:1000px; - width:100%; +#login_wrapper { + width:660px; + height:auto; + margin:0 auto; + padding:0; +} + +.login_main{ + width:660px; height:auto; float:left; - margin:0; + margin:100px 0 0 0; padding:0; - overflow:visible; } -#header{ - min-width:1000px; - width:100%; +.login_logopanel { + width:660px; + height:66px; float:left; - height:129px; - background:url(../images/header_bg.gif) repeat-x top left; - margin:0; - padding:0; -} - -.header_top { - min-width:1000px; - width:100%; - float:left; - height:92px; - margin:0; - padding:0; -} - -.header_topleft { - width:280px; - float:left; - height:92px; - margin:0; - padding:0; -} - -a.logo { - width:201px; - height:77px; - float:left; - margin-left:10px; - background:url(../images/logo.gif) no-repeat top left; - display:inline; - padding:0; - text-decoration:none; -} - -a:hover.logo { - text-decoration:none; -} - - -.header_topright{ - width:auto; - float:right; - height:92px; - margin:0; - padding:0; -} - -.usernav_container{ - width:auto; - float:left; - height:26px; - margin:0; - padding:0; -} - -.usernav_containerleft{ - width:11px; - float:left; - height:26px; - background:url(../images/sprite1.gif) no-repeat -3px -3px; - margin:0; - padding:0; - overflow:hidden; -} - -.usernav_containermid{ - width:auto; - height:26px; - background: url(../images/userlogin_mid.gif) repeat-x top left; - margin:0; - padding:0; - -} - -/* hide from mac \*/ -* html .usernav_containerleft {margin-right: -3px;} -* html .usernav_containermid {margin-left: 0;} -/* end hide */ - - - -.usernav { - white-space:nowrap; margin:0 0 0 0; - width:auto; - padding-right:25px; - padding-left:25px; - height:auto; - font-size:11px; - color:#8a8a8a; - text-align:left; - -} - -.usernav a:link { - font-size:11px; - color:#00a1e3; - text-align:left; - text-decoration:none; -} - -.usernav a:visited { - font-size:11px; - color:#00a1e3; - text-align:left; - text-decoration:none; -} - -.usernav a:hover { - font-size:11px; - color:#00a1e3; - text-align:left; - text-decoration:underline; -} - - -.usernav_containerright{ - width:11px; - float:left; - height:26px; - background: url(../images/sprite1.gif)no-repeat -17px -3px; - margin:0 0 0 -11px; padding:0; } -.header_bot { - min-width:1000px; - width:100%; +.login_logobox { + width:181px; + height:66px; float:left; - height:37px; - margin:0; - padding:0; -} - -#globalnav_container { - width:auto; - height:37px; - float:left; - margin-left:15px; + background:url(../images/login_logo.gif) no-repeat top left; + margin:0 0 0 75px; display:inline; padding:0; - } - -.menutab_off { - cursor:pointer; - cursor:hand; - width:156px; - height:26px; +.main_loginbox { + width:660px; + height:auto; float:left; - background:url(../images/sprite1.gif) no-repeat -5px -45px; - margin-right:1px; - padding-top:11px; - color:#c5c5c5; - font-size:14px; - font-weight:100; - text-decoration:none; - text-align:center; -} - -.menutab_off:hover { - background:url(../images/sprite1.gif) no-repeat -165px -45px; - -} - -.menutab_on{ - width:156px; - height:26px; - float:left; - background:url(../images/sprite1.gif) no-repeat -329px -45px; - margin-right:1px; - padding-top:11px; - color:#000; - font-size:14px; - font-weight:100; - text-decoration:none; - text-align:center; -} - - -.admin_menutab_off { - cursor:pointer; - cursor:hand; - width:94px; - height:24px; - float:left; - background:url(../images/sprite1.gif) no-repeat -531px -45px; - margin-right:1px; - margin-top:2px; - padding-top:11px; - color:#c5c5c5; - font-size:12px; - font-weight:100; - text-decoration:none; - text-align:center; -} - -.admin_menutab_off:hover { - background:url(../images/sprite1.gif) no-repeat -531px -94px; - -} - -.admin_menutab_on{ - width:94px; - height:24px; - float:left; - background:url(../images/sprite1.gif) no-repeat -531px -142px; - margin-right:1px; - margin-top:2px; - padding-top:11px; - color:#000; - font-size:12px; - font-weight:100; - text-decoration:none; - text-align:center; -} - - -.submenu_tab { - min-width:1000px; - width:100%; - height:30px; - float:left; - background:url(../images/submenu_bg.gif) repeat-x top left; margin:0; padding:0; } -.submenu_links { - width:80%; - height:auto; - float:left; - margin:-25px 0 0 10px; - padding:0; -} - -.submenu_links_off{ - width:150px; +.main_loginbox_top { + width:660px; height:18px; float:left; - color:#2c8bbc; - text-decoration:none; - font-weight:normal; - font-size:12px; - margin-left:4px; - text-align:center; - padding:4px 0 0 0; - cursor:pointer; - cursor:hand; - border-right: 1px solid #c7c7c7; + background:url(../images/loginbox_top.png) no-repeat top left; + margin:0; + padding:0; + overflow:hidden; } -.submenu_links_off:hover { - text-decoration:underline; -} - -.submenu_links_on{ - width:150px; - height:20px; +.main_loginbox_mid { + width:660px; + height:auto; float:left; - color:#FFF; - background:url(../images/submenu_linkbg.gif) no-repeat top left; - font-weight:normal; - font-size:12px; - margin-left:4px; - text-align:center; - padding:2px 0 0 0; - border-right: 1px solid #c7c7c7; -} - - -#search_panel{ - min-width:1000px; - width:100%; - float:left; - height:67px; - background:url(../images/searchpanel_bg.gif) repeat-x top left; + background:url(../images/loginbox_mid.png) repeat-y top left; margin:0; padding:0; } - - -#search_panelleft{ - width:180px; - float:left; - height:67px; +.main_loginbox_bot { + width:660px; + height:109px; + float:left; + background:url(../images/loginbox_bot.gif) no-repeat top left; margin:0; padding:0; } -a.vm_create_open { - width:144px; - height:41px; +.login_contentbox { + width:420px; + height:auto; float:left; - background:url(../images/sprite1.gif) no-repeat -192px -2px; - margin:15px 0 0 15px; + margin:5px 0 0 110px; display:inline; padding:0; } +.login_contentbox_title { + width:100%; + height:auto; + float:left; + margin:0; + padding:0; +} -a:hover.vm_create_open { - background:url(../images/sprite1.gif) no-repeat -339px -2px; +.login_contentbox_title h1 { + width:auto; + height:auto; + float:left; + color:#023b53; + text-align:left; + font-weight:bold; + font-size:16px; + margin:0; + padding:0; +} + +.login_formbox { + width:400px; + height:auto; + float:left; + list-style:none; + margin:10px 0 0 0; + padding:0; +} + +.login_formbox li { + width:400px; + height:auto; + float:left; + list-style:none; + margin:12px 0 0 0; + padding:0; +} + +.login_formbox label { + width:90px; + height:auto; + float:left; + color:#343434; + text-align:left; + font-size:14px; + font-weight:normal; + margin:4px 0 0 0; + padding:0; +} + +.login_formbox_textbg { + width:226px; + height:24px; + float:left; + background:url(../images/login_textbg.gif) no-repeat top left; + margin:0 0 0 5px; + display:inline; + padding:0; +} + +.login_formbox .text { + width:212px; + height:18px; + float:left; + background:#FFF repeat top left; + border:none; + margin:3px 0 0 6px; + display:inline; + color:#333; + font-size:12px; + font-weight:normal; + text-align:left; + padding:0; +} + +.loginbutton_box { + width:400px; + height:auto; + float:left; + margin:17px 0 0 0; + padding:0; +} + +.login_button { + width:94px; + height:30px; + float:left; + background:url(../images/login_button.gif) no-repeat top left; + color:#FFF; + text-align:center; + font-size:16px; + font-weight:normal; + cursor:pointer; + cursor:hand; + margin:0; + padding:7px 0 0 0; +} + + +.login_button:hover { + background:url(../images/login_button_hover.gif) no-repeat top left; + +} + +.error_box { + width:420px; + height:auto; + float:left; + background:#ffe5e5 repeat top left; + border:1px solid #CCC; + margin:7px 0 0 0; + padding:0 0 5px 0; +} + +.error_box p{ + width:400px; + height:auto; + float:left; + color:#ae0000; + font-size:11px; + font-weight:normal; + text-align:left; + margin:5px 0 0 10px; + padding:0; +} + + + +#main { + min-width:960px; + width:100%; + min-height:1000px; + height:auto; + background:#FFF; + margin:0; + padding:0; + } #overlay_black{ - display: none; + display: block; position: absolute; top: 0%; left: 0%; width: 100%; - min-height: 805px; + min-height: 1070px; height: 100%; background-color: black; z-index:1001; @@ -595,4467 +280,495 @@ a:hover.vm_create_open { overflow:hidden; } -#overlay_white{ - position: absolute; - width:99%; - height:800px; - float:left; - background-color: #FFF; - z-index:1001; - -moz-opacity: 0.8; - opacity:.60; - filter: alpha(opacity=60); - overflow:hidden; -} - .vmpopup_container { - display:none; - width:929px; - height:588px; - position:absolute; - z-index:1005; - top:215px; - left:130px; -} - -.vmpopup_left { - width:33px; - height:588px; - float:left; - background: url(../images/vmopoup_left.png) no-repeat top left; - margin:0; - padding:0; - overflow:hidden; -} - -.vmpopup_mid { - width:863px; - height:588px; - float:left; - background: url(../images/vmopoup_mid.png) repeat-x top left; - margin:0; - padding:0; -} - -.vmpopup_maincontent { - width:858px; - height:519px; + width:737px; + height:505px; float:left; - margin-top:28px; - padding:0; -} - -.wizard_controlbox { - width:858px; - height:38px; - float:left; - margin-top:12px; - padding:0; -} - -a.wizardnext_button { - width:82px; - height:38px; - float:left; - background:url(../images/sprite1.gif) no-repeat -346px -94px; - margin:0; - padding:0; -} - -a:hover.wizardnext_button { - background:url(../images/sprite1.gif) no-repeat -153px -132px; -} - -a.wizardprev_button { - width:82px; - height:38px; - float:left; - background:url(../images/sprite1.gif) no-repeat -239px -132px; - margin-right:15px; - padding:0; -} - -a:hover.wizardprev_button { - background:url(../images/sprite1.gif) no-repeat -324px -132px; -} - -.wizard_step1 { - width:858px; - height:467px; - float:left; - margin:0; - padding:0; -} - -.wizard_step2 { - width:858px; - height:467px; - float:left; - margin:0; - padding:0; -} - -#wizard_service_offering, #wizard_data_disk_offering { - width: 860px; - height:150px; - float:left; - border:1px solid #999; - margin:7px 10px 0 0; - padding:0; - overflow-y:scroll; - overflow-y:auto; -} - -#wizard_service_offering li, #wizard_data_disk_offering li { - width:820px; - height:auto; - float:left; - border:1px solid #CCC; - margin:2px 0 0 10px; - display:inline; - padding:4px; -} - - - -.wizard_step3 { - width:858px; - height:467px; - float:left; - margin:0; - padding:0; -} - -.wizard_step4 { - width:858px; - height:467px; - float:left; - margin:0; - padding:0; -} -.allsteps_container { - width:848px; - height:130px; - background:#f6f6f6 repeat-x top left; - border:1px solid #e9e9e9; - float:left; - margin:0; - padding:0; -} - -.steps_box { - width:212px; - height:130px; - float:left; - margin:0; - padding:0; -} - -.steps_box_selected { - width:212px; - height:130px; - float:left; - background:#dfdfdf url(../images/stepbox_slected.gif) repeat-x top left; - margin:0; - padding:0; -} - -.stepbox_left { - width:44px; - height:130px; - float:left; - margin:0; - padding:0; -} - -.stepsno_icons { - width:35px; - height:45px; - float:left; - margin:16px 0 0 8px; - display:inline; - padding:0; -} - -.stepbox_right { - width:168px; - height:130px; - float:left; - margin:0; - padding:0; -} - -.stepbox_right h3 { - width:150px; - height:auto; - color:#444444; - float:left; - text-align:left; - font-size:15px; - font-weight:bold; - margin:28px 0 0 8px; - display:inline; -} - - -.stepbox_right p { - width:150px; - height:auto; - color:#444444; - float:left; - text-align:justify; - font-size:11px; - font-weight:normal; - margin:8px 0 0 8px; - display:inline; -} - -.wizcontent_panel { - width:848px; - height:317px; - background:#f6f6f6 url(../images/wizard_contentbg.gif) repeat-x top left; - border:1px solid #FFF; - float:left; - margin-top:15px; - padding:0; - overflow-x:hidden; - overflow-y:scroll; - overflow-y:auto; -} - -.wizard_stepscontent{ - width:795px; - height:295px; - float:left; - margin:10px 10px; - padding:0; -} - - -.wizard_stepscontent h2{ - width:700px; - height:auto; - float:left; - color:#77c4df; - font-weight:200; - letter-spacing:1px; - font-size:25px; - margin-top:10px; - text-align:left; - padding:0; -} - -.wizard_stepscontent span{ - width:650px; - height:auto; - float:left; - color:#e7e7e7; - font-weight:normal; - font-size:11px; - margin-left:33px; - display:inline; - text-align:left; - padding:0; -} - -.wizard_formcontent{ - width:785px; - height:225px; - float:left; - margin-top:10px; - padding:0; - color:#FFF; - font-size:12px; - margin-left:8px; - display:inline; -} - -.wizard_formcontent_title { - width:700px; - height:auto; - float:left; - color:#77c4df; - font-size:12px; - font-weight:bold; - margin-top:5px; - padding:0; -} - -.wizard_formcontent ol { - width:780px; - height:auto; - color:#333; - float:left; - font-family:Arial, Helvetica, sans-serif; - font-size:12px; - list-style:none; -} - -.wizard_formcontent li { - width:750px; - float:left; - padding-bottom: 10px; - color:#FFF; - font-size:12px; - font-weight:normal; - text-align:left; - margin-top:5px; -} - -.wizard_formcontent label { - width:auto; - float:left; - text-align:left; - font-weight:bold; - margin-top:2px; - margin-left:10px; - color:#FFF; -} - -.wizard_formcontent .radio { - width:15px; - height:15px; - float:left; - margin:0; - padding:0; -} - -.wizard_formcontent .checkbox { - width:15px; - height:15px; - float:left; - margin:0; - padding:0; -} - -.wizard_formcontent .text { - background-color: #FFF; - font: normal 20px Arial, Helvetica, sans-serif; - float:left; - border: 1px solid #999; - height: 16px; - width: 250px; - margin:0; - padding:0; - color:#666; -} - -.wizard_formcontent select { - background-color: #FFF; - font: normal 12px Arial, Helvetica, sans-serif; - float:left; - border: 1px solid #999; - height: 18px; - width: 200px; - margin-left:10px; - padding:0; - color:#666; -} - -.wizard_formcontent p{ - width:680px; - height:auto; - float:left; - text-align:left; - font-weight:normal; - margin:2px 0 5px 10px; - color:#FFF; -} - - - -.wizard_formcontent a:link{ - width:auto; - height:auto; - color: #a9e2ff; - text-align:left; - font-size:11px; - font-weight:bold; - display:inline; - text-decoration:underline; -} - -.wizard_formcontent a:visited{ - width:auto; - height:auto; - color: #a9e2ff; - text-align:left; - font-size:11px; - font-weight:bold; - display:inline; - text-decoration:underline; -} - -.wizard_formcontent a:hover{ - width:auto; - height:auto; - color: #FFF; - text-align:left; - font-size:11px; - font-weight:bold; - display:inline; - text-decoration:underline; -} - - -.wizard_formcontent3{ - width:785px; - height:225px; - float:left; - margin-top:10px; - padding:0; - color:#FFF; - font-size:12px; - margin-left:8px; - display:inline; -} - - - -.wizard_formcontent3 ol { - width:780px; - height:auto; - color:#333; - float:left; - font-family:Arial, Helvetica, sans-serif; - font-size:12px; - list-style:none; -} - -.wizard_formcontent3 li { - width:750px; - float:left; - padding-bottom: 10px; - color:#FFF; - font-size:12px; - font-weight:normal; - text-align:left; - margin-top:5px; -} - -.wizard_formcontent3 label { - width:100px; - float:left; - text-align:left; - font-weight:bold; - margin-top:2px; - margin-left:10px; - color:#FFF; -} - -.wizard_formcontent3 .text { - background-color: #CCC; - font: normal 12px Arial, Helvetica, sans-serif; - font-weight:normal; - float:left; - border: 1px solid #666; - padding:2px 2px 0 2px; - height: 16px; - width: 196px; - margin:0; - padding:0; - color:#333; -} - -.vmpopup_right { - width:33px; - height:588px; - float:left; - background: url(../images/vmopoup_right.png) no-repeat top left; - margin:0; - padding:0; - overflow:hidden; -} - -a.vm_create_close { - width:26px; - height:26px; - float:left; - margin-top:5px; - padding:0; - text-decoration:none; - background:url(../images/close_button.png) no-repeat top left; -} - - -a:hover.vm_create_close { - background:url(../images/close_button_hover.png) no-repeat top left; -} - - -#search_panelright{ - width:372px; - float:right; - height:67px; - background:url(../images/searchpanel_bg.gif) repeat-x top left; - margin:0; - padding:0; -} - -.filter_actionbox { - width:100%; - height:20px; - float:left; - margin:0; - padding:0; -} - -.pagination_panel { - width:100%; - height:26px; - float:left; - background:url(../images/pagination_bg.gif) repeat-x top left; - border:1px solid #cccccc; - margin:10px 0 0 0; - padding:0; -} - -.pagination_panel p{ - width:auto; - height:auto; - float:left; - color:#666; - margin:7px 0 0 10px; - display:inline; - text-align:left; - font-weight:normal; - font-size:11px; - padding:0; -} - -.pagination_actionbox { - width:auto; - height:22px; - float:right; - margin:1px 5px 0 0; - padding:0; -} - -.pagination_actionicon { - width:21px; - height:22px; - float:left; - margin:0 4px 0 5px; - padding:0; -} -.pagination_actions { - width: 80px; - height:22px; - float:left; - border-right:1px solid #CCC; - margin:0; - padding:0; -} -.pagination_actions a:link { - width:auto; - height:auto; - color:#2c8bbc; - text-align:left; - float:left; - margin:4px 0 0 5px; - text-decoration:none; -} - -.pagination_actions a:visited { - width:auto; - height:auto; - color: #2c8bbc; - text-align:left; - float:left; - margin:4px 0 0 5px; - text-decoration:none; -} - -.pagination_actions a:hover{ - width:auto; - height:auto; - color: #333; - text-align:left; - float:left; - margin:4px 0 0 5px; - text-decoration:underline; -} - -.selection_formarea { - width:250px; - height:20px; - float:left; - margin:0 0 0 0; - padding:0; -} - -.selection_formarea label{ - width:auto; - height:auto; - float:left; - text-align:left; - font-size:11px; - color:#999; - margin:3px 10px 0 0; - padding:0; -} - -.selection_formarea .select { - background-color: #f4f2f2; - font: normal 11px Arial, Helvetica, sans-serif; - float:left; - border: 1px solid #e5e5e5; - height: 18px; - min-width: 200px; - margin:0; - padding:1px 0 0 3px; - color:#666; -} - -.search_formarea { - width:370px; - height:auto; - margin-top:5px; - position:relative; - padding:0; - float:right; -} - -.advsearch_link { - width:auto; - height:auto; - float:left; - text-align:left; - text-decoration:none; - font-size:11px; - font-weight:normal; - color: #2c8bbc; - margin: 7px 0 0 5px; - padding:0; - cursor:pointer; - cursor:hand; -} - -.advsearch_link:hover{ - width:auto; - height:auto; - float:left; - text-align:left; - text-decoration:underline; - font-size:11px; - font-weight:normal; - color: #2c8bbc; - margin: 7px 0 0 5px; - padding:0; - cursor:pointer; - cursor:hand; -} - - -.search_formarea ol { - width: auto; - color:#333; - float:left; - font-family:Arial, Helvetica, sans-serif; - font-size:11px; - list-style:none; - margin:0; - padding:0; -} - -.search_formarea li { - width:266px; - float:left; - font-family:Arial, Helvetica, sans-serif; - color:#333; - font-weight:normal; - margin:0; - padding:0; -} - - -.search_formarea .text { - background-color: #f2f2f2; - font: normal 15px Arial, Helvetica, sans-serif; - border: 1px solid #e5e5e5; - height: 20px; - width: 266px; - color:#666; - padding-top:3px; - font-weight:normal; - margin:0; - float:left; -} - -.adv_searchpopup { - width:299px; - height:auto; position:absolute; - background:#edf0f2 repeat top left; - border-top:1px solid #CCC; - border-left:1px solid #CCC; - border-right:2px solid #bebebe; - border-bottom:2px solid #b1b1b1; - margin:0; - padding:0; - z-index:1004; -} - -.adv_searchformbox { - width:280px; - height:auto; - float:left; - margin:0px 5px 10px 10px; - padding:0; -} - -.adv_search_actionbox { - width:280px; - height:20px; - float:left; - margin:10px 0 0 0; - padding:0; -} -.adv_searchpopup_button { - width:49px; - height:16px; - float:right; - background:url(../images/adv_searchbutton.gif) no-repeat top left; - margin:0 10px 0 0; - display:inline; - padding:0; - cursor:pointer; - cursor:hand; -} - -.adv_searchpopup_button:hover { - background:url(../images/adv_searchbutton_hover.gif) no-repeat top left; -} -.adv_searchbutton { - width:60px; - height:17px; - float:left; - background:url(../images/adv_searchbutton.jpg) no-repeat top left; - cursor:pointer; - cursor:hand; -} - -.adv_searchbutton:hover { - width:60px; - height:17px; - float:left; - background:url(../images/adv_searchbutton_hover.jpg) no-repeat top left; - cursor:pointer; - cursor:hand; -} - -.adv_searchformbox a:link { - width:auto; - height:auto; - float:right; - text-align:left; - text-decoration:underline; - font-size:10px; - font-weight:normal; - color: #2c8bbc; - margin: 7px 5px 0 0; - padding:0; -} - -.adv_searchformbox a:visited { - width:auto; - height:auto; - float:right; - text-align:left; - text-decoration:underline; - font-size:10px; - font-weight:normal; - color: #2c8bbc; - margin: 7px 5px 0 0; - padding:0; -} -.adv_searchformbox a:hover { - width:auto; - height:auto; - float:right; - text-align:left; - text-decoration:none; - font-size:10px; - font-weight:normal; - color: #2c8bbc; - margin: 7px 5px 0 0; - padding:0; -} - -.adv_searchformbox h3 { - width:auto; - height:auto; - color:#2d6487; - font-size:12px; - font-weight:bold; - float:left; - margin:8px 0 7px 0; - padding:0; -} - -.adv_searchformbox ol { - width: auto; - color:#333; - float:left; - font-family:Arial, Helvetica, sans-serif; - font-size:11px; - list-style:none; -} - -.adv_searchformbox li { - width:250px; - float:left; - clear:left; - font-family:Arial, Helvetica, sans-serif; - color:#333; - font-weight:normal; - margin:0 0 7px 0; -} - -.adv_searchformbox label { - width:70px; - float:left; - clear:left; - font-family:Arial, Helvetica, sans-serif; - color:#333; - font-size:11px; - font-weight:normal; -} - -.adv_searchformbox .text { - background-color: #FFF; - font: normal 11px Arial, Helvetica, sans-serif; - float:left; - border: 1px solid #CCC; - height: 14px; - width: 160px; - color:#666; - padding:1px 0 0 2px; - font-weight:normal; -} - -.adv_searchformbox .select { - background-color: #FFF; - font: normal 11px Arial, Helvetica, sans-serif; - float:left; - border: 1px solid #CCC; - height: 18px; - width: 163px; - margin:0; - padding:1px 0 0 2px; - color:#666; -} - - -a.search_button { - width:26px; - height:25px; - float:left; - margin-left:10px; - display:inline; - text-decoration:none; - background:url(../images/searchicon_button.jpg) no-repeat top left; - padding:0; -} - - - -a:hover.search_button { - background:url(../images/searchicon_button_hover.jpg) no-repeat top left; -} - -#maincontentarea { - min-width:1000px; - width:100%; - float:left; - height:auto; - background: #FFF url(../images/mcontent_bg.gif) repeat-x top left; + top:200px; + left:22%; + z-index:1005; margin:0; padding:0; } -.maincontent { - min-width:1000px; - width:98%; - float:left; - height:auto; - margin:0px 10px 10px 10px; - padding:0; -} -#maincontent_title { - width:100%; - float:left; - height:40px; - margin-top:16px; - padding:0; -} - -.title_testlinks { - width:auto; - height:16px; +.vmpopup_container_closebutton { + width:13px; + height:13px; float:right; - margin:8px 15px 0 0; + background:url(../images/vm_closebutton.gif) no-repeat top left; + margin:8px 10px 0 0; padding:0; - text-align:left; - font-size:11px; - color: #2c8bbc; - text-decoration:underline; - font-weight:normal; - background:url(../images/test_icon.gif) no-repeat top left; cursor:pointer; cursor:hand; - padding:0 0 0 20px; } -.title_testlinks:hover { - width:auto; - height:16px; - float:right; - margin:8px 15px 0 0; - padding:0; - text-align:left; - font-size:11px; - color: #333; - text-decoration:underline; - background:url(../images/test_icon.gif) no-repeat top left; - font-weight:normal; - cursor:pointer; - cursor:hand; - padding:0 0 0 20px; +.vmpopup_container_closebutton:hover { + background:url(../images/vm_closebutton_hover.gif) no-repeat top left; } -.maintitle_icon { - width:34px; + +.vmpopup_container_top { + width:737px; height:30px; float:left; - margin:0 5px 0 0; - padding:0; -} - -.fix_wrapper { - width:100%; - height:auto; - float:left; - margin:0; - padding:0; -} -.net_gridwrapper { - width:100%; - float:left; -} - - - -.net_gridleft{ - margin-right:456px; - padding:0; - height:auto; -} - -.db_admingrid_rightpanel{ - margin-left:580px; - width:auto; -} - -.db_admingrid_leftcontainer{ - float:left; - width:578px; -} - -.db_admingrid_capacitypanel{ - width:562px; - height:auto; - float:left; - margin:0; - padding:0; -} - -.db_capacitypanel_top{ - width:562px; - height:60px; - background:url(../images/capacitypanel_top.gif) no-repeat top left; - float:left; + background:url(../images/vmpopup_top.png) no-repeat top left; margin:0; padding:0; overflow:hidden; } -.db_domain_top{ - width:562px; - height:32px; - background:url(../images/db_domain_top.gif) no-repeat top left; +.vmpopup_steps { + width:71px; + height:21px; float:left; + color:#333; + font-size:12px; + font-weight:normal; + text-align:left; margin:0; - padding:0; - overflow:hidden; + padding:9px 0 0 25px; } -.db_capacitypanel_titlebox { - width:522px; - height:35px; +.vmpopup_maincontentarea { + width:700px; + height:435px; float:left; margin:20px 0 0 19px; + display:inline; padding:0; } -.db_capacitypanel_titlebox h2 { +.vmpopup_titlebox { + width:700px; + height:auto; + float:left; + margin:0; + padding:0; +} + +.vmpopup_titlebox h2 { + width:650px; + height:auto; + color:#003a53; + font-size:16px; + font-weight:normal; + text-align:left; + float:left; + margin:0; + padding:0; +} + +.vmpopup_titlebox p { + width:650px; + height:auto; + color:#999; + font-size:11px; + font-weight:normal; + text-align:left; + float:left; + margin:7px 0 0 0; + padding:0; +} + +.vmpopup_contentpanel { + width:700px; + height:320px; + float:left; + margin:15px 0 0 0; + padding:0; +} + +.vmpopup_contentpanel h3 { + width:700px; + height:auto; + color:#003a52; + font-size:12px; + font-weight:bold; + float:left; + margin:0 0 0 0; +} + +.vmpopup_offeringpanel { + width:700px; + height:290px; + float:left; + margin:0 0 0 0; + padding:0; + overflow-y:scroll; + overflow-y:auto; + overflow-x:hidden; +} + +.vmpopup_offeringbox { + width:695px; + height:auto; + float:left; + border:1px solid #c0c0c0; + background:#efefef url(../images/offeringbox_bg.gif) repeat-x top left; + margin:7px 0 0 0; + padding:0 0 5px 0; +} + +.vmpopup_reviewbox_odd { + width:695px; + height:auto; + float:left; + border:1px solid #c0c0c0; + background:#efefef url(../images/offeringbox_bg.gif) repeat-x top left; + margin:0 0 0 0; + padding:0 0 5px 0; +} + +.vmpopup_reviewbox_even { + width:695px; + height:auto; + float:left; + border:1px solid #d2d2d2; + background:#d0d0d0 url(../images/reviewboxeven_bg.gif) repeat-x top left; + margin:0 0 0 0; + padding:0 0 5px 0; +} + +.vmopopup_reviewtextbox { + width:670px; + height:auto; + float:left; + margin:5px 0 0 10px; + padding:0; +} + +.vmopopup_reviewtextbox span { + width:auto; + height:auto; + float:left; + font-size:12px; + font-weight:normal; + color:#333; + text-align:left; + margin:4px 0 0 0; + padding:0; +} + +.vmopopup_review_label { width:200px; height:auto; float:left; - margin-left:8px; - color:#e26000; - font-size:16px; - font-weight:normal; + font-size:12px; + font-weight:bold; + text-align:left; + color:#333; + margin:3px 0 0 10px; + display:inline padding:0; } -.db_capacitypanel_graphtitleicon { - width:19px; - height:19px; - float:left; - background:url(../images/graph_titleicon.gif) no-repeat top left; - margin:0; - padding:0; -} -.dbadmin_selectionformarea { - width:275px; - height:27px; - float:right; - margin:0; - padding:0; -} - -.dbadmin_selectionformarea .select { - background-color: #b6b6b6; - font: normal 11px Arial, Helvetica, sans-serif; - float:left; - border: 1px solid #8b8b8b; - height: 18px; - width:126px; - margin-left:10px; - padding:1px 0 0 3px; - color:#FFF; -} - -.db_capacitypanel_mid{ - width:562px; - height:auto; - background:url(../images/capacitypanel_mid.gif) repeat-y top left; - float:left; - margin:0; - padding:0; -} - -.db_capacitypanel_bardgpanel { - width:522px; - height:auto; - float:left; - margin:0 0 0 19px; - padding:0; -} - -.db_capacitypanel_bardg_bg { - width:522px; - height:81px; - float:left; - background:url(../images/db_bardg_bg.gif) no-repeat top left; - margin-top:10px; - padding:0; -} - -.db_capacitypanel_bardg_bgtop{ - width:522px; +.vmpopup_reviewtick { + width:18px; height:20px; float:left; - margin:0; - padding:0; -} - -.db_capacitypanel_bardg_titlebg{ - width:184px; - height:16px; - background:url(../images/db_bardg_titlebg.gif) no-repeat top left; - float:left; - margin:0; - padding:4px 0 0 12px; - color:#3a3a3a; - font-size:12px; - text-align:left; - font-weight:normal; -} - -.db_capacitypanel_bardg_bgbot{ - width:522px; - height:61px; - float:left; - margin:0; - padding:0; -} - -.db_bargraph_panel { - width:460px; - height:50px; - float:left; - margin:5px 0 0 25px; - display:inline; -} - -.db_bargraph_barbox { - width:354px; - height:50px; - float:left; - margin-top:5px; - display:inline; -} - -.db_bargraph_barbox_top { - width:354px; - height:13px; - float:left; - margin:0; - display:inline; -} - -.db_bargraph_barbox_bot { - width:354px; - height:37px; - float:left; - margin:0; - display:inline; -} - -.db_bargraph_barbox_bar { - width:354px; - height:18px; - background:#FFF repeat top left; - border:1px solid #7f7f7f; - float:left; - margin:0; - display:inline; -} - -.db_bargraph_bar_safetext { - width:auto; - height:auto; - float:left; - text-align:right; - color:#1288b9; - font-size:11px; - font-weight:normal; - margin:0; - padding:0; - display:inline; -} - -.db_bargraph_bar_safesmalltext { - width:30%; - height:auto; - float:left; - text-align:left; - color:#1288b9; - font-size:11px; - font-weight:normal; - margin:0; - padding:0; - display:inline; -} - -.db_bargraph_bar_unsafetext { - width:auto; - height:auto; - float:left; - text-align:right; - color:#ff0000; - font-size:11px; - font-weight:normal; - margin:0; - padding:0; - display:inline; -} - -.db_bargraph_bar_totaltext { - width:auto; - height:auto; - float:left; - text-align:left; - color:#516b00; - font-size:11px; - font-weight:bold; - margin:18px 0 0 7px; - display:inline; -} - - -.db_bargraph_barbox_safezone { - width:0; - height:18px; - background:url(../images/safebar_bg.gif) #53a1d6 repeat-x top left; - float:left; - margin:0; - display:inline; - text-align:right; - color:white; - font-size:11px; - font-weight:normal; -} - -.db_bargraph_barbox_unsafezone { - width:0; - height:18px; - background:url(../images/unsafebar_bg.gif) #c60000 repeat-x top left; - float:left; - margin:0; - display:inline; -} -.db_capacitypanel_bot{ - width:562px; - height:43px; - background:url(../images/capacitypanel_bot.gif) no-repeat top left; - float:left; - margin:0; - padding:0; -} - -.netgrid_container { - width:99%; - height:auto; - float:left; - margin-top:5px; - padding:0; - border:1px solid #c0bfbf; - position:relative; -} - -.netgridheader_cell1 { - width:30%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} - - -.netgridheader_cell2 { - width:62%; - height:24px; - float:left; - margin:0; - padding:0; - border-right:1px solid #c2c2c2; - overflow:hidden; -} -.netgridheader_cell3 { - width:7%; - height:24px; - float:left; - margin:0; - padding:0; - overflow:hidden; -} -.netgridheader_cell4 { - width:31%; - height:24px; - float:left; - margin:0; - padding:0; - border-right:1px solid #c2c2c2; - overflow:hidden; -} - -.loadgridheader_cell1 { - width:32%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - overflow:hidden; - padding:0; -} -.loadgridheader_cell2 { - width:15%; - height:24px; - float:left; - margin:0; - padding:0; - border-right:1px solid #c2c2c2; - overflow:hidden; -} -.loadgridheader_cell3 { - width:7%; - height:24px; - float:left; - margin:0; - padding:0; - overflow:hidden; -} -.loadgridheader_cell4 { - width:17%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} - -.snapgridheader_cell1 { - width:47%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} - -.snapgridheader_cell2 { - width:22%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} - -.snapgridheader_cell3 { - width:30%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} - -.snap_row_cell1 { - width:47%; - height:25px; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - overflow:hidden; -} -.snap_row_cell2 { - width:22%; - height:25px; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - overflow:hidden; -} - -.snap_row_cell3 { - width:30%; - height:25px; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - overflow:hidden; -} - -.snap_scheduleicon { - width:15px; - height:16px; - float:left; - background:url(../images/calendar_icon.gif) no-repeat top left; - margin-left:5px; - margin-top:-2px; - padding:0; -} - -.net_row_cell1 { - width:30%; - height:25px; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - overflow:hidden; -} -.net_row_cell2 { - width:62%; - height:25px; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - overflow:hidden; -} - -.net_row_cell3 { - width:7%; - height:25px; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - overflow:hidden; -} -.net_row_cell4 { - width:31%; - height:25px; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - overflow:hidden; -} -.load_row_cell1 { - width:32%; - height:25px; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - overflow:hidden; -} -.load_row_cell2 { - width:15%; - height:25px; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - overflow:hidden; -} - -.load_row_cell3 { - width:7%; - height:25px; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - overflow:hidden; -} -.load_row_cell4 { - width:17%; - height:25px; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - overflow:hidden; -} - -.netgrid_celltitles { - color: #333; - text-align:left; - font-size:11px; - font-weight:normal; - margin:6px 0 6px 8px; - float:left; - display:inline; -} - -.netgrid_celltitles .text{ - height:16px; - float:left; - background:#FFF repeat top left; - color:#333; - font-size:10px; - text-align:left; - border:1px solid #999; - margin:0; - padding:0; -} - -.netgrid_celltitles .errortext{ - height:16px; - float:left; - background: #fbabb3 repeat top left; - color:#333; - font-size:10px; - text-align:left; - border:1px solid #999; - margin:0; - padding:0; -} - -.netgrid_celltitles .errormsg{ - height:auto; - float:left; - color:#F00; - font-size:10px; - text-align:left; - font-weight:normal; - margin:2px 0 0 0; - padding:0; -} -.netgrid_celltitles .select{ - height:18px; - float:left; - background:#FFF repeat top left; - color:#333; - font-size:10px; - text-align:left; - border:1px solid #999; - margin:0; - padding:0; -} - -.netgrid_celltitles a:link { - color: #2c8bbc; - text-align:left; - font-size:11px; - font-weight:normal; - display:inline; - text-decoration:none; - margin:0 5px 0 0; - padding:0; -} - -.netgrid_celltitles a:visited { - color: #2c8bbc; - text-align:left; - font-size:11px; - font-weight:normal; - display:inline; - text-decoration:none; - margin:0 5px 0 0; - padding:0; -} - -.netgrid_celltitles a:hover { - color: #2c8bbc; - text-align:left; - font-size:11px; - font-weight:normal; - display:inline; - text-decoration:underline; - margin:0 5px 0 0; - padding:0; -} - -.net_gridright { - width:456px; - height:465px; - float:left; - margin-left:-456px; - padding:0; - -} - -.db_gridright { - margin-right:472px; - padding:0; - border:1px solid #900; - height:auto; - -} - -.net_displaybox { - width:456px; - height:460px; - float:left; - margin:5px 0 10px 0; - padding:0; - background-attachment: scroll; - position: fixed; -} - -.net_displaybox_top { - width:456px; - height:76px; - float:left; - background:url(../images/display_boxtop.gif) no-repeat top left; - margin:0; - padding:0; - overflow:hidden; -} - -.net_displaytitlebox { - width:386px; - height:25px; - float:left; - margin:35px 0 0 42px; - display:inline; -} - -.net_displaytitlebox h2 { - width:300px; - height:auto; - float:left; - color:#FFF; - text-align:left; - font-size:12px; - font-weight:normal; - display:inline; -} - -.ip_gridheader_cell1 { - width:10%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} - -.ip_gridheader_cell2 { - width:39%; - height:24px; - float:left; - margin:0; - padding:0; - overflow:hidden; -} - -.ip_gridheader_cell3 { - width:13%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} - -.ip_gridrow_cell1 { - width:10%; - height:24px; - float:left; - margin:0; - border-right:1px solid #f9f9f9; - padding:0; - overflow:hidden; -} - -.ip_gridrow_cell2 { - width:39%; - height:24px; - float:left; - margin:0; - padding:0; - overflow:hidden; -} - -.ip_gridrow_cell3 { - width:13%; - height:24px; - float:left; - margin:0; - border-right:1px solid #f9f9f9; - padding:0; - overflow:hidden; -} - -.ip_gridheader_cell2 a:link { - color: #2c8bbc; - text-align:left; - font-size:11px; - font-weight:normal; - float:left; - display:inline; - text-decoration:none; -} - -.ip_gridheader_cell2 a:visited { - color: #2c8bbc; - text-align:left; - font-size:11px; - font-weight:normal; - float:left; - display:inline; - text-decoration:none; -} - -.ip_gridheader_cell2 a:hover { - color: #2c8bbc; - text-align:left; - font-size:11px; - font-weight:normal; - float:left; - display:inline; - text-decoration:underline; -} -a.add_rules { - width:54px; - height:25px; - float:right; - background:url(../images/sprite1.gif) no-repeat -313px -227px; - margin:0; - padding:0; -} - -a:hover.add_rules { - background:url(../images/sprite1.gif) no-repeat -374px -227px; -} - -.display_content { - width:388px; - height:336px; - float:left; - margin:10px 0 0 42px; - display:inline; - overflow-x:hidden; - overflow-y:auto; -} - -.display_gridbox { - width:362px; - height:auto; - float:left; - border:1px solid #bababa; - margin:0; - padding:0; -} -.load_graphicalbox { - width:362px; - height:auto; - float:left; - margin:0; - padding:0; -} - -.load_graphical_left { - width:85px; - height:auto; - float:left; - margin:0; - padding:0; -} - -.load_router { - width:59px; - height:59px; - float:left; - background:url(../images/load_routericon.gif) no-repeat top left; + background:url(../images/tick_review.png) no-repeat top left; margin:0; padding:0; } -.load_graphical_left p { - width:auto; - height:auto; - float:left; - margin-top:5px; - color:#FFF; - font-size:11px; - text-align:center; - font-weight:normal; - padding:0; -} - -.load_graphical_mid { - width:74px; - height:auto; - float:left; - margin:0; - padding:0; -} - -.load_joint { - width:74px; - height:7px; - float:left; - background:url(../images/load_joint.gif) no-repeat top left; - margin-top:25px; - padding:0; -} - - -.load_graphical_right { - width:203px; - height:auto; - float:left; - margin:0; - padding:0; -} - -.load_vmlist { - width:203px; - height:auto; - float:left; - margin-top:25px; - padding:0; -} - -.load_closebutton { - cursor:pointer; - cursor:hand; - width:12px; - height:12px; - float:right; - background:url(../images/loadgr_closebutton.png) no-repeat top left; - margin:6px 0 0 10px; - display:inline; - padding:0; -} - -.load_closebutton:hover { - background:url(../images/loadgr_closebutton_hover.png) no-repeat top left; -} - -.load_workingvm { - width:197px; - height:73px; - float:left; - background:url(../images/load_workingvm.gif) no-repeat top left; - margin:0; - padding:0; -} - -.load_newaddvm { - width:197px; - height:73px; - float:left; - background:url(../images/loading_addbg.gif) no-repeat top left; - cursor:pointer; - cursor:hand; - margin:0; - padding:0; -} - - -.load_graphicalvm_top { - width:197px; - height:25px; - float:left; - margin:0; - padding:0; -} - -.load_graphicalvm_bot { - width:197px; - height:48px; - float:left; - margin:0; - padding:0; -} - -.load_loadingvm { - width:197px; - height:73px; - float:left; - background: url(../images/loading_load.gif) no-repeat top left; - margin:0; - padding:0; -} - -.loadadding_animation { - width:16px; - height:16px; - margin:35px 0 0 45px; - float:left; - display:inline; - background: url(../images/load_aniloader.gif) no-repeat top left; -} - -.loadadd_icon{ +.vmpopup_offeringbox .radio { width:13px; - height:14px; - margin:35px 0 0 45px; - float:left; - display:inline; - background: url(../images/load_addicon.gif) no-repeat top left; -} - -.load_adding_text { - width:auto; - height:auto; - float:left; - margin:35px 0 0 5px; - display:inline; - color:#FFF; - font-size:11px; - font-weight:bold; -} - -.load_newadd_text { - width:auto; - height:auto; - float:left; - margin:35px 0 0 5px; - display:inline; - color:#FFF; - font-size:11px; - font-weight:bold; -} - - -.load_stoppedvm { - width:197px; - height:73px; - float:left; - background:url(../images/load_stoppedvm.gif) no-repeat top left; - margin:0; - padding:0; -} - -.loadingvmtext { - width:100px; - height:40px; - float:right; - margin:0 3px 0 0; - display:inline; - padding:0; -} - -.loadingvmtext p { - width:auto; - height:40px; - float:left; - color:#FFF; - font-size:11px; - text-align:left; - font-weight:normal; - margin:0; - padding:0; -} - - - -.display_gridheader { - width:362px; - height:24px; - float:left; - background:url(../images/display_headerbg.gif) repeat-x top left; - margin:0; - padding:0; -} - -.display_headercell1{ - width:105px; - height:24px; - float:left; - border-right:1px solid #bababa; - margin:0; - padding:0; - overflow:hidden; -} -.display_headercell2{ - width:47x; - height:24px; - float:left; - border-right:1px solid #bababa; - margin:0; - padding:0; - overflow:hidden; -} - -.display_snapheadercell1{ - width:71px; - height:24px; - float:left; - border-right:1px solid #bababa; - margin:0; - padding:0; - overflow:hidden; -} -.display_snapheadercell2{ - width:120px; - height:24px; - float:left; - border-right:1px solid #bababa; - margin:0; - padding:0; - overflow:hidden; -} - -.display_snapheadercell3{ - width:47px; - height:24px; - float:left; - border-right:1px solid #bababa; - margin:0; - padding:0; - overflow:hidden; -} -.display_headercell2{ - width:47x; - height:24px; - float:left; - border-right:1px solid #bababa; - margin:0; - overflow:hidden; - padding:0; -} -.display_snaprowcell1{ - width:71px; - height:20px; - float:left; - border-right:1px solid #bababa; - margin:0; - padding:0; - overflow:hidden; -} - -.display_snaprowcell2{ - width:120px; - height:20px; - float:left; - border-right:1px solid #bababa; - margin:0; - padding:0; - overflow:hidden; -} - -.display_snaprowcell3{ - width:47px; - height:20px; - float:left; - border-right:1px solid #bababa; - margin:0; - padding:0; - overflow:hidden; -} - -.display_headercell_title{ - width:auto; - height:auto; - float:left; - text-align:left; - color:#494949; - font-size:12px; - margin-top:5px; - margin-left:5px; - display:inline; - padding:0; - overflow:hidden; -} - -.display_rowodd { - width:362px; - height:20px; - float:left; - background:#6f6f6f repeat top left; - border-bottom:1px solid #bababa; - margin:0; - padding:0; -} - -.display_rowloading { - width:362px; - height:20px; - float:left; - background:#121212 repeat top left; - border-bottom:1px solid #bababa; - margin:0; - padding:0; -} - -.display_rowloading p { - width:auto; - height:auto; - float:left; - color:#FFF; - text-align:left; - text-decoration:none; - font-size:11px; - font-weight:bold; - margin:3px 0 0 10px; - display:inline; - padding:0; -} - -.display_rowloader_animation { - width:16px; - height:16px; - float:left; - background:url(../images/displaygrid_loader.gif) no-repeat top left; - margin:2px 0 0 10px; - display:inline; - padding:0; -} - -.display_rowodd:hover { - background: #000 repeat-x top left; -} - -.display_roweven { - width:362px; - height:20px; - float:left; - background:#464646 repeat top left; - border-bottom:1px solid #bababa; - margin:0; - padding:0; -} - -.display_roweven:hover { - background: #000 repeat-x top left; -} - -.display_rowcell1{ - width:105px; - height:20px; - float:left; - border-right:1px solid #bababa; - margin:0; - padding:0; - overflow:hidden; -} -.display_rowcell2{ - width:47x; - height:20px; - float:left; - margin:0; - padding:0; - overflow:hidden; -} -.display_rowcell_title{ - width:auto; - height:auto; - float:left; - text-align:left; - color:#FFF; - font-size:11px; - margin-top:5px; - margin-left:5px; - display:inline; - padding:0; - overflow:hidden; -} - -a.display_editbutton { - width:19px; - height:15px; - float:left; - text-decoration:none; - margin:2px 0 0 3px; - padding:0; - background:url(../images/display_editicon.png) no-repeat top left; -} - -a:hover.display_editbutton { - background:url(../images/display_editicon_hover.png) no-repeat top left; -} - -a.display_rollbackbutton { - width:19px; - height:15px; - float:left; - text-decoration:none; - margin:2px 0 0 3px; - padding:0; - background:url(../images/display_rollbackicon.png) no-repeat top left; -} - -a:hover.display_rollbackbutton { - background:url(../images/display_rollbackicon_hover.png) no-repeat top left; -} - -a.display_deletebutton { - width:11px; - height:14px; - float:left; - text-decoration:none; - margin:2px 0 0 4px; - padding:0; - background:url(../images/display_deleteicon.png) no-repeat top left; -} - -a:hover.display_deletebutton { - background:url(../images/display_deleteicon_hover.png) no-repeat top left; -} - -.net_displaybox_mid { - width:456px; - height:335px; - float:left; - background:url(../images/display_boxmid.gif) repeat-y top left; - margin:0; - padding:0; -} - -.net_displaybox_bot { - width:456px; - height:49px; - float:left; - background:url(../images/display_boxbot.gif) no-repeat top left; - margin:0; - padding:0; -} - -.small_gridconatiner_left { - width:49%; - float:left; - height:auto; - margin:20px 0 20px 0; - border:1px solid #c0bfbf; - padding:0; -} - -.small_gridconatiner_right{ - width:49%; - float:right; - height:auto; - margin:20px 0 20px 0; - border:1px solid #c0bfbf; - padding:0; -} - -.adding_loading { - width:100%; - float:left; - margin:0; - padding:0; - background: #e7f7fc repeat-x top left; - border-bottom:1px solid #e8e8e8; -} - -.adding_animation { - width:16px; - height:16px; - margin:3px 0 0 10px; - float:left; - display:inline; - background:url(../images/ajax-loader.gif) no-repeat top left; -} - -.adding_text { - width:auto; - height:auto; - float:left; - margin:8px 0 0 10px; - display:inline; - color:#333; - font-size:11px; - font-weight:bold; -} - -.result_loading { - width:100%; - float:left; - margin:0; - padding:0; - background: #fffee2 repeat-x top left; - border-bottom:1px solid #e8e8e8; -} - - -.result_loading p { - width:auto; - height:auto; - float:left; - margin:8px 0 0 10px; - display:inline; - color:#333; - font-size:11px; - font-weight:bold; -} - -.result_closebutton { - width:40px; height:13px; float:left; - text-decoration:none; - cursor:pointer; - cursor:hand; - margin:7px 0 0 60px; + margin:5px 0 0 10px; display:inline; - background:url(../images/gridresult_closebutton.gif) no-repeat top left; padding:0; + } -.result_closebutton:hover { - background:url(../images/gridresult_closebutton_hover.gif) no-repeat top left; -} - - -.smallrow_odd { - width:100%; - float:left; - margin:0; - padding:0; - background: #FFF repeat-x top left; - border-bottom:1px solid #e8e8e8; -} - -.smallrow_odd:hover { - background: #cbe4eb repeat-x top left; -} - -.dbsmallrow_odd { - width:100%; - float:left; - margin:0; - padding:0; - background: #FFF repeat-x top left; - border-bottom:1px solid #e8e8e8; -} - -.smallrow_even { - width:100%; - float:left; - margin:0; - padding:0; - background: #f4f2f2 repeat-x top left; - border-bottom:1px solid #e8e8e8; -} - -.smallrow_even:hover { - background: #cbe4eb repeat-x top left; -} - -.dbsmallrow_even { - width:100%; - float:left; - margin:0; - padding:0; - background: #f4f2f2 repeat-x top left; - border-bottom:1px solid #e8e8e8; -} - -.smallgrid_cell1 { - width:80%; - height:33px; - float:left; - margin:0; - padding:0; - overflow:hidden; -} - -.smallgrid_cell2 { - width:20%; - height:33px; - float:left; - margin:0; - padding:0; - overflow:hidden; -} - -.bytes_icon { - width:19px; +.vmpopup_offeringbox .text { + width:80px; height:15px; float:left; - margin:10px 5px 0 0; + color:#333; + font-size:11px; + font-weight:normal; + background:#FFF; + border:1px solid #999; + margin:4px 0 0 8px; + display:inline; padding:0; } -h1 { +.vmpopup_offeringbox .label { + width:auto; + height:13px; + float:left; + color:#333; + font-size:12px; + font-weight:bold; + margin:5px 0 0 10px; + display:inline; + padding:0; +} + +.vmpopup_offeringbox .label1 { width:auto; height:auto; float:left; - font-size:25px; - color:#77c4df; - text-align:left; + color:#333; + font-size:11px; font-weight:normal; - font-family:Arial, Helvetica, sans-serif; + margin:8px 0 0 10px; + display:inline; + padding:0; +} + +.vmpopup_offeringbox span { + width:auto; + height:auto; + float:left; + color:#666; + font-size:10px; + font-weight:normal; + margin:7px 0 0 3px; + display:inline; + padding:0; +} + +.vmpopup_offdescriptionbox { + width:645px; + height:auto; + float:left; + margin:2px 0 0 35px; + padding:0; +} + +.vmpopup_offdescriptionbox_top { + width:645px; + height:5px; + float:left; + background:url(../images/offeringbox_destop.gif) no-repeat top left; margin:0 0 0 0; padding:0; } -a.add_sgroupbutton { - width:146px; - height:36px; - float:left; - margin-left:10px; - display:inline; - background:url(../images/sprite1.gif) no-repeat -161px -227px; - padding:0; -} -a:hover.add_sgroupbutton { - background:url(../images/sprite1.gif) no-repeat -161px -266px; -} - -a.add_newisobutton { - width:101px; - height:36px; - float:left; - margin-left:10px; - display:inline; - background:url(../images/sprite1.gif) no-repeat -370px -421px; - padding:0; -} - -a:hover.add_newisobutton { - background:url(../images/sprite1.gif) no-repeat -472px -421px; -} - -a.add_loadbalancerbutton { - width:182px; - height:37px; - float:left; - margin-left:10px; - display:inline; - background:url(../images/sprite1.gif) no-repeat -308px -266px; - padding:0; -} - -a:hover.add_loadbalancerbutton { - background:url(../images/sprite1.gif) no-repeat -161px -304px; -} - -a.add_newvmbutton { - width:123px; - height:37px; - float:left; - margin-left:10px; - display:inline; - background:url(../images/sprite1.gif) no-repeat -194px -2px; - padding:0; -} - -a:hover.add_newvmbutton { - background:url(../images/sprite1.gif) no-repeat -318px -2px; -} - -a.add_hostbutton { - width:87px; - height:36px; - float:left; - margin-left:10px; - display:inline; - background:url(../images/sprite1.gif) no-repeat -493px -267px; - padding:0; -} - -a:hover.add_hostbutton { - background:url(../images/sprite1.gif) no-repeat -583px -267px; -} - -a.add_publicipbutton { - width:106px; - height:28px; - float:left; - margin-left:10px; - display:inline; - background:url(../images/add_ipbutton.gif) no-repeat top left; - padding:0; -} - -a:hover.a.add_publicipbutton { - background:url(../images/add_ipbutton_hover.gif) no-repeat top left; -} - -a.add_storagepoolbutton { - width:146px; - height:36px; - float:left; - margin-left:10px; - display:inline; - background:url(../images/sprite1.gif) no-repeat -308px -345px; - padding:0; -} - -a:hover.add_storagepoolbutton { - background:url(../images/sprite1.gif) no-repeat -455px -345px; -} - -a.add_secondary_storagebutton { - width:162px; - height:36px; - float:left; - margin-left:10px; - display:inline; - background:url(../images/sprite1.gif) no-repeat -5px -421px; - padding:0; -} - -a:hover.add_secondary_storagebutton { - background:url(../images/sprite1.gif) no-repeat -522px -383px; -} - -a.add_volumebutton { - width:101px; - height:37px; - float:left; - margin-left:10px; - display:inline; - background:url(../images/sprite1.gif) no-repeat -166px -421px; - padding:0; -} - -a:hover.add_volumebutton { - background:url(../images/sprite1.gif) no-repeat -267px -421px; -} - -a.add_newaccbutton { - width:103px; - height:36px; - float:left; - margin-left:10px; - display:inline; - background:url(../images/sprite1.gif) no-repeat -531px -191px; - padding:0; -} - -a:hover.add_newaccbutton { - background:url(../images/sprite1.gif) no-repeat -531px -231px; -} - -a.add_serviceoffbutton { - width:146px; - height:36px; - float:left; - margin-left:10px; - display:inline; - background:url(../images/sprite1.gif) no-repeat -5px -345px; - padding:0; -} - -a:hover.add_serviceoffbutton { - background:url(../images/sprite1.gif) no-repeat -161px -345px; -} - -a.add_diskoffbutton { - width:130px; - height:36px; - float:left; - margin-left:10px; - display:inline; - background:url(../images/sprite1.gif) no-repeat -251px -383px; - padding:0; -} - -a:hover.add_diskoffbutton { - background:url(../images/sprite1.gif) no-repeat -383px -383px; -} - - -a.add_publicipbutton { - width:123px; - height:37px; - float:left; - margin-left:10px; - display:inline; - background:url(../images/sprite1.gif) no-repeat -348px -304px; - padding:0; -} - -a:hover.add_publicipbutton { - background:url(../images/sprite1.gif) no-repeat -475px -304px; -} - -.grid_container { - width:100%; +.vmpopup_offdescriptionbox_bot { + width:645px; height:auto; float:left; - margin-top:7px; - padding:0; - border:1px solid #c0bfbf; - position:relative; -} - -#grid_content { - height:auto; - float:left; - width:100%; - background:#FFF; -} - -.dbadmin_grid_container { - width:100%; - height:auto; - float:left; - margin-bottom:25px; - padding:0; - border:1px solid #c0bfbf; -} - - - -.grid_header { - width:100%; - height:24px; - float:left; + background:#FFF repeat top left; + border-left:1px solid #d7d7d7; + border-right:1px solid #d7d7d7; + border-bottom:1px solid #d7d7d7; margin:0; - padding:0; - background: url(../images/grid_headerbg.gif) repeat-x top left; + padding:0 0 3px 0; } -.gridheader_morebutton { - width:58px; - height:24px; - float:right; - background:url(../images/grid_morebutton.gif) no-repeat top left; - margin-right:10px; +.vmpopup_offdescriptionbox_bot p { + width:630px; + height:auto; + float:left; + color:#666; + text-align:left; + font-size:11px; + font-weight:normal; + margin:5px 0 0 10px; + display:inline; padding:0; - text-decoration:none; +} + +.vmpopup_navigationpanel { + width:700px; + height:29px; + float:left; + margin:15px 0 0 0; + padding:0; +} + +.vmpop_nextbutton { + width:98px; + height:19px; + float:right; + background:url(../images/vmpopup_nextbut.gif) no-repeat top left; + color:#FFF; + font-size:12px; + font-weight:normal; + text-align:center; + margin:0; + padding:7px 0 0 0; cursor:pointer; cursor:hand; } -.gridheader_morebutton:hover { - background:url(../images/grid_morebutton_hover.gif) no-repeat top left; +.vmpop_nextbutton:hover { + background:url(../images/vmpopup_prevbut.gif) no-repeat top left; } -.db_vmcontainer { - width:31%; - height:119px; - float:left; - margin:10px 0 10px 10px; - display:inline; - padding:0; -} - - - -.db_vmcontainerleft { - width:15px; - height:119px; - float:left; - background:url(../images/sprite1.gif) no-repeat -452px -132px; - margin:0; - overflow:hidden; - padding:0; -} - - - -.db_vmcontainermid { - width:auto; - height:119px; - background:url(../images/db_vmmid.gif) repeat-x top left; - margin:0 0 0 15px; - padding:0; -} - - -/* hide from mac \*/ -* html .db_vmcontainerleft {margin-right: -3px;} -* html .db_vmcontainermid {margin-left: 0;} -/* end hide */ - - -.db_vmyellowcontainerleft { - width:15px; - height:119px; - float:left; - background:url(../images/sprite1.gif) no-repeat -121px -221px; - margin:0; - overflow:hidden; - padding:0; -} - -.db_vmyellowcontainermid { - width:auto; - height:119px; - background:url(../images/db_vmyellowmid.gif) repeat-x top left; - margin:0 0 0 15px; - padding:0; -} - -/* hide from mac \*/ -* html .db_vmyellowcontainerleft {margin-right: -3px;} -* html .db_vmyellowcontainermid {margin-left: 0;} -/* end hide */ - -.db_vmcontainermidleft { - width:110px; - height:119px; - float:left; - margin:0; - padding:0; -} - -.grid_statusicons { - width:68px; - height:20px; - float:left; - margin:10px 0 0 20px; - display:inline; - padding:0; -} - -.db_vmicons { - width:93px; - height:41px; - float:left; - margin:22px 0 0 7px; - display:inline; - padding:0; -} - -.db_vmcontainermidright { - width:auto; - height:119px; - float:left; - margin:0; - padding:0; -} - - -.db_vmcontainermidright p{ - width:auto; - height:auto; - float:left; - margin:30px 0 0 10px; - display:inline; - padding:0; - font-size:11px; - font-weight:normal; - text-align:left; -} - -.db_vmcontainermidright span{ - width:auto; - height:auto; - margin:0; - padding:0; - font-size:11px; - font-weight:bold; - color:#6f900a; - text-align:left; -} - -.grid_runningtitles { - color: #3b5107; - text-align:left; - font-size:11px; - font-weight:bold; - margin:13px 0 0 8px; - float:left; - display:inline; -} - -.grid_stoppedtitles { - color: #a00000; - text-align:left; - font-size:11px; - font-weight:bold; - margin:13px 0 0 8px; - float:left; - display:inline; -} - -.db_vmcontainerright { - width:15px; - height:119px; - float:left; - background:url(../images/sprite1.gif) no-repeat -475px -132px; - margin:10px 0 0 -15px; - padding:0; -} - -.db_vmyellowcontainerright { - width:15px; - height:119px; - float:left; - background:url(../images/sprite1.gif) no-repeat -142px -221px; - margin:10px 0 0 -15px; - padding:0; -} - -.db_blank { - width:1%; - height:119px; - float:left; - margin:0; - padding:0; -} - -.row_odd { - position:relative; - width:100%; - height:58px; - float:left; - margin:0; - padding:0; - background: #FFF repeat-x top left; - border-bottom:1px solid #e8e8e8; -} - -.row_running { - position:relative; - width:100%; - height:57px; - float:left; - margin:0; - padding:0; - background: # F00 url(../images/running_bar.gif) no-repeat top left; -} - -.row_even { - position:relative; - width:100%; - height:58px; - float:left; - margin:0; - padding:0; - background: #f4f2f2 repeat-x top left; - border-bottom:1px solid #e8e8e8; - -} - - - -.vmrow_loading { - width:100%; - height:68px; - margin:0; - padding:0; - position:absolute; - top:0; - left:0; - background: url(../images/alpha_vmrowbg.png) repeat-x top left; - z-index:999; - text-align:center; -} - -.row_loading { - width:100%; - height:38px; - margin:0; - padding:0; - position:absolute; - top:0; - left:0; - background: url(../images/alpha_rowbg.png) repeat-x top left; - z-index:999; - text-align:center; -} - -.loading_animationcontainer { - width:auto; - height:24px; - margin:0 auto; - padding:0; - z-index:1000; - float:left; - position:absolute; - top:20px; - left:38%; -} - -.loading_animationtext { - width:100px; +.vmpop_prevbutton { + width:98px; height:19px; float:left; - background:url(../images/loadind_textbg.gif) #000 repeat-x top left; - margin:0; - display:block; - padding:5px 5px 0; + background:url(../images/vmpopup_prevbut.gif) no-repeat top left; color:#FFF; - font-size:11px; - font-weight:normal; -} - -.loading_animation { - width:192px; - height:24px; - float:left; - background:url(../images/loading.gif) no-repeat top left; - margin:0; - padding:0; -} - -.loadingmessage_container { - width:30%; - height:56px; - margin:0 auto; - padding:0; - z-index:1000; - float:left; - position:absolute; - background:url(../images/loading_messagebg.gif) #d3d3d3 repeat-x top left; - border:1px solid #CCC; - top:0; - left:38%; - display:inline; -} - - -.loadingmessage_top { - width:99%; - height:29px; - float:left; - margin:0; - padding:2px 5px 0 5px; - overflow:hidden; -} - -.loadingmessage_top p { - width:auto; - height:25px; - margin:0; - padding:0; - color:#333; - text-align:left; - font-weight:normal; - font-size:11px; - display:inline; -} - -.loadingmessage_bottom { - width:100%; - height:20px; - float:left; - margin:0; - padding:0; -} - -a.continue_button { - width:60px; - height:17px; - float:right; - margin-right:5px; - padding:0; - background:url(../images/vm_continuebutton.gif) no-repeat top left; - text-decoration:none; - border -} - -a:hover.continue_button { - background:url(../images/vm_continuebutton_hover.gif) no-repeat top left; -} - -.grid_header_cell0 { - width:6%; - height:24px; - float:left; - margin:0; - padding:0; - border-right:1px solid #c2c2c2; - overflow:hidden; -} -.grid_header_cell1 { - width:11%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} - -.grid_header_cell2 { - width:9%; - height:24px; - float:left; - margin:0; - padding:0; - border-right:1px solid #c2c2c2; - overflow:hidden; - -} - -.grid_header_cell3 { - width:24%; - height:24px; - float:left; - margin:0; - padding:0; - border-right:1px solid #c2c2c2; - overflow:hidden; - -} - -.grid_header_cell4 { - width:5%; - height:24px; - float:left; - margin:0; - padding:0; - border-right:1px solid #c2c2c2; - overflow:hidden; -} - -.grid_headertitles { - color:#FFF; - text-align:left; font-size:12px; font-weight:normal; - margin:5px 0 0 8px; - float:left; - display:inline; + text-align:center; + margin:0; + padding:7px 0 0 0; + cursor:pointer; + cursor:hand; } -.gridsorting_arrow { - width:10px; - height:5px; +.vmpop_prevbutton:hover { + background:url(../images/vmpopup_nextbut.gif) no-repeat top left; +} + + +.rev_tempsearchpanel { + width:690px; + height:21px; + float:left; + margin:0 0 10px 0; + padding:0; +} + +.rev_tempsearchpanel .select { + width:160px; + height:18px; + background:#eaeaea repeat top left; + border:1px solid #999; + font-size:12px; + color:#333; + margin:0 0 0 5px; + display:inline; + padding:0; +} + +.rev_tempsearchbox { + width:215px; + height:21px; float:right; - margin:9px 7px 0 0 ; - - padding:0; -} - -.gridsorting_arrow.up { - background:url(../images/gridsorting_uparrow.gif) no-repeat top right; -} - -.gridsorting_arrow.down { - background:url(../images/gridsorting_downarrow.gif) no-repeat top right; -} - -.red_statusbar { - width:1%; - height:58px; - float:left; margin:0; padding:0; - background:url(../images/red_statusbar.gif) repeat top left; } -.grey_statusbar { - width:1%; - height:58px; - float:left; - margin:0; - padding:0; - background:url(../images/grey_statusbar.gif) repeat top left; -} - -.green_statusbar { - width:1%; - height:58px; - float:left; - margin:0; - padding:0; - background:url(../images/green_statusbar.gif) repeat top left; -} - -.yellow_statusbar { - width:1%; - height:58px; - float:left; - margin:0; - padding:0; - background:url(../images/yellow_statusbar.gif) repeat top left; -} - - - -.grid_row_cell1 { - width:11%; - height:38px; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - overflow:hidden; -} - -.grid_row_cell2 { - width:9%; - height:38px; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - overflow:hidden; - -} - -.grid_row_cell3 { - width:24%; - height:38px; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - overflow:hidden; - -} - -.grid_row_cell4 { - width:5%; - height:38px; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - overflow:hidden; -} - - - -.grid_celltitles { - color: #333; - text-align:left; - font-size:11px; - font-weight:normal; - margin:13px 0 6px 8px; - float:left; - display:inline; - overflow:hidden; -} - -.grid_celltitles a:link { - color: #2c8bbc; - text-align:left; - font-size:11px; - font-weight:normal; - display:inline; - text-decoration:none; - margin-left:5px; - padding:0; -} - -.grid_celltitles a:visited { - color: #2c8bbc; - text-align:left; - font-size:11px; - font-weight:normal; - display:inline; - text-decoration:none; - margin-left:5px; - padding:0; -} - -.grid_celltitles a:hover { - color: #2c8bbc; - text-align:left; - font-size:11px; - font-weight:normal; - display:inline; - text-decoration:underline; - margin-left:5px; - padding:0; -} - -.grid_runningtitles { - color: #3b5107; - text-align:left; - font-size:11px; - font-weight:bold; - margin:13px 0 0 8px; - float:left; - display:inline; -} - -.grid_stoppedtitles { - color: #a00000; - text-align:left; - font-size:11px; - font-weight:bold; - margin:13px 0 0 8px; - float:left; - display:inline; -} - -.grid_haicons { - width:38px; - height:15px; - float:left; - margin:10px 0 0 5px; - display:inline; - padding:0; -} - -a.windows_consoleicons { - width:34px; - height:27px; - float:left; - margin:10px 0 0 8px; - display:inline; - padding:0; - text-decoration:none; - background:url(../images/windowsconsole_icon.gif) no-repeat top left; -} - -a:hover.windows_consoleicons { - width:34px; - height:27px; - float:left; - margin:13px 0 0 8px; - display:inline; - padding:0; - text-decoration:none; - background:url(../images/windowsconsole_iconhover.gif) no-repeat top left; -} - - -.grid_groupdivider { - width:100%; +.rev_tempsearchbox ol { + width:168px; height:21px; - background:#fefcdf repeat-x top left; - border-bottom:1px solid #e8e8e8; - float:left; - margin:0; - padding:0; -} - -.grouptitle_container { - width:auto; - height:17px; - background:#505050 repeat top left; - float:left; - color:#cbf0fd; - font-weight:bold; - font-size:11px; - padding:4px 13px 0 13px; -} - -.group_endbox { - width:24px; - height:21px; - float:left; - background:url(../images/sprite1.gif) no-repeat -153px -94px; - margin:0; - padding:0; -} - -.grid_links { - width:auto; - height:16px; - float:left; - margin:0; - padding:0; -} - -.grid_links a:link { - color:#2c8bbc; - text-decoration:none; - text-align:left; - font-weight:normal; - font-size:11px; - margin:0 8px; - display:inline; - -} - -.grid_links a:visited { - color:#2c8bbc; - text-decoration:none; - text-align:left; - font-weight:normal; - font-size:11px; - margin:0 8px; - display:inline; -} - -.grid_links a:hover { - color:#333; - text-decoration:underline; - text-align:left; - font-weight:normal; - font-size:11px; - margin:0 8px; - display:inline; -} - -.gridmore_links { - width:183px; - height:16px; - float:left; - margin:0; - padding:0; - -} - -.gridmore_links a:link { - color:#2c8bbc; - text-decoration:none; - text-align:left; - font-weight:normal; - font-size:11px; - margin:0 8px; - display:inline; -} - -.gridmore_links a:visited { - color:#2c8bbc; - text-decoration:none; - text-align:left; - font-weight:normal; - font-size:11px; - margin:0 8px; - display:inline; -} - -.gridmore_links a:hover { - color:#333; - text-decoration:underline; - text-align:left; - font-weight:normal; - font-size:11px; - margin:0 8px; - display:inline; -} - - -.dropdown_more { - width:183px; - height:auto; - float:left; - margin:0; - padding:0; - position:absolute; - left:295px; - z-index:1003; - display: none; -} - -.dropdown_moretop { - width:183px; - height:40px; - float:left; - background:url(../images/overlay_moretop.png) no-repeat top left; - margin:0; - padding:0; - overflow:hidden; -} - -.dropdown_moremid { - width:183px; - height:auto; - float:left; - background:url(../images/overlay_moremid.png) repeat-y top left; - margin:0; - padding:0; -} - -.dropdown_morelist{ - width:170px; - height:auto; float:left; margin:0; padding:0; list-style:none; } -.dropdown_morelist li{ - padding:4px 0 7px 9px; - background:url(../images/box_bullet.gif) no-repeat top left; - background-position: 2px 5px; - text-align: left; - margin-left: 10px; - font-size: 12px; - border-bottom:1px dashed #e1e1e1; +.rev_tempsearchbox li { + width:168px; + height:21px; + float:left; + margin:0; + padding:0; } -.dropdown_morelist a:link { - color:#2c8bbc; - text-decoration:none; - text-align:left; - font-weight:normal; - font-size:11px; - margin:0 8px; - display:inline; -} - -.dropdown_morelist a:visited { - color:#2c8bbc; - text-decoration:none; - text-align:left; - font-weight:normal; - font-size:11px; - margin:0 8px; - display:inline; -} - -.dropdown_morelist a:hover { +.rev_tempsearchbox .text { + width:160px; + height:18px; + float:left; + background:#eaeaea repeat top left; + border:1px solid #999; + font-size:12px; color:#333; - text-decoration:underline; - text-align:left; - font-weight:normal; - font-size:11px; - margin:0 8px; - display:inline; -} - -.dropdown_morebot { - width:183px; - height:32px; - float:left; - background:url(../images/overlay_morebot.png) no-repeat top left; margin:0; padding:0; } - -.overlay_smallpopup { - width:408px; - height:200px; - float:left; - margin:0; - padding:0; - position:absolute; - z-index:1005; - background:url(../images/console_bg.png) no-repeat top left; - right:130px; - display:none; -} - - - -.overlay_spopup_top { - width:408px; - height:37px; - float:left; - background: url(../images/small_pptop.png) no-repeat top left; - margin:0; - padding:0; - overflow:hidden; -} - - -.overlay_spopup_mid { - width:408px; - height:auto; - float:left; - background: url(../images/small_ppmid.png) repeat-y top left; - margin:0; - padding:0; -} - - -.overlay_spopup_midleft { - width:180px; - height:auto; - float:left; - margin:0; - padding:0; -} - -.console_box0 { - width:144px; - height:110px; - float:left; - margin-top: 30px; - margin-left:31px; - padding:0; - display:inline; -} - -.console_box1 { - width:144px; - height:110px; - float:left; - margin-top: 30px; - margin-left:31px; - padding:0; - display:inline; -} - -.overlay_spopup_midright { - width:228px; - height:auto; - float:left; - margin:0; - padding:0; -} - - -.overlay_spopup_midright p { - width:200px; - height:auto; - float:left; - margin-left:10px; - display:inline; - font-size:11px; - font-weight:normal; - text-align:left; - padding:0; -} - -.overlay_spopup_midright span { - width:200px; - height:auto; - float:left; - margin-left:10px; - margin-bottom:8px; - display:inline; - font-size:11px; - font-weight:bold; - color:#77c4df; - text-align:left; - padding:0; -} - - - -.overlay_spopup_bot { - width:408px; - height:42px; - float:left; - background: url(../images/small_ppbot.png) no-repeat top left; - margin::0; - padding::0; - overflow:hidden; -} - -.alert_box { - width:97%; - height:55px; - float:left; - margin:8px 0 0 10px; - display:inline; -} - -.alert_box_left { - width:3%; - height:55px; - float:left; - margin:0; - padding:0; -} - -.alert_icon { - width:15px; - height:12px; - background:url(../images/alert_icon.png) no-repeat top left; - float:left; - margin:0; - padding:0; -} - -.alert_box_mid { - width:75%; - height:55px; - float:left; - margin:0; - padding:0; -} - -.alert_box_mid p{ - width:auto; - height:auto; - float:left; - text-align:left; - font-size:11px; - margin-left:10px; - padding:0; -} - -.alert_box_mid span{ - width:100%; - height:auto; - float:left; - text-align:left; - font-size:11px; - color:#ad0000; - font-weight:bold; - margin:0; - padding:0; -} - - -.alert_box_right { - width:22%; - height:55px; - float:left; - margin:0; - padding:0; -} - -.alert_box_right p{ - width:auto; - height:auto; - float:right; - text-align:left; - font-size:11px; - margin:0; - padding:0; -} - - -.account_box { - width:96%; - height:173px; - float:left; - margin:15px 15px 0 15px; - background:url(../images/account_bg.gif) repeat-x top left; - border:1px solid #a7a7a7; - display:inline; - padding:0; -} - -.account_boxshadow { - width:125px; - height:13px; - float:right; - margin-right:20px; - margin-bottom:9px; - display:inline; - background:url(../images/account_shadow.gif) no-repeat top left; - padding:0; -} - -.account_info { - width:90%; - height:155px; - float:left; - margin:10px 0 0 5px; - text-align:left; - font-weight:bold; - display:inline; - padding:0; -} - -.account_info p { - text-align:left; - font-weight:bold; - margin-bottom:2px; - padding:0; -} - -.account_info span { - text-align:left; - font-weight:normal; - color:#333; - padding:0; -} - -.pin_icon { - width:12px; - height:23px; - float:left; - margin:0; - padding:0; - background:url(../images/pin_icon.gif) no-repeat top left; -} - -.eventgridheader_cell1 { - width:20%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} - -.eventgridheader_cell2 { - width:39%; - height:24px; - float:left; - margin:0; - padding:0; - border-right:1px solid #c2c2c2; - overflow:hidden; -} - -.eventrow_cell1 { - width:20%; - height:24px; - float:left; - margin:0; - border-right:1px solid #f9f9f9; - padding:0; - overflow:hidden; -} - -.eventrow_cell2 { - width:39%; - height:24px; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - overflow:hidden; -} - -.admin_eventgridheader_cell1 { - width:13%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} - -.admin_eventgridheader_cell2 { - width:34%; - height:24px; - float:left; - margin:0; - padding:0; - border-right:1px solid #c2c2c2; - overflow:hidden; -} - -.admin_eventrow_cell1 { - width:13%; - height:24px; - float:left; - margin:0; - border-right:1px solid #f9f9f9; - padding:0; - overflow:hidden; -} - -.admin_eventrow_cell2 { - width:34%; - height:24px; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - overflow:hidden; -} - -.admin_alertgridheader_cell1 { - width:25%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} - -.admin_alertgridheader_cell2 { - width:49%; - height:24px; - float:left; - margin:0; - padding:0; - border-right:1px solid #c2c2c2; - overflow:hidden; -} - -.admin_alertrow_cell1 { - width:25%; - height:24px; - float:left; - margin:0; - border-right:1px solid #f9f9f9; - padding:0; - overflow:hidden; -} - -.admin_alertrow_cell2 { - width:49%; - height:24px; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - overflow:hidden; -} - -.admin_accountgridheader_cell1 { - width:20%; - height:24px; - float:left; - margin:0; - padding:0; - border-right:1px solid #c2c2c2; - overflow:hidden; -} - -.admin_accountgridheader_cell2 { - width:10%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} -.admin_accountgridheader_cell3 { - width:8%; - height:24px; - float:left; - margin:0; - padding:0; - border-right:1px solid #c2c2c2; - overflow:hidden; -} - - -.admin_accountgridrow_cell1 { - width:20%; - height:24px; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - overflow:hidden; -} - -.admin_accountgridrow_cell2 { - width:10%; - height:24px; - float:left; - margin:0; - border-right:1px solid #f9f9f9; - padding:0; - overflow:hidden; -} -.admin_accountgridrow_cell3 { - width:8%; - height:24px; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - overflow:hidden; -} - - -.temp_gridheader_cell1 { - width:5%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} - -.temp_gridheader_cell2 { - width:15%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} - -.temp_gridheader_cell3 { - width:20%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - overflow:hidden; - padding:0; - overflow:hidden; -} - -.temp_gridheader_cell4 { - width:4%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} - - - -.tempgrid_row_cell1 { - width:5%; - height:25px; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - white-space:nowrap; - overflow:hidden; -} - -.tempgrid_row_cell2 { - width:15%; - height:25px; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - overflow:hidden; -} - -.tempgrid_row_cell3 { - width:20%; - height:25px; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - overflow:hidden; -} - -.tempgrid_row_cell4 { - width:4%; - height:25px; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - white-space:nowrap; - overflow:hidden; -} - - -.tempbiticons { +.rev_searchbutton { width:auto; - height:17px; + padding:auto; float:left; - margin:-2px 1px 0 0; + text-decoration:none; + font-size:11px; + color:#0074bb; + text-align:left; + margin:5px 0 0 5px; + padding:0; + cursor:pointer; + cursor:hand; +} + +.rev_searchbutton:hover { + + text-decoration:underline; + } + +.rev_wizformarea { + width:700px; + height:auto; + float:left; + margin:0; padding:0; } -.temptypeicons { - width:16px; - height:16px; + +.rev_wizformarea ol { + width:605px; + height:auto; + color:#333; float:left; - margin:-2px 0 0 0; - padding:0; + font-family:Arial, Helvetica, sans-serif; + font-size:12px; + list-style:none; } -a.temp_editbutton{ - width:20px; +.rev_wizformarea li { + width:600px; + float:left; + padding-bottom: 10px; + color:#FFF; + font-size:12px; + font-weight:normal; + text-align:left; + margin-top:5px; +} + +.rev_wizformarea label { + width:150px; + float:left; + text-align:left; + font-weight:bold; + margin-top:2px; + color:#333; + font-size:13px; +} + +.rev_wizformarea .radio { + width:15px; height:15px; float:left; - background:url(../images/temp_editicon.gif) no-repeat top left; - text-decoration:none; - margin:0 0 0 0; + margin:0 5px 0 0; padding:0; } -a:hover.temp_editbutton{ - background:url(../images/temp_editicon_hover.gif) no-repeat top left; -} - -a.temp_deletebutton{ - width:11px; - height:14px; - float:left; - background:url(../images/temp_deleteicon.gif) no-repeat top left; - text-decoration:none; - margin:0 0 0 0; - padding:0; -} - -a:hover.temp_deletebutton{ - background:url(../images/temp_deleteicon_hover.gif) no-repeat top left; -} - - -.gridadmin_hostheader_cell0 { - width:16%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} - - -.gridadmin_hostheader_cell1 { - width:10%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} - -.gridadmin_hostheader_cell2 { - width:12%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} - -.gridadmin_hostheader_cell3 { - width:23%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} - -.gridadmin_hostheader_cell_s { - width:5%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} - -.gridadmin_hostrow_cell1 { - width:10%; - height:38px; - float:left; - margin:0; - border-right:1px solid #f9f9f9; - padding:0; - overflow:hidden; -} - -.gridadmin_hostrow_cell2 { - width:12%; - height:38px; - float:left; - margin:0; - border-right:1px solid #f9f9f9; - padding:0; - overflow:hidden; -} - -.gridadmin_hostrow_cell3 { - width:23%; - height:38px; - float:left; - margin:0; - border-right:1px solid #f9f9f9; - padding:0; - overflow:hidden; -} - -.gridadmin_hostrow_cell4 { - width:15%; - height:38px; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - overflow:hidden; -} - -.gridadmin_hostrow_cell_s { - width:5%; - height:38px; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - overflow:hidden; -} - -.gridadmin_storageheader_cell3 { - width:21%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} -.gridadmin_storageheader_cell4 { - width:22%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} - -.gridadmin_storagerow_cell3 { - width:21%; - height:38px; - float:left; - margin:0; - border-right:1px solid #f9f9f9; - padding:0; - overflow:hidden; -} - -.gridadmin_storagerow_cell4 { - width:22%; - height:38px; - float:left; - margin:0; - border-right:1px solid #f9f9f9; - padding:0; - overflow:hidden; -} - -.gridadmin_globalheader_cell1 { - width:50%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} - -.gridadmin_globalheader_cell2 { - width:30%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} - -.gridadmin_globalheader_cell3 { - width:15%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} - -.gridadmin_globalheader_cell4 { - width:4%; - height:24px; - float:left; - margin:0; - padding:0; - overflow:hidden; -} - -.gridadmin_globalrow_cell1 { - width:50%; - height:24px; - float:left; - margin:0; - border-right:1px solid #f9f9f9; - padding:0; - overflow:hidden; -} - -.gridadmin_globalrow_cell2 { - width:30%; - height:24px; - float:left; - margin:0; - border-right:1px solid #f9f9f9; - padding:0; - overflow:hidden; -} - -.gridadmin_globalrow_cell3 { - width:15%; - height:24px; - float:left; - margin:0; - border-right:1px solid #f9f9f9; - padding:0; - overflow:hidden; -} - -.gridadmin_globalrow_cell4 { - width:4%; - height:24px; - float:left; - margin:0; - padding:0; - overflow:hidden; -} - -.gridadmin_offeringsheader_cell1 { - width:5%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} - -.gridadmin_offeringsheader_cell2 { - width:10%; - height:24px; - float:left; - margin:0; - padding:0; - border-right:1px solid #c2c2c2; - overflow:hidden; -} - -.gridadmin_offeringsheader_cell3 { - width:15%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} -.gridadmin_offeringsheader_cell4 { - width:44%; - height:24px; - float:left; - margin:0; - border-right:1px solid #c2c2c2; - padding:0; - overflow:hidden; -} - -.gridadmin_offeringsrow_cell1 { - width:5%; - height:24px; - float:left; - margin:0; - border-right:1px solid #f9f9f9; - padding:0; - overflow:hidden; -} -.gridadmin_offeringsrow_cell2 { - width:10%; - height:24px; - float:left; - border-right:1px solid #f9f9f9; - margin:0; - padding:0; - overflow:hidden; -} -.gridadmin_offeringsrow_cell3 { - width:15%; - height:24px; - float:left; - margin:0; - border-right:1px solid #f9f9f9; - padding:0; - overflow:hidden; -} - -.gridadmin_offeringsrow_cell4 { - width:44%; - height:24px; - float:left; - margin:0; - border-right:1px solid #f9f9f9; - padding:0; - overflow:hidden; -} - -.details_arrow { - width:9px; - height:6px; - float:left; - margin:2px 5px 0 5px; - display:inline; - padding:0; -} - -.hostadmin_showdetails_panel { - width:98%; - height:auto; - border-left:1px solid #cacaca; - border-right:1px solid #cacaca; - border-bottom:1px solid #cacaca; - float:left; - margin:0 10px 0 10px; - padding:0; -} - -.hostadmin_showdetails_grid { - width:100%; - height:auto; - max-height:200px; - background:#FFF repeat top left; - float:left; - margin:0; - padding:0; - overflow-x:hidden; - overflow-y:auto; -} - -.hostadmin_showdetails_columneven { - width:25%; - height:100px; - background:#dbdfe1 repeat top left; +.rev_wizformarea .checkbox { + width:15px; + height:15px; float:left; margin:0; padding:0; } -.hostadmin_showdetails_columnodd { - width:25%; - height:100px; - background:#FFF repeat top left; - float:left; - margin:0; - padding:0; -} - -.host_statisticspanel { - width:100%; - height:auto; - background:#fffadf repeat top left; - float:left; - margin:0; - padding:0; -} - -.host_statisticslist { - width:95%; - height:auto; - float:left; - margin:10px 0 5px 10px; - display:inline; - padding:0; -} - -.host_statisticspanel p { - width:auto; - height:auto; - margin-left:5px; - float:left; - color:#333; - text-align:left; - font-weight:normal; -} - -.host_statisticspanel_green { - width:auto; - height:auto; - color:#3b5107; - text-align:left; - font-weight:normal; - margin:0; - padding:0; -} - -.host_statisticspanel_red { - width:auto; - height:auto; - color:#ea0000; - text-align:left; - font-weight:normal; - margin:0; - padding:0; -} - -.hostcpu_icon { - width:24px; - height:11px; - float:left; - background:url(../images/cpu_icon.gif) no-repeat top left; - margin:0; - display:inline; - padding:0; -} - -.hostnetwork_icon { - width:24px; - height:14px; - float:left; - background:url(../images/hostnetwork_icon.gif) no-repeat top left; - margin:0; - display:inline; - padding:0; -} - -.hostdisk_icon { - width:10px; - height:16px; - float:left; - background:url(../images/disk_icon.gif) no-repeat top left; - margin:0; - display:inline; - padding:0; -} - - -.hostmemory_icon { - width:24px; - height:14px; - float:left; - background:url(../images/memory_icon.gif) no-repeat top left; - margin:0; - display:inline; - padding:0; -} - -.hostadmin_showdetailsheader { - width:100%; - height:23px; - background:url(../images/hostdetails_headerbg.jpg) repeat-x top left; - float:left; - margin:0; - padding:0; -} - -.hostadmin_showdetailsheader_cell { - height:23px; - float:left; - margin:0; - border-right:1px solid #d6dbdd; - padding:0; - overflow:hidden; -} - -.hostadmin_showdetails_row_odd { - width:100%; - height:23px; - float:left; - margin:0; - padding:0; - background: #FFF repeat-x top left; - border-bottom:1px solid #e8e8e8; -} - -.hostadmin_showdetails_row_even{ - width:100%; - height:23px; - float:left; - margin:0; - padding:0; - background: #dbdfe1 repeat-x top left; - border-bottom:1px solid #f0f0f0; -} - -.hostadmin_showdetailsrow_cell { - height:22px; - float:left; - margin:0; - border-right:1px solid #e6eaec; - padding:0; - overflow:hidden; -} - -.grid_vmrouterheader_cell { - height:24px; - float:left; - margin:0; - padding:0; - border-right:1px solid #c2c2c2; - overflow:hidden; -} - -.grid_genrow_cell { - height:auto; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - overflow:hidden; -} - -.grid_smallgenrow_cell { - height:auto; - float:left; - margin:0; - padding:0; - border-right:1px solid #f9f9f9; - overflow:hidden; -} - - -.grid_genheader_cell { - height:24px; - float:left; - margin:0; - padding:0; - border-right:1px solid #c2c2c2; - overflow:hidden; -} - -a.add_newtemplatebutton { - width:120px; - height:36px; - float:left; - margin-left:10px; - display:inline; - background:url(../images/sprite1.gif) no-repeat -5px -383px; - padding:0; -} - -a:hover.add_newtemplatebutton { - background:url(../images/sprite1.gif) no-repeat -128px -383px; -} - -.loading_gridtable { - width:auto; +.revwiz_loadingbox { + width:180px; height:50px; - background:#FFF repeat top left; position:absolute; - border:1px solid #CCC; - top:300px; - left:40%; - margin-bottom:10px; - opacity:none; + background:#FFF repeat top left; + border:1px solid #999; + z-index:1100; + top:47%; + left:45%; } -.loading_gridtable p { +.revwiz_loadingbox p{ width:auto; height:auto; float:left; @@ -5063,1582 +776,18 @@ a:hover.add_newtemplatebutton { color:#666; font-weight:normal; font-size:25px; - margin:10px 15px 0 30px; + margin:10px 0 0 20px; display:inline; } -.loading_gridanimation { - width:30px; - height:30px; - background:url(../images/bigrotation2.gif) no-repeat top left; - float:left; - margin:10px 0 0 10px; - padding:0; -} - -.vm_rows { - position:relative; - width:100%; - height:91px; - float:left; - margin:0; - padding:0; - background: #FFF repeat-x top left; - border-bottom:1px solid #e8e8e8; - display:block; -} - -.vm_rows_top { - width:100%; - height:68px; - float:left; - margin:0; - padding:0; -} - -.vm_genrows_cell { - height:68px; - float:left; - margin:0; - padding:0; - overflow:hidden; -} - - -.vm_rows_bot { - width:100%; - height:23px; - float:left; - background:url(../images/vm_actionbg.gif) repeat-x top left; - margin:0; - padding:0; -} - -.vm_bot_actions { - width:60%; - height:auto; - float:left; - margin:5px 0 0 10px; - padding:0; -} - -.vm_rowbot_loading { - width:60%; - height:auto; - float:left; - margin:5px 0 0 10px; - padding:0; -} - -.vm_rowbot_loading p { - width:auto; - height:auto; - float:left; - margin:2px 0 0 0; - color:#333; - text-align:left; - font-weight:bold; - font-size:11px; - padding:0; -} - - -.vm_rowbot_loadinganimation { - width:16px; - height:16px; - float:left; - background:url(../images/vmbot_loader.gif) no-repeat top left; - margin:0 10px 0 0; - padding:0; -} - -.vm_botactionslinks { - width:auto; - height:auto; - float:left; - margin:0 10px 0 0; - padding:0 15px 0 0; - color:#2c8bbc; - text-decoration:none; - text-align:left; - font-size:11px; - cursor:pointer; - cursor:hand; -} - -.vm_botactionslinks:hover{ - width:auto; - height:auto; - float:left; - margin:0 10px 0 0; - padding:0 15px 0 0; - color:#333; - text-decoration:underline; - text-align:left; - font-size:11px; - cursor:pointer; - cursor:hand; -} - -.vm_botactionslinks_down { - width:auto; - height:auto; - float:left; - margin:0 10px 0 0; - padding:0 15px 0 0; - color:#2c8bbc; - text-decoration:none; - text-align:left; - font-size:11px; - background:url(../images/details_downarrow.jpg) no-repeat center right; - cursor:pointer; - cursor:hand; -} - - -.vm_botactionslinks_down:hover{ - width:auto; - height:auto; - float:left; - margin:0 10px 0 0; - padding:0 15px 0 0; - color:#333; - text-decoration:underline; - text-align:left; - font-size:11px; - background:url(../images/details_downarrow.jpg) no-repeat center right; - cursor:pointer; - cursor:hand; -} - -.vm_botactionslinks_up { - width:auto; - height:auto; - float:left; - margin:0 10px 0 0; - padding:0 15px 0 0; - color:#2c8bbc; - text-decoration:none; - text-align:left; - font-size:11px; - background:url(../images/details_uparrow.jpg) no-repeat center right; - cursor:pointer; - cursor:hand; -} - - -.vm_botactionslinks_up:hover{ - width:auto; - height:auto; - float:left; - margin:0 10px 0 0; - padding:0 15px 0 0; - color:#333; - text-decoration:underline; - text-align:left; - font-size:11px; - background:url(../images/details_uparrow.jpg) no-repeat center right; - cursor:pointer; - cursor:hand; -} - - -.vm_bot_rightinfo { - width:auto; - height:auto; - float:right; - margin:2px 0 0 0; - padding:0; -} - -.vm_bot_groups { - width:auto; - height:17px; - float:left; - margin:0; - text-align:left; - background:url(../images/group_icon.gif) no-repeat top left; - padding:0; -} - - - -.vm_bot_groups p { - color:#ec6400; - font-size:11px; - font-weight:normal; - text-align:left; - margin:3px 10px 0 20px; - display:inline; - width:auto; - padding:auto; - float:left; -} - -.vm_bot_iso { - width:auto; - height:17px; - float:left; - margin:0 20px 0 0; - text-align:right; - padding:0; -} - -.vmiso_on { - width:20px; - height:18px; - float:left; - margin:0 0 0 0; - padding:0; - background:url(../images/ISO_ON.gif) no-repeat top left; -} - -.vmiso_off { - width:20px; - height:18px; - float:left; - margin:0 0 0 0; - padding:0; - background:url(../images/ISO_OFF.gif) no-repeat top left; -} - - -.vm_bot_iso p { - color:#333; - font-size:11px; - font-weight:normal; - text-align:left; - margin:3px 0 0 5px; - display:inline; - width:auto; - padding:auto; - float:left; -} - -.admin_vmcontainer { - width:100%; - height:57px; - float:left; - margin-top:5px; - overflow:hidden; - padding:0; -} - -.admin_vmcontainerleft { - width:7px; - height:57px; - float:left; - margin:0; - overflow:hidden; - padding:0; -} - - - -.admin_vmcontainermid { - width:auto; - height:57px; - margin:0 0 0 7px; - padding:0; -} - - -/* hide from mac \*/ -* html .admin_vmcontainerleft {margin-right: -3px;} -* html .admin_vmcontainermid {margin-left: 0;} -/* end hide */ - -.admin_vmcontainermid_list { - width:95%; - height:51px; - float:left; - list-style:none; - margin:0; - padding:0; -} - -.admin_vmcontainermid_list li { - width:94%; - height:12px; - float:left; - text-align:left; - font-size:11px; - font-weight:normal; - margin:5px 0 0 5px; - display:inline; - overflow:hidden; -} - -.admin_vmcontainerright { - width:7px; - height:57px; - float:left; - margin:5px 0 0 -7px; - padding:0; -} - -.admin_vmstatus { - width:100%; - height:25px; - float:left; - margin:0; - padding:0; -} - -.admin_vmgreen_arrow { - width:7px; - height:14px; - float:left; - margin-top:3px; - padding:0; - background:url(../images/vm_greenarrow.gif) no-repeat top left; -} - -.admin_vmgrey_arrow { - width:7px; - height:14px; - float:left; - margin-top:3px; - padding:0; - background:url(../images/vm_greyarrow.gif) no-repeat top left; -} - -.admin_vmred_arrow { - width:7px; - height:14px; - float:left; - margin-top:3px; - padding:0; - background:url(../images/vm_redarrow.gif) no-repeat top left; -} - -.admin_vmconsole { - width:34px; - height:27px; - float:left; - margin:0 0 0 10px; - display:inline; - padding:0; - background:url(../images/admin_vmconsole.gif) no-repeat top left; - cursor:pointer; - cursor:hand; -} -.vmactions_dropdownbox { - width:auto; - height:auto; - margin:0; - padding:0; - position:absolute; - top:69px; - left:10px; - background: #FFF repeat top left; - border:1px solid #CCC; - z-index:1000; -} - -.vmactions_dropdownbox_closebutton { - width:10px; - height:10px; - float:right; - margin:0; - padding:0; - background:url(../images/vmdropdown_closebutt.gif) no-repeat top left; - cursor:pointer; - cursor:hand; -} - -.vmactions_dropdownbox_closebutton_hover { - background:url(../images/vmdropdown_closebutt_hover.gif) no-repeat top left; - -} - - - -.vmaction_listbox { - width:auto; - height:auto; - float:left; - margin:5px 5px 10px 10px; - padding:0; - z-index:1002; -} - -.vmaction_list { - width:150px; - height:auto; - float:left; - margin:5px 10px 0 5px; - display:inline; -} - -.vmaction_list li{ - width:95px; - height:auto; - float:left; - margin:0 0 5px 0; - color:#333; - font-size:11px; - text-align:left; - font-weight:bold; - display:inline; -} - -.vmaction_links_on { - color:#2c8bbc; - text-align:left; - font-size:11px; - text-decoration:none; - font-weight:normal; - float:left; - width:auto; - height:auto; - margin:0; - padding:0; - cursor:pointer; - cursor:hand; -} - -.vmaction_links_on:hover { - color:#333; - text-align:left; - font-size:11px; - text-decoration:underline; - font-weight:normal; - float:left; - width:auto; - height:auto; - margin:0; - padding:0; - cursor:pointer; - cursor:hand; -} - -.vmaction_links_off { - color:#CCC; - text-align:left; - font-size:11px; - text-decoration:none; - font-weight:normal; - float:left; - width:auto; - height:auto; - margin:0; - padding:0; -} - - -.zonetree_box { - width:567px; - height:618px; - float:left; - margin:0; - padding:0; -} - -.zonetree_boxleft { - width: 16px; - height:618px; - float:left; - background:url(../images/zonetree_left.gif) no-repeat top left; - margin:0; - padding:0; - overflow:hidden; -} - -.zonetree_boxmid { - width: 535px; - height:618px; - float:left; - background:url(../images/zonetree_mid.gif) repeat-x top left; - margin:0; - padding:0; -} - -.zonetree_contentbox { - width:530px; - height:590px; - float:left; - margin:15px 0 0 0; - overflow-x:hidden; - overflow-y:scroll; - overflow-y:auto; -} - -.zonetree_contentbox p { - width:auto; - height:auto; - float:left; - text-align:left; - margin:5px 0 0 10px; - padding:0; - font-size:12px; - font-weight:bold; -} - -.zonetree_addbox { - width:510px; - height:25px; - float:left; - margin:0 0 5px 0; - padding:0; -} - - - -.zonetree_addicon { - width:16px; - height:16px; - float:left; - background:url(../images/zone_addicon.png) no-repeat top left; - margin:5px 0 0 5px; - padding:0; -} - -.tree_minusicon { - width:18px; - height:16px; - float:left; - background:url(../images/tree_minusopen_icon.png) no-repeat top left; - margin:5px 5px 0 0; - padding:0; -} - - -.zonetree_firstlevel { - width:510px; - height:25px; - float:left; - margin:0 0 5px 0; - padding:0; -} - -.zonetree_firstlevel_selected { - width:510px; - height:25px; - float:left; - margin:0 0 5px 0; - background:#eaf3f5 repeat top left; - padding:0; -} - -.zonetree_secondlevel { - width:455px; - height:25px; - float:left; - margin:0 0 5px 55px; - display:inline; - padding:0; -} - -.zonetree_secondlevel_selected { - width:475px; - height:25px; - float:left; - margin:0 0 5px 55px; - background:#eaf3f5 repeat top left; - padding:0; -} - -.zonetree_thirdlevel { - width:400px; - height:25px; - float:left; - margin:0 0 5px 110px; - display:inline; - padding:0; -} - -.zonetree_thirdlevel_selected { - width:400px; - height:25px; - float:left; - margin:0 0 5px 110px; - background:#eaf3f5 repeat top left; - padding:0; -} - -.zonetree_closedarrows { - width:12px; - height:14px; - background:url(../images/zone_sidearrow.png) no-repeat top left; - float:left; - margin:5px 5px 0 8px; - display:inline; - padding:0; - cursor:pointer; - cursor:hand; -} - -.zonetree_openarrows { - width:12px; - height:14px; - background:url(../images/zone_openarrow.png) no-repeat top left; - float:left; - margin:10px 5px 0 8px; - display:inline; - padding:0; - cursor:pointer; - cursor:hand; -} - -.zonetree_zoneicon { - width:18px; - height:18px; - float:left; - background:url(../images/zone_zoneicon.png) no-repeat top left; - font-weight:bold; - margin:3px 0 0 5px; - padding:0; -} - -.zonetree_podicon { - width:22px; - height:18px; - float:left; - background:url(../images/zone_podicon.png) no-repeat top left; - font-weight:bold; - margin:3px 0 0 5px; - padding:0; -} - -.zonetree_ipicon { - width:22px; - height:16px; - float:left; - background:url(../images/zone_ipicon.png) no-repeat top left; - font-weight:bold; - margin:3px 0 0 5px; - padding:0; -} -.zonetree_directipicon { - width:22px; - height:16px; - float:left; - background:url(../images/zone_directipicon.png) no-repeat top left; - font-weight:bold; - margin:3px 0 0 5px; - padding:0; -} -.zonetree_links { - width:auto; - height:auto; - float:left; - color:#2c8bbc; - text-decoration:none; - font-size:12px; - text-align:left; - margin:5px 0 0 10px; - display:inline; - padding:0; - cursor:pointer; - cursor:hand; -} -.zonetree_links:hover { - width:auto; - height:auto; - float:left; - color:#333; - text-decoration:underline; - font-size:12px; - text-align:left; - margin:5px 0 0 10px; - padding:0; - cursor:pointer; - cursor:hand; -} - - - -.zonetree_boxright { - width: 16px; - height:618px; - float:left; - background:url(../images/zonetree_right.gif) no-repeat top left; - margin:0; - padding:0; -} - -.zone_detailsbox { - width:406px; - height:414px; - float:left; - margin:0; - padding:0; -} - -.zone_detailsbox_left { - width:30px; - height:414px; - float:left; - background:url(../images/zone_detailsboxleft.gif) no-repeat top left; - margin:0; - padding:0; - overflow:hidden; -} - -.zone_detailsbox_mid { - width:359px; - height:414px; - float:left; - background:url(../images/zone_detailsboxmid.gif) repeat-x top left; - margin:0; - padding:0; - overflow:hidden; -} - -.zone_detailsbox_contentpanel { - width:350px; - height:390px; - float:left; - margin:10px 0 0 0; - padding:0; -} - -.zone_detailsbox_contentpanel h2 { - width:300px; - height:auto; - float:left; - color:#77c4df; - font-size:16px; - font-weight:normal; - text-align:left; - margin:5px 0 0 10px; - display:inline; - padding:0; -} - -.zone_detailsbox_content { - width:330px; - height:330px; - float:left; - margin:10px 0 0 10px; - padding:0; - display:inline; -} - -.zone_detailsbox_content p { - width:320px; - height:auto; - float:left; - margin:0 0 10px 0; - padding:0; - display:inline; - font-size:12px; - text-align:left; - font-weight:normal; -} - -.zone_detailsbox_content span { - width:100px; - height:auto; - float:left; - margin:0 0 5px 0; - padding:0; - display:inline; - font-size:12px; - text-align:left; - font-weight:bold; -} - - -.zone_detailsbox_right { - width:17px; - height:414px; - float:left; - background:url(../images/zone_detailsboxright.gif) no-repeat top left; - margin:0; - padding:0; -} - -.zone_detailsbox_actionpanel { - width:421px; - height:26px; - float:left; - margin:5px 0 0 0; - padding:0; -} - -.zone_detailsbox_actions { - width:auto; - height:26px; - float:left; - margin:0 0 0 0; - padding:0; -} - -.zonedetails_editzonebutton { - width:71px; - height:26px; - float:left; - background:url(../images/zone_editzonebutton.gif) no-repeat top left; - margin:0 5px 0 0; - padding:0; - cursor:pointer; - cursor:hand; - text-decoration:none; -} - -.zonedetails_editzonebutton:hover { - background:url(../images/zone_editzonebutton_hover.gif) no-repeat top left; -} - - -.zonedetails_addpublicipbutton { - width:131px; - height:26px; - float:left; - background:url(../images/zone_addpubIP.gif) no-repeat top left; - margin:0 5px 0 0; - padding:0; - cursor:pointer; - cursor:hand; - text-decoration:none; -} - -.zonedetails_addpublicipbutton:hover { - background:url(../images/zone_addpubIP_hover.gif) no-repeat top left; -} - -.zonedetails_addpodbutton { - width:71px; - height:26px; - float:left; - background:url(../images/zone_addpodbutton.gif) no-repeat top left; - margin:0 5px 0 0; - padding:0; - cursor:pointer; - cursor:hand; - text-decoration:none; -} - -.zonedetails_addpodbutton:hover { - background:url(../images/zone_addpodbutton_hover.gif) no-repeat top left; -} - -.zonedetails_editpodbutton { - width:71px; - height:26px; - float:left; - background:url(../images/zone_editpodbutton.gif) no-repeat top left; - margin:0 5px 0 0; - pediting:0; - cursor:pointer; - cursor:hand; - text-decoration:none; -} - -.zonedetails_editpodbutton:hover { - background:url(../images/zone_editpodbutton_hover.gif) no-repeat top left; -} - -.zonedetails_addvlanipbutton { - width:134px; - height:26px; - float:left; - background:url(../images/zone_addipbutton.gif) no-repeat top left; - margin:0 5px 0 0; - padding:0; - cursor:pointer; - cursor:hand; - text-decoration:none; -} - -.zonedetails_addvlanipbutton:hover { - background:url(../images/zone_addipbutton_hover.gif) no-repeat top left; - -} - -.zonedetails_directipbutton { - width:128px; - height:26px; - float:left; - background:url(../images/zone_directipbutton.gif) no-repeat top left; - margin:0 5px 0 0; - padding:0; - cursor:pointer; - cursor:hand; - text-decoration:none; -} - -.zonedetails_directipbutton:hover { - background:url(../images/zone_directipbutton_hover.gif) no-repeat top left; - -} - -.zonedetails_adddeletebutton { - width:60px; - height:26px; - float:left; - background:url(../images/zone_deletebutton.gif) no-repeat top left; - margin:0 5px 0 0; - padding:0; - cursor:pointer; - cursor:hand; - text-decoration:none; -} - -.zonedetails_adddeletebutton:hover { - background:url(../images/zone_deletebutton_hover.gif) no-repeat top left; - -} - - - -.tree_box { - width:400px; - height:618px; - float:left; - margin:0; - padding:0; -} - - -.tree_boxleft { - width: 16px; - height:618px; - float:left; - background:url(../images/zonetree_left.gif) no-repeat top left; - margin:0; - padding:0; - overflow:hidden; -} - -.tree_boxmid { - width: 368px; - height:618px; - float:left; - background:url(../images/zonetree_mid.gif) repeat-x top left; - margin:0; - padding:0; -} - -.tree_boxright { - width: 16px; - height:618px; - float:left; - background:url(../images/tree_boxright.gif) no-repeat top left; - margin:0; - padding:0; -} - - -.tree_contentbox { - width:360px; - height:590px; - float:left; - margin:15px 0 0 0; - overflow-x:scroll; - overflow-x:auto; - overflow-y:scroll; - overflow-y:auto; -} - - -.tree_firstlevel { - width:360px; - height:25px; - float:left; - margin:0 0 0 0; - padding:0; -} - - -.tree_levelspanel { - width:360px; - height:auto; - float:left; - margin:0 0 0 0; - padding:0; -} - -.tree_levelsbox{ - width:auto; - height:auto; - float:left; - margin:0 0 0 0; - padding:0; - display:inline; -} - -.tree_levels{ - width:auto; - height:auto; - float:left; - margin:0 0 0 0; - padding:0; -} - - - -.tree_eventlevels { - width:auto; - height:auto; - float:left; - margin:3px 0 0 39px; - padding:0; -} - - -.tree_eventlinks { - width:250px; - float:left; - padding:0 0 5px 20px; - font-family:Verdana, Geneva, sans-serif; - color:#2c8bbc; - font-size:12px; - font-weight:normal; - background:url(../images/tree_eventicon.gif) no-repeat top left; - margin:3px 0 0 0; - cursor:pointer; - cursor:hand; - text-decoration:none; -} - -.tree_eventlinks:hover { - text-decoration:underline; -} - -.tree_eventicon { - width:12px; - height:16px; - background:url(../images/tree_eventicon.gif) no-repeat top left; - float:left; - margin:0 5px 10px 8px; - padding:0; -} - - -.tree_links { - width:auto; - height:auto; - float:left; - color:#2c8bbc; - text-decoration:none; - font-size:12px; - text-align:left; - margin:5px 0 0 2px; - display:inline; - padding:0; - cursor:pointer; - cursor:hand; -} -.tree_links:hover { - text-decoration:underline; -} - -.domain_detailsbox { - width:auto; - height:618px; - float:left; - margin:0; - padding:0; -} - -.domain_detailsbox_left { - width:30px; - height:618px; - float:left; - background:url(../images/domdetailsbox_left.gif) no-repeat top left; - margin:0; - padding:0; - overflow:hidden; -} - -.domain_detailsbox_mid { - width:368px; - height:618px; - float:left; - background:url(../images/domdetailsbox_mid.gif) repeat-x top left; - margin:0; - padding:0; -} - -.domain_detailsbox_right { - width:14px; - height:618px; - float:left; - background:url(../images/domdetailsbox_right.gif) no-repeat top left; - margin:0; - padding:0; -} - -.domain_detailsbox_content { - width:350px; - height:550px; - float:left; - margin:10px 0 0 10px; - padding:0; - display:inline; - overflow-x:hidden; - overflow-y:scroll; - overflow-y:auto; -} - -.domain_detailsgridcontainer { - width:320px; - height:auto; - float:left; - background:#FFF repeat top left; - margin:10px 0 0 0; - border:1px solid #CCC; -} - - -.domain_searchbox_opened { - width:auto; - height:598px; - float:left; - margin:9px 0 0 0; - padding:0; -} - -.domain_searchbox_left { - width:16px; - height:598px; - float:left; - margin:0; - padding:0; - background:url(../images/domain_serachboxleft.gif) no-repeat top left; - overflow:hidden; -} - -.domain_searchbox_mid { - width:200px; - height:598px; - float:left; - margin:0; - padding:0; - background:url(../images/domain_serachboxmid.gif) repeat-x top left; -} - -.domain_search_contentpanel { - width:186px; - height:570px; - float:left; - margin:10px 0 10px 2px; - padding:0; -} - - - -.domain_searchtitle { - width:auto; - height:22px; - float:left; - padding:0; - color: #999; - font-size:16px; - font-weight:normal; - margin:0 0 0 0; - padding:0; -} - -.domain_searchicon { - width:25px; - height:22px; - float:left; - margin:0 0 0 10px; - padding:0; - background:url(../images/search_resulticon.gif) no-repeat top left; - display:inline; -} -.domain_search_contentbox { - width:185px; - height:520px; - float:left; - margin:10px 0 0 0; - padding:0; - overflow-x:hidden; - overflow-y:scroll; - overflow-y:auto; -} - -.domain_search_contentlinksbox { - width:185px; - height:auto; - float:left; - margin:0 0 10px 5px; - padding:0; - display:inline; - -} -.arrow_bullet { - width:6px; - height:5px; - float:left; - background:url(../images/arrow_bullet.gif) no-repeat top left; - margin:3px 8px 0 0; - padding:0; -} - -.breadcrumb_contentlinks{ - width:auto; - height:auto; - float:left; - margin-right:5px; - padding:0; - color:#2c8bbc; - text-align:left; - font-size:11px; - font-weight:normal; - cursor:pointer; - cursor:hand; - text-decoration:none; -} - -.domain_search_contentlinks{ - width:150px; - height:auto; - float:left; - margin:0; - padding:0; - color:#2c8bbc; - text-align:left; - font-size:11px; - font-weight:normal; - cursor:pointer; - cursor:hand; - text-decoration:none; -} - -.domain_search_contentlinks:hover{ - text-decoration:underline; -} - - -.domain_searchbox_right { - width:13px; - height:598px; - float:left; - margin:0; - padding:0; - background:url(../images/domain_serachboxright.gif) no-repeat top left; -} - -.search_closearrow { - width:8px; - height:16px; - float:left; - margin:280px 0 0 0; - padding:0; - cursor:pointer; - cursor:hand; - background:url(../images/search_closearrow.gif) no-repeat top left; - display:inline; -} - - - - -a.add_userbutton { - width:77px; - height:22px; - float:left; - margin:3px 0 0 10px; - display:inline; - background:url(../images/add_userbutton.gif) no-repeat top left; - padding:0; -} - -a.add_userbutton:hover { - background:url(../images/add_userbutton_hover.gif) no-repeat top left; -} - -a.add_domainbutton { - width:77px; - height:22px; - float:left; - margin:3px 0 0 10px; - display:inline; - background:url(../images/add_domainbutton.gif) no-repeat top left; - padding:0; -} - -a.add_domainbutton:hover { - background:url(../images/add_domainbutton_hover.gif) no-repeat top left; - -} - - - -.domain_detailsbox_contentpanel { - width:350px; - height:590px; - float:left; - margin:10px 0 0 0; - padding:0; -} - -.domain_detailsbox_contentpanel h2 { - width:300px; - height:auto; - float:left; - color:#77c4df; - font-size:16px; - font-weight:normal; - text-align:left; - margin:5px 0 0 10px; - display:inline; - padding:0; -} - -.domain_detailsbox_content { - width:330px; - height:540px; - float:left; - margin:10px 0 0 10px; - padding:0; - display:inline; - overflow-x:hidden; - overflow-y:scroll; - overflow-y:auto; -} - -.domain_detailsbox_content p { - width:280px; - height:auto; - float:left; - margin:0 0 5px 0; - padding:0; - display:inline; - font-size:12px; - text-align:left; - font-weight:normal; -} - -.domain_detailsbox_content span { - width:180px; - height:auto; - float:left; - margin:0 0 10px 0; - padding:0; - display:inline; - font-size:12px; - text-align:left; - font-weight:normal; -} - -.domain_detailsbox_label { - width:70px; - height:auto; - float:left; - margin:0 0 5px 0; - padding:0; - display:inline; - font-size:12px; - text-align:left; - font-weight:bold; -} - -.breadcrumb_box { - width:100%; - height:auto; - float:left; - margin:2px 0 5px 3px; - padding:0; -} - - -.breadcrumb_box span { - width:auto; - height:auto; - color:#999; - font-size:11px; - font-weight:normal; - margin:0 5px 0 5px; -} - - -.breadcrumb_box a:link { - width:auto; - height:auto; - color:#2c8bbc; - font-size:11px; - font-weight:normal; - text-decoration:none; - margin:0 5px 0 5px; -} - -.breadcrumb_box a:visited { - width:auto; - height:auto; - color:#2c8bbc; - font-size:11px; - font-weight:normal; - text-decoration:none; - margin:0 5px 0 5px; -} - -.breadcrumb_box a:hover { - width:auto; - height:auto; - color:#2c8bbc; - font-size:11px; - font-weight:normal; - text-decoration:underline; - margin:0 5px 0 5px; -} - -.rev_wiztop { - width:929px; - height:111px; - float:left; - background:url(../images/rev_wiztop.jpg) no-repeat top left; - margin:0; - padding:0; - overflow:hidden; -} -.rev_wizardbox { - width:888px; - height:44px; - float:left; - margin:19px 0 0 20px; - padding:0; -} - -.rev_wizardsteps{ - width:222px; - height:44px; - float:left; - margin:0; - padding:0; -} - -.rev_wizardsteps h3{ - width:auto; - height:auto; - float:left; - font-size:19px; - text-align:left; - font-weight:normal; - color:#FFF; - margin:10px 0 0 10px; - padding:0; -} - - -.revwiz_selectednumber { - width:30px; - height:33px; - float:left; - background:url(../images/revwiz_selectednumber.gif) no-repeat top left; - color:#FFF; - font-size:24px; - text-align:left; - font-weight:bold; - margin:0; - padding:9px 0 0 12px; -} - -.revwiz_nonselectednumber { - width:30px; - height:33px; - float:left; - background:url(../images/revwiz_nonselectednumber.gif) no-repeat top left; - color:#FFF; - font-size:24px; - text-align:left; - font-weight:bold; - margin:0; - padding:9px 0 0 12px; -} - -.rev_wizmid { - width:929px; - height:458px; - float:left; - background:url(../images/rev_wizmid.gif) repeat-y top left; - margin:0; - padding:0; -} - -.rev_wizmid_maincontent { - width:902px; - height:430px; - float:left; - margin:0 0 0 15px; - padding:0; - display:inline; -} - -.rev_wizmid_maincontent p{ - width:100%; - height:auto; - float:left; - color:#333; - text-align:left; - font-size:11px; - font-weight:normal; - -} - -.rev_wizmid_maincontent a:link{ - width:auto; - height:auto; - text-align:left; - font-size:11px; - font-weight:normal; - color:#2c8bbc; - text-decoration:underline; -} - -.rev_wizmid_maincontent a:visited{ - width:auto; - height:auto; - text-align:left; - font-size:11px; - font-weight:normal; - color:#2c8bbc; - text-decoration:underline; -} - -.rev_wizmid_maincontent a:hover{ - width:auto; - height:auto; - text-align:left; - font-size:11px; - font-weight:normal; - color:#2c8bbc; - text-decoration:underline; -} - -.rev_wizmid_titlebox { - width:902px; - height:auto; - float:left; - margin:0; - padding:0; -} - -.rev_wizmid_titlebox h2{ - width:902px; - height:auto; - text-align:left; - color:#214152; - font-size:24px; - font-weight:normal; - float:left; - margin:0; - padding:0; -} - -.rev_wizmid_contentbox { - width:902px; - height:325px; - float:left; - margin:10px 0 0 0; - padding:0; - display:inline; - -} .rev_wizmid_tempbox { - width:893px; + width:690px; height:284px; float:left; margin:0; padding:0; - border:1px solid #666; + border:1px solid #999; } .rev_wizmid_tempbox_left { @@ -6650,7 +799,7 @@ a.add_domainbutton:hover { } .rev_wizmid_tempbox_right { - width:709px; + width:508px; height:284px; float:left; margin:0; @@ -6658,7 +807,7 @@ a.add_domainbutton:hover { } .rev_wiztemplistpanel { - width:709px; + width:508px; height:254px; float:left; margin:0; @@ -6669,7 +818,7 @@ a.add_domainbutton:hover { } .rev_wiztemplistactions { - width:709px; + width:508px; height:28px; float:left; margin:0; @@ -6710,52 +859,6 @@ a.add_domainbutton:hover { margin:0 15px 0 0; padding:0; } -.rev_wiz_reviewbox { - width:870px; - height:295px; - float:left; - margin:0; - padding:0; - overflow-y:scroll; - overflow-y:auto; - -} - -.rev_wiz_reviewlist { - width:830px; - height:auto; - float:left; - background:url(../images/tick_arrow.gif) no-repeat top left; - background-position: 5px 0; - margin:10px 0 5px 10px; - border:1px solid #CCC; - padding:5px; - display:inline; -} - -.rev_wiz_reviewlabel { - width:150px; - height:auto; - float:left; - color:#214152; - font-size:12px; - text-align:left; - font-weight:bold; - margin:0 0 0 30px; - padding:0; -} - -.rev_wiz_reviewanswers { - width:650px; - height:auto; - float:left; - color:#333; - font-size:12px; - text-align:left; - font-weight:normal; - margin:0; - padding:0; -} .rev_wiztemplist_actionsbox a:hover { width:auto; @@ -6772,62 +875,26 @@ a.add_domainbutton:hover { .rev_wiztemplistbox { - width:709px; + width:508px; height:auto; float:left; - border-bottom:1px solid #666; + border-bottom:1px solid #999; margin:0; padding:0; background:#FFF repeat top left; cursor:pointer; cursor:hand; } -.rev_wiztemp_listtext { - width:520px; - height:auto; - float:left; - color:#021a28; - font-size:11px; - font-weight:normal; - text-align:left; - margin:5px 0 5px 0; - padding:0; -} - -.rev_wiztemp_ownertext { - width:80px; - height:auto; - float:left; - color:#021a28; - font-size:11px; - font-weight:bold; - text-align:left; - margin:5px 0 5px 0; - padding:0; -} - - -.rev_wiztemp_text { - width:520px; - height:auto; - float:left; - color:#021a28; - font-size:11px; - font-weight:normal; - text-align:left; - margin:5px 0 5px 0; - padding:0; -} .rev_wiztemplistbox:hover { - background:#e4e4e4 repeat top left; + background:#eeeeee repeat top left; } .rev_wiztemplistbox_selected { - width:709px; + width:508px; height:auto; float:left; - border-bottom:1px solid #666; + border-bottom:1px solid #999; margin:0; padding:0; background:#8fe0f4 repeat top left; @@ -6835,6 +902,8 @@ a.add_domainbutton:hover { cursor:hand; } + + .rev_wiztemo_centosicons { width:17px; height:16px; @@ -6862,6 +931,29 @@ a.add_domainbutton:hover { padding:0; } +.rev_wiztemp_listtext { + width:380px; + height:auto; + float:left; + color:#021a28; + font-size:11px; + font-weight:normal; + text-align:left; + margin:5px 0 5px 0; + padding:0; +} + +.rev_wiztemp_ownertext { + width:80px; + height:auto; + float:left; + color:#021a28; + font-size:11px; + font-weight:bold; + text-align:left; + margin:5px 0 5px 0; + padding:0; +} .rev_wizmid_selectedtempbut { width:167px; @@ -6896,140 +988,6 @@ a.add_domainbutton:hover { color:#FFF; } -.rev_tempsearchpanel { - width:902px; - height:21px; - float:left; - margin:0 0 10px 0; - padding:0; -} - -.rev_tempsearchpanel .select { - width:160px; - height:19px; - background:#eaeaea repeat top left; - border:1px solid #999; - font-size:12px; - color:#333; - margin:0 0 0 5px; - display:inline; - padding:0; -} - -.rev_tempsearchbox { - width:215px; - height:21px; - float:right; - margin:0; - padding:0; -} - - - - -.rev_tempsearchbox ol { - width:168px; - height:21px; - float:left; - margin:0; - padding:0; - list-style:none; -} - -.rev_tempsearchbox li { - width:168px; - height:21px; - float:left; - margin:0; - padding:0; -} - -.rev_tempsearchbox .text { - width:160px; - height:19px; - float:left; - background:#eaeaea repeat top left; - border:1px solid #999; - font-size:12px; - color:#333; - margin:0; - padding:0; -} - -.rev_searchbutton { - width:auto; - padding:auto; - float:left; - text-decoration:none; - font-size:11px; - color:#0074bb; - text-align:left; - margin:5px 0 0 5px; - padding:0; - cursor:pointer; - cursor:hand; -} - -.rev_searchbutton:hover { - - text-decoration:underline; - -} -.rev_wizformarea { - width:902px; - height:auto; - float:left; - margin:0; - padding:0; -} - - -.rev_wizformarea ol { - width:780px; - height:auto; - color:#333; - float:left; - font-family:Arial, Helvetica, sans-serif; - font-size:12px; - list-style:none; -} - -.rev_wizformarea li { - width:750px; - float:left; - padding-bottom: 10px; - color:#FFF; - font-size:12px; - font-weight:normal; - text-align:left; - margin-top:5px; -} - -.rev_wizformarea label { - width:150px; - float:left; - text-align:left; - font-weight:bold; - margin-top:2px; - color:#333; - font-size:13px; -} - -.rev_wizformarea .radio { - width:15px; - height:15px; - float:left; - margin:0 5px 0 0; - padding:0; -} - -.rev_wizformarea .checkbox { - width:15px; - height:15px; - float:left; - margin:0; - padding:0; -} .revwiz_formcontent_title { width:800px; height:auto; @@ -7083,824 +1041,938 @@ a.add_domainbutton:hover { color:#333; } -.rev_wizbot{ - width:929px; - height:19px; + +.vmpopup_container_mid { + width:737px; + height:463px; float:left; - background:url(../images/rev_wizbot.gif) no-repeat top left; + background:url(../images/vmpopup_mid.gif) repeat-y top left; margin:0; padding:0; } -.rev_wizmid_actionbox { - width:902px; - height:35px; +.vmpopup_container_bot { + width:737px; + height:12px; float:left; - margin:10px 0 0 0; + background:url(../images/vmpopup_bot.png) no-repeat top left; + margin:0; padding:0; } -.rev_wizmid_actionnext { - width:103px; - height:26px; + + +#header { + min-width:960px; + width:100%; + height:44px; + float:left; + background:url(../images/header_bg.gif) repeat-x top left; + margin:0; + padding:0; +} + +.header_left { + width:272px; + height:44px; + float:left; + margin:0; + padding:0; +} + +.logo { + width:106px; + height:37px; + float:left; + background:url(../images/logo.gif) no-repeat top left; + margin:0 0 0 8px; + display:inline; + padding:0; +} + + + +.mgmtconsole_logo { + width:157px; + height:21px; + float:left; + background:url(../images/mgmtconsole_logo.gif) no-repeat top left; + margin:16px 0 0 0; + display:inline; + padding:0; +} + +.header_right { + width:auto; + height:44px; float:right; - background:url(../images/revwiz_nextbutton.gif) no-repeat top left; - font-size:14px; + margin:0; + padding:0; +} + +.userlinks { + width:auto; + height:auto; + float:left; + margin:15px 15px 0 0; + padding:0; +} + +.userlinks p { + width:auto; + height:auto; + float:left; + text-align:left; + font-size:11px; + font-weight:normal; color:#FFF; - text-align:center; - text-decoration:none; - font-weight:normal; - margin:0 10px 0 0; - padding:10px 0 0 0; - cursor:pointer; - cursor:hand; } -.rev_wizmid_actionnext:hover { - color:#37a6db; -} - -.rev_wizmid_actionback { - width:103px; - height:26px; - float:left; - background:url(../images/revwiz_backbutton.gif) no-repeat top left; - font-size:14px; - color:#FFF; - text-align:center; - text-decoration:none; - font-weight:normal; - margin:0 0 0 10px; - padding:10px 0 0 0; - cursor:pointer; - cursor:hand; -} - -.rev_wizmid_actionback:hover { - color:#37a6db; -} - -.db_domainbg { - width:529px; - height:80px; - float:left; - background:url(../images/db_domainbg.gif) no-repeat top left; - margin:0 0 15px 10px; - padding:0; -} - -.db_domainbg_left { - width:183px; - height:80px; - float:left; - margin:0; - padding:0; -} - -.db_domainbg_right { - width:340px; - height:80px; - float:left; - margin:0; - padding:0; -} - -.db_domainbg_right p { - width:300px; - height:40px; - float:left; - text-align:left; - font-size:14px; +.userlinks span { font-weight:bold; - margin:30px 0 0 0; - padding:0; + text-align:left; + font-size:11px; } -.db_domainbg_right span { +.userlinks a { width:auto; height:auto; - text-align:left; - font-size:14px; - font-weight:bold; - color:#003b53; - margin:0; - padding:0; -} - -.db_domainicons { - width:111px; - height:49px; - float:left; - margin:10px 0 0 20px; - display:inline; - padding:0; -} - - -.revwiz_loadingbox { - width:180px; - height:50px; - position:absolute; - background:#FFF repeat top left; - border:1px solid #999; - z-index:1100; - top:47%; - left:45%; -} - -.revwiz_loadingbox p{ - width:auto; - height:auto; - float:left; - text-align:left; - color:#666; + color:#a0f0ff; + text-decoration:none; + font-size:11px; font-weight:normal; - font-size:25px; - margin:10px 0 0 20px; - display:inline; } - -.revwiz_message_container { - width:300px; - height:auto; - position:absolute; - background:url(../images/loading_messagebg.gif) #d3d3d3 repeat-x top left; - border:1px solid #CCC; - z-index:1100; - top:47%; - left:45%; - display:inline; - margin:0; - padding:0; +.userlinks a:link, userlinks a:visited { + text-decoration:none; } +.userlinks a:hover { + text-decoration:underline; +} -.revwiz_message_top { - width:99%; +#main_contentpanel { + min-width:960px; + width:100%; + min-height:1000px; height:auto; float:left; - margin:0; - padding:2px 5px 0 5px; - overflow:hidden; -} - -.revwiz_message_top p { - width:auto; - height:25px; + background:#FFF; margin:0; padding:0; +} + +.leftmenu_panel { + width:221px; + height:auto; + min-height:1000px; + height:auto; + float:left; + background:#d6dfe5 repeat top left; + border-right:1px solid #aeb9c5; + border-top:1px solid #FFF; + margin:0 0 0 -100%; + padding:0; +} + +.leftmenu_box { + width:220px; + height:auto; + float:left; + margin:3px 0 0 0; + list-style:none; + padding:0; +} + +.leftmenu_list{ + width:220px; + height:auto; + float:left; + margin:0; + padding:0; + border-bottom:1px dashed #92a7b7; + +} + +.leftmenu_content{ + width:220px; + height:auto; + float:left; color:#333; text-align:left; font-weight:normal; font-size:11px; - display:inline; + cursor:pointer; + cursor:hand; + margin:0; + padding:0 0 3px 0; } -.revwiz_message_bottom { - width:100%; +.leftmenu_content.selected{ + color:#FFF; + background:#626262 url(../images/leftmenu_hover.gif) repeat-x top left; +} + +/* +.leftmenu_content:hover{ + background:#626262 url(../images/leftmenu_hover.gif) repeat-x top left; + color:#FFF; +} +*/ + +.white_openedarrow { + width:5px; + height:10px; + float:right; + margin:5px 10px 0 0; + padding:0; +} + +.leftmenu_firstindent{ + width:200px; + height:auto; + float:left; + margin:7px 0 0 10px; + display:inline; + padding:0; +} + +.leftmenu_secondindent{ + width:180px; + height:auto; + float:left; + margin:7px 0 0 25px; + display:inline; + padding:0; +} + +.leftmenu_thirdindent{ + width:150px; + height:auto; + float:left; + margin:7px 0 0 65px; + display:inline; + padding:0; +} + + + +.leftmenu_titles { + width:auto; + height:auto; + float:left; + color:#333; + text-align:left; + font-size:11px; + font-weight:normal; + margin:0; + padding:0; +} + +.leftmenu_list_icons { + width:20px; height:20px; float:left; - margin:0; + margin:-4px 5px 0 0; + padding:0; +} + + + +.leftmenu_arrows { + width:10px; + height:11px; + float:left; + margin:2px 6px 0 0; + padding:0; +} + +.leftmenu_arrows.close { + background:url(../images/leftmenu_closedarrow.png) no-repeat top left; +} + +.leftmenu_arrows.open { + background:url(../images/leftmenu_openarrow.png) no-repeat top left; +} + +.right_panel { + width:auto; + height:auto; + min-height:1000px; + height:auto; + margin:0 0 0 222px; padding:0; } - -.revwizcontinue_button { - width:60px; - height:17px; - float:right; - margin-right:5px; +.actionpanel { + width:100%; + height:27px; + float:left; + background:url(../images/actionpanel_bg.gif) repeat-x top left; + margin:0; padding:0; - background:url(../images/vm_continuebutton.gif) no-repeat top left; +} + +.searchpanel { + width:223px; + height:27px; + float:left; + margin:0; + padding:0; + background:url(../images/actionpanel_border.gif) no-repeat top right; + list-style:none +} + +.searchpanel a{ + width:40px; + color:#FFF; + font-size:10px; + font-weight:normal; + text-decoration:none; + float:left; + margin:7px 0 0 0; + padding:0; +} + +.searchpanel a:link, searchpanel a:visited { text-decoration:none; } -.revwizcontinue_button:hover { - background:url(../images/vm_continuebutton_hover.gif) no-repeat top left; +.searchpanel a:hover { + text-decoration:underline; } -.revwiz_closebutton { - width:24px; - height:25px; - position:absolute; - background:url(../images/revwiz_closebutton.gif) no-repeat top left; - margin:0; - padding:0; - cursor:pointer; - cursor:hand; - z-index:1005; - right:5px; - top:4px; -} - -.revwiz_closebutton:hover { - background:url(../images/revwiz_closebutton_hover.gif) no-repeat top left; -} - -a.add_networkgroupbutton { - width:109px; - height:22px; - float:left; - margin:3px 0 0 10px; - display:inline; - background: url(../images/addnetgroup_button.gif) no-repeat top left; - padding:0; -} - -a:hover.add_networkgroupbutton { - background: url(../images/addnetgroup_button_hover.gif) no-repeat top left; -} - - -.publicip_panel { - width: 970px; +.searchpanel li{ + width:160px; height:auto; float:left; - margin:0; - padding:0; -} - -.ip_descriptionbox { - width:964px; - min-height:250px; - height:auto; - float:left; - position:relative; - margin:0; - padding:0; -} - -.ip_searchbutton { - width:22px; - height:21px; - float:left; - background:url(../images/ip_searchbutton.gif) no-repeat top left; - cursor:pointer; - cursor:hand; - margin:6px 0 0 5px; + margin:5px 0 0 8px; display:inline; padding:0; } -.ip_descriptionbox_top { - width:964px; - height:24px; +.searchpanel .text{ + width:116px; + height:14px; float:left; - background:url(../images/ipdescr_boxtop.gif) no-repeat top left; + background:#FFF repeat top left; + border:0; + color:#333; + text-align:left; + font-weight:normal; + margin:1px 0 0 20px; + display:inline; + padding:0; +} + +.search_closebutton { + width:12px; + height:12px; + background:url(../images/search_closeicon.gif) no-repeat top left; + float:left; + margin:2px 0 0 2px; + display:inline; + padding:0; + cursor:pointer; + cursor:hand; +} + +.search_closebutton:hover { + background:url(../images/search_closeicon_hover.gif) no-repeat top left; +} + +.search_textbg { + width:154px; + height:16px; + float:left; + background:url(../images/serach_textbox.gif) no-repeat top left; margin:0; padding:0; - overflow:hidden; } -.ip_descriptionbox_top a { +.actionpanel_button_wrapper{ width:auto; - height:auto; - float:right; - color:#2c8bbc; - font-size:11px; - text-decoration:underline; - font-weight:normal; - margin:6px 15px 0 0; + height:27px; + float:left; + margin:0; + padding:0; + background:url(../images/actionpanel_border.gif) no-repeat top left; + +} + +.actionpanel_button{ + width:auto; + height:27px; + float:left; + margin:0; + padding:0; + cursor:pointer; + cursor:hand; +} + + +.actionpanel_button:hover{ + background:url(../images/actionpanel_hover.gif) repeat-x top right; + +} + +.action_ddarrow { + width:8px; + height:4px; + float:left; + background:url(../images/action_ddarow.png) no-repeat top left; + margin:10px 10px 0 -5px; padding:0; } -.ip_descriptionbox_top a:link,ip_descriptionbox_top a:visited { - text-decoration:underline; + +.actionpanel_button_links{ + width:auto; + height:auto; + color:#FFF; + font-size:11px; + font-weight:normal; + text-decoration:none; + float:left; + margin:7px 15px 0 7px; + padding:0; } -.ip_descriptionbox_top a:hover { + +.actionpanel_button_icons { + width:30px; + height:20px; + float:left; + margin:3px 0 0 8px; + padding:0; +} + +.actionsdropdown_box { + width:109px; + height:auto; + float:left; + position:absolute; + background:#FFF repeat top left; + border:1px solid #777679; + top:24px; + left:0; + margin:0; + padding:0 +} + +.actionsdropdown_boxlist { + width:96px; + height:auto; + float:left; + margin:0 0 5px 10px; + padding:0; + list-style:none; +} + +.actionsdropdown_boxlist li{ + width:96px; + height:auto; + float:left; + text-align:left; + color:#CCC; + font-size:11px; + font-weight:normal; + margin:6px 0 0 0; + padding:0; + list-style:none; +} + +.actionsdropdown_boxlist a{ + text-decoration:none; + color:#2c8bbc; +} + + +.actionsdropdown_boxlist a:link, actionsdropdown_boxlist a:visited { + text-decoration:none; + color:#2c8bbc; +} + +.actionsdropdown_boxlist a:hover{ + text-decoration:underline; + color:#2c8bbc; +} + +#contentwrapper{ + height:100%; + float: left; + width: 100%; + margin:0; + padding:0; +} + +.midmenu_panel { + width:221px; + min-height:1000px; + height:auto; + float:left; + background:#f0f0f0 repeat top left; + border-right:1px solid #aeb9c5; + margin:27px 0 0 -100%; + display:inline; + padding:0; +} + +.midmenu_box { + width:220px; + height:800px; + float:left; + margin:0 0 0 0; + list-style:none; + padding:0; + overflow-y:scoll; + overflow-y:auto; + overflow-x:hidden; + padding:0; +} + +.midmenu_navigationbox { + width:220px; + height:22px; + float:left; + position:relative; + top:-22px; + bottom:0; + background:url(../images/midmenu_navbg.gif) repeat-x bottom left; + margin:0; + padding:0; +} + +.midmenu_prevbutton { + width:15px; + height:13px; + float:left; + background:url(../images/prev_midnav.gif) no-repeat top left; + margin:5px 0 0 10px; + display:inline; + padding:0; + cursor:pointer; + cursor:hand; +} + +.midmenu_prevbutton:hover { + background:url(../images/prev_midnav_hover.gif) no-repeat top left; +} + +.midmenu_nextbutton { + width:15px; + height:13px; + float:right; + background:url(../images/next_midnav.gif) no-repeat top left; + margin:5px 10px 0 0; + display:inline; + padding:0; + cursor:pointer; + cursor:hand; +} + +.midmenu_nextbutton:hover { + background:url(../images/next_midnav_hover.gif) no-repeat top left; +} + + +.midmenu_list{ + width:220px; + height:auto; + float:left; + background:url(../images/midmenu_dashedborder.gif) repeat-x bottom left; + margin:0; + padding:0; +} + +.midmenu_content{ + width:220px; + height:auto; + float:left; + color:#333; + text-align:left; + font-weight:normal; + font-size:11px; + cursor:pointer; + cursor:hand; + margin:0; + padding:0 0 4px 0; +} + +.midmenu_content.selected{ + background:#626262 url(../images/leftmenu_hover.gif) repeat-x top left; + color:#FFF; +} + +/* +.midmenu_content:hover{ + background:#626262 url(../images/leftmenu_hover.gif) repeat-x top left; + color:#FFF; +} +*/ + +.midmenu_icons { + width:8px; + height:8px; + float:left; + margin:4px 0 0 10px; + display:inline; + padding:0; +} + +.midmenu_textbox { + width:165px; + height:auto; + float:left; + margin:0 0 0 10px; + display:inline; + padding:0; +} + +.midmenu_textbox p { + width:165px; + height:auto; + float:left; + text-align:left; + font-weight:normal; + font-size:11px; + margin:3px 0 0 0; + padding:0; +} + + +.main_contentarea { + width:auto; + min-height:1000px; + height:auto; + margin:0 0 0 221px; + padding:0; +} + + +.main_title { + width:100%; + height:auto; + float:left; + margin:10px 0 0 10px; + padding:0; +} + +.main_titleicon { + float:left; + height:30px; + margin:0 0 0 0; + padding:0; + width:34px; +} + +.main_title h1 { + width:auto; + height:auto; + float:left; + text-align:left; + color:#0d4861; + font-size:14px; + font-weight:normal; + margin:8px 0 0 10px; + display:inline; + padding:0; +} + +.contentbox { + width:98%; + height:auto; + float:left; + margin:20px 0 0 10px; + display:inline; + padding:0; +} + +.tabbox { + width:100%; + height:auto; + float:left; + border-bottom:1px solid #CCC; + margin:0; + padding:0; +} + +.content_tabs { + width:78px; + height:13px; + float:left; + font-size:11px; + margin:0 0 0 2px; + text-align:center; + padding:4px 0 0 0; + display:inline; +} + +.content_tabs.on { + background:url(../images/contenttab_selected.gif) no-repeat top left; + color:#0d4861; +} + +.content_tabs.off { + background:url(../images/contenttab_unselected.gif) no-repeat top left; + color:#FFF; + cursor:pointer; + cursor:hand; +} + +.content_tabs.off:hover { + background:url(../images/contenttab_unselected_hover.gif) no-repeat top left; + color:#FFF; + cursor:pointer; + cursor:hand; +} + +.grid_container { + width:100%; + height:auto; + float:left; + border:1px solid #CCC; + margin:10px 0 0 0; + padding:0; +} + +.grid_rows { + width:100%; + height:auto; + float:left; + margin:0; + padding:5px 0 5px 0; + border-bottom:1px solid #e2e2e2; +} + +.grid_rows.even { + background:#FFF repeat top left; +} + +.grid_rows.odd { + background:#f3f3f3 repeat top left; +} + +.grid_row_cell { + height:auto; + float:left; + margin:0; + padding:0; +} + +.row_celltitles { + width:auto; + height:auto; + float:left; + color:#333; + text-align:left; + font-size:11px; + font-weight:normal; + margin:0 0 0 10px; + display:inline; + padding:0; +} + +.row_celltitles a{ + width:auto; + height:auto; + color:#2c8bbc; + text-decoration:none; + margin:0; + padding:0; +} + +.row_celltitles a:link, row_celltitles a:visited { text-decoration:none; } -.ip_descriptionbox_mid { - width:964px; +.row_celltitles a:hover { + text-decoration:underline; +} + +.tick_icon { + width:14px; + height:14px; + float:left; + background:url(../images/tick_icon.gif) no-repeat top left; + margin:0; + padding:0; +} + +.cross_icon { + width:14px; + height:14px; + float:left; + background:url(../images/cross_icon.gif) no-repeat top left; + margin:0; + padding:0; +} + +.vm_statusbox { + width:auto; height:auto; float:left; - background:url(../images/ipdescr_boxmid.gif) repeat-y top left; + margin:0 0 0 10px; + padding:0; +} + +.vm_consolebox { + width: 154px; + height:121px; + float:left; + background:url(../images/consoletb_box.gif) no-repeat top left; margin:0; padding:0; } -.ip_descriptionbox_bot { - width:964px; - height:33px; +.vm_liveconsole { + width: 144px; + height:110px; float:left; - background:url(../images/ipdescr_boxbot.gif) no-repeat top left; - margin:0; + margin:5px 0 0 5px; + display:inline; padding:0; } -.ip_description_contentbox { - width:941px; - height:auto; - float:left; - margin:0 0 10px 10px; - left:0; - top:0; - padding:0; -} -.ip_description_contentbox_top { - width:941px; - height:33px; - float:left; - background:url(../images/ipdescr_conttop.gif) no-repeat top left; - margin:0; - padding:0; - overflow:hidden; -} - -.ip_description_contentbox_mid { - width:941px; - height:auto; - float:left; - background:url(../images/ipdescr_contmid.gif) repeat-y top left; - margin:0; - padding:0; -} - -.ip_description_contentbox_mid p { +.vm_status_textbox { width:auto; height:auto; float:left; margin:0 0 0 15px; display:inline; - font-size:12px; - font-weight:bold; - color:#333; padding:0; } - -.ip_description_contentbox_bot { - width:941px; - height:14px; - float:left; - background:url(../images/ipdescr_contbot.gif) no-repeat top left; - margin:0; - padding:0; -} - -.ip_description_topdetailspanel { - width:941px; - height:54px; - background:url(../images/ip_detailtopbox.gif) no-repeat top left; - float:left; - margin:0 0 10px 10px; - left:0; - padding:0; -} - -.ip_description_topdetailspanel a { - width:auto; - height:auto; - color:#2c8bbc; - font-size:11px; - text-decoration:underline; - margin:-2px 0 0 5px; - display:inline; - padding:0; -} - -.ip_description_topdetailspanel a:link, .ip_description_topdetailspanel a:visited { - text-decoration:underline; -} - -.ip_description_topdetailspanel a:hover { - text-decoration:none; -} - -.ip_description_detailbox { - width:231px; - height:23px; - float:left; - margin:2px 0 0 2px; - padding:0; -} - -.ip_description_detailbox p { - float:left; - color:#333; - font-size:11px; - font-weight:normal; - margin:8px 0 0 10px; - padding:0; -} - -.ip_description_detailbox span { - color:#333; - font-size:11px; - font-weight:bold; - margin:0; - padding:0; -} - -.ip_description_titlearea { - width:468px; - height:auto; - float:left; - margin:5px 0 0 0; - display:inline; - padding:0; -} - -.ip_description_titlearea h3{ - width:350px; - height:auto; - float:left; - color:#333; - font-size:14px; - font-weight:normal; - margin:4px 0 0 0; - display:inline; - padding:0; -} - -.ip_description_titleicon { - width:20px; - height:10px; - float:left; - margin:0 10px 0 10px; - display:inline; - padding:0; -} - - -.ip_description_contentarea { - width:468px; - height:auto; - float:left; - margin:0 0 0 2px; - display:inline; - padding:0; -} - -.ip_description_gridarea { - width:440px; - height:auto; - float:left; - background:#FFF; - margin:5px 0 0 10px; - padding:0; -} - - -.ip_description_managearea { - width:439px; - height:auto; - float:left; - background:#FFF; - margin:3px 0 0 0; - padding:0; -} - -.ip_description_managelist { - width:395px; - height:23px; - float:left; - background:#fff9d7 url(../images/ip_managebox_bg.gif) repeat-x top left; - border:1px solid #d6d6d6; - margin:3px 0 3px 20px; - display:inline; - padding:0; -} - -.ip_description_manageloading { - width:350px; - height:23px; - float:left; - margin:0; - padding:0; -} - -.ip_description_manageloading p{ +.vm_status_textline { width:auto; height:auto; float:left; - color:#333; font-size:11px; font-weight:bold; + text-align:left; + margin:0; + padding:0; +} + +.vm_status_textline.green { + color:#538002; +} + +.vm_status_textline.red { + color:#ab0202; +} + +.vm_status_textline.gray { + color:#666; +} + +.vm_status_textbox p { + width:auto; + height:auto; + float:left; + font-size:11px; + font-weight:normal; + color:#333; + text-align:left; margin:5px 0 0 0; padding:0; } -.ip_description_manageloader { + + + +#footer{ + clear:both; + width:100%; + height:27px; + position:fixed; + background:url(../images/footer_bg.gif) repeat-x top left; + margin:-27px 0 0 0; + bottom:0; + padding:0; +} + +#footer p{ + width:auto; + height:auto; + float:left; + text-align:left; + font-size:11px; + font-weight:normal; + color:#c2c2c2; + margin:9px 0 0 10px; + display:inline; + padding:0; +} + +#footer span{ + font-weight:bold; + color:#CCC; +} + +.poweredby_box { + width:132px; + height:22px; + float:right; + background:url(../images/poweredby.gif) no-repeat top left; + margin:2px 10px 0 0; + padding:0; + display:inline; + +} + +.midmenu_selectedloader { width:16px; height:16px; float:left; - background:url(../images/loadvm_loader.gif) no-repeat top left; - margin:3px 10px 0 10px; + background:url(../images/selected_loader.gif) no-repeat top left; + margin:5px 0 0 0; padding:0; } -.ip_description_managelist_cell { - height:15px; - float:left; - color:#333; - font-size:11px; - text-align:left; - font-weight:normal; - margin:0; - padding:6px 0 0 5px; -} - -.ip_description_managelist_cell .select { +.midmenu_infoicon { + width:16px; height:16px; float:left; - background:#FFF; - border:1px solid #CCC; + background:url(../images/info_icon.gif) no-repeat top left; + margin:5px 0 0 0; + padding:0; +} + +.midmenu_infoicon.error { + background:url(../images/infoerror_icon.gif) no-repeat top left; +} + +.info_detailbox { + width:100%; + height:auto; + float:left; + background:#fffbe6 repeat top left; + border:1px dashed #CCC; color:#333; - font-size:11px; - text-align:left; - font-weight:normal; - margin:-2px 0 0 0; + margin:0 0 0 0; padding:0; } -.ip_description_managelist_cell a:link { - color: #2c8bbc; - text-align:left; - font-size:11px; - font-weight:normal; - display:inline; - text-decoration:none; - margin:0 5px 0 0; - padding:0; -} - -.ip_description_managelist_cell a:visited { - color: #2c8bbc; - text-align:left; - font-size:11px; - font-weight:normal; - display:inline; - text-decoration:none; - margin:0 5px 0 0; - padding:0; -} - -.ip_description_managelist_cell a:hover { - color: #2c8bbc; - text-align:left; - font-size:11px; - font-weight:normal; - display:inline; - text-decoration:underline; - margin:0 5px 0 0; - padding:0; -} - -.ip_description_managelist_icon { - width:21px; - height:18px; - float:left; - background:url(../images/ip_managebox_icon.gif) no-repeat top left; - margin:2px 15px 0 5px; - display:inline; - padding:0; -} - -#cidr_container { - width:120px; - height:auto; - float:left; - margin:0; - padding:0; -} - - - -#account_networkgroup_container { - width:200px; - height:auto; - float:left; - margin:0; - padding:0; - -} - -.select_directipbg_user { - width:423px; - height:44px; - float:left; - background:url(../images/select_ipbg.gif) no-repeat top left; - margin:0; - padding:0; -} - -.select_directipbg_user ol { - width:395px; - height:auto; - float:left; - list-style:none; - margin:3px 0 0 12px; - display:inline; - padding:0; -} - -.select_directipbg_user li { - width:390px; - height:auto; - float:left; - margin:0 0 0 5px; - display:inline; - padding:0; -} - -.select_directipbg_user label { +.info_detailbox p{ width:auto; height:auto; float:left; - color:#FFF; - font-size:11px; - font-weight:bold; - text-align:left; - margin:7px 15px 0 0; - padding:0; -} - -.select_directipbg_user .select { - width: 259px; - height:18px; - float:left; - background:#FFF repeat top left; - border:1px solid #CCC; - font-size:11px; - font-weight:normal; - color:#333; - padding:1px 0 0 2px; - margin:4px 0 0 0; -} - -.select_directipbg_admin { - width:770px; - height:44px; - float:left; - background:url(../images/select_ipbg_admin.gif) no-repeat top left; - margin:0; - padding:0; -} - -.select_directipbg_admin ol { - width:auto; - height:auto; - float:left; - list-style:none; - margin:3px 0 0 12px; - display:inline; - padding:0; -} - -.select_directipbg_admin li { - width:auto; - height:auto; - float:left; - margin:0 0 0 5px; - display:inline; - padding:0; -} - -.select_directipbg_admin label { - width:auto; - height:auto; - float:left; - color:#FFF; - font-size:11px; - font-weight:bold; - text-align:left; - margin:7px 15px 0 0; - padding:0; -} - -.select_directipbg_admin .select { - width: 170px; - height:19px; - float:left; - background:#FFF repeat top left; - border:1px solid #CCC; - font-size:11px; - font-weight:normal; - color:#333; - padding:1px 0 0 2px; - margin:4px 0 0 10px; -} - -.select_directipbg_admin .text { - width: 174px; - height:16px; - float:left; - background:#FFF repeat top left; - border:1px solid #CCC; - font-size:11px; - font-weight:normal; - color:#333; - padding:1px 0 0 2px; - margin:4px 0 0 10px; -} - - -.select_directipbg_admin .ipwatermark_text { - color:#999; text-align:left; font-size:11px; - font-weight:normal; - padding:1px 0 0 2px; - position:relative; -} - - -.ip_oricon { - width:20px; - height:18px; - float:left; - background:url(../images/ip_ORicon.gif) no-repeat top left; - margin:4px 15px 0 0; + margin:10px; padding:0; } -.select_directip_actions { - width:auto; - height:auto; - float:left; - margin:0 0 0 10px; - padding:0; +.info_detailbox.errorbox { + background:#ffe5e5 repeat top left; + color:#a90000; } -.select_directip_actions a { - color:#2c8bbc; - font-size:11px; - font-weight:normal; - float:left; - margin:10px 0 0 0; - padding:0; - text-decoration:underline; +.thanks box { + } -.select_directip_actions a:link, select_directip_actions a:visited { - text-decoration:underline; -} - -.select_directip_actions a:hover { - text-decoration:none; -} - -.select_directipbg ol { - width:395px; - height:auto; - float:left; - list-style:none; - margin:3px 0 0 12px; - display:inline; - padding:0; -} - -.select_directipbg li { - width:390px; - height:auto; - float:left; - margin:0 0 0 5px; - display:inline; - padding:0; -} - -.select_directipbg label { - width:auto; - height:auto; - float:left; - color:#FFF; - font-size:11px; - font-weight:bold; - text-align:left; - margin:7px 15px 0 0; - padding:0; -} - -.select_directipbg .select { - width: 259px; - height:18px; - float:left; - background:#FFF repeat top left; - border:1px solid #CCC; - font-size:11px; - font-weight:normal; - color:#333; - padding:1px 0 0 2px; - margin:4px 0 0 0; -} - -/* Instances tab - VM template - "Network Groups" action link - Network Groups dialog (begin) */ -ul.network_groups_list_first_level -{ - list-style-type:square; - padding-left: 10px; -} - -ul.network_groups_list_second_level -{ - list-style-type:circle; - padding-left: 30px; -} -/* Instances tab - VM template - "Network Groups" action link - Network Groups dialog (end) */ \ No newline at end of file diff --git a/ui/images/help_actionicon.png b/ui/images/help_actionicon.png new file mode 100644 index 0000000000000000000000000000000000000000..77f87eff354eb1a6a1063e57c9b9bcb89ab0d55d GIT binary patch literal 809 zcmV+^1J?YBP)7s`w*c`ZfB<5EDTUee>C?ym z$YSWWzJ2}r4I{DuKmeiWe){xj8O*&Xy7~BcAOHCAql=A=wG8eU7~|8Y&$67H9RI(6 z{{c4|#a^JqJ7hkisi~9voJHW zK7IC_QAtS&LmdkP764KVqPe&@AG5Ns$}r#nOgJT&n2!JW@$<>YPoEfZsln=OVgV># zLAJAjf*ObgfLIX9<^p0?P&xqOA3*#C6yl(m1mcfC{0$(0Fl@ee?;e=u;NU0&MH+~W zEwE4$4+uYb@}%s?_iz6{e)#YfM8AIh>NvU@tVx-fnaSb(hY#D|ynQSD`puhic6N3P zto}q7`1b9)7dZ4785KD>I6FUo{(OR$myfu3h4_*E-nZ}HumAr2+ma|7Vc^%V-|znZ z{i{WCVgPCq!WWlhCj?L;5ChWEKr9cXC4pENhdzFf80_CjZI9>%T2yNaprV)kM6+$dNGR&nT z-Ib<^1gUaU*Ucr%mP+Z((}yM}&iNdo0iw+ywf`Ato?l1r^2XFrrK(mky&LMv08{~p z_Q-sndw?V5{alvi)QLr|pp3BtaGGnaK}2fs6?I)70N@rPB_H$t0t&rDrY0npuNICj zYY#pZ5s-6-q&IsW(jDu3?~#*Z)Hu*^xRE|9(y%>i3KP&sKz7D2BVtT@ME4N^+d`QA n;~fA56cCd38;zCL7|>-Nme*ismy<%X00000NkvXXu0mjfhK_E0 literal 0 HcmV?d00001 diff --git a/ui/images/search_closeicon.gif b/ui/images/search_closeicon.gif new file mode 100644 index 0000000000000000000000000000000000000000..c6148ab69d06858c7f3762c0fd91939f23d6828c GIT binary patch literal 201 zcmZ?wbhEHbebJmKmYmj z=i|qZ&!0bk_3G8*$B)mQJNM(q4+c_z;!hT^avcx}vXg<;EkS_CMUjKmu){Hlp&&=) zvGjd5PJOOV4vZ0;$2er9+-7KQ6Zo32T*B!|$HF9bbtg{+sfp|lA6&hY#<+7Due LAC0LREDY8F>A*?f literal 0 HcmV?d00001 diff --git a/ui/images/search_closeicon_hover.gif b/ui/images/search_closeicon_hover.gif new file mode 100644 index 0000000000000000000000000000000000000000..f011186d669d2b02fb39a561ba615b6221b3eaa6 GIT binary patch literal 201 zcmZ?wbhEHb LAC0LREDY8FCU!-w literal 0 HcmV?d00001 diff --git a/ui/new/index.html b/ui/new/index.html old mode 100755 new mode 100644 index 4fe8a610925..d7bcea9834e --- a/ui/new/index.html +++ b/ui/new/index.html @@ -1,103 +1,114 @@ - - - - - - + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - Cloud.com CloudStack - - - - -
- -
-
-
- -
-
-
-
    -
  1. -
    - -
    -
    2. -
-
- Advanced -
- - -
- - -
+ + + + + + + + + + + + + + + + + + + + + + + + + + + Cloud.com CloudStack + + + + +
+ +
+
+
+ +
+
+
+
    +
  1. +
    + + +
    +
    2. +
+
+ Advanced +
+ + + + + +
+ + +
-
-
-
-
-
-
-
- -
- -
-
+ --> +
+
+
+
+
+
+
+ +
+ +
+
-
-
- -
-
- -
- -
- -
- - - - - -
  • Stop
    • - - - + --> +
    +
    + +
    +
    + +
    + +
    + +
    + + + + + +
  • Stop
    • + + +