diff --git a/ui/new/content/tab_instance.htm b/ui/new/content/tab_instance.htm new file mode 100755 index 00000000000..21640742a50 --- /dev/null +++ b/ui/new/content/tab_instance.htm @@ -0,0 +1,586 @@ + + + + + + + + + + + + + + + + diff --git a/ui/new/css/main.css b/ui/new/css/main.css new file mode 100644 index 00000000000..ee883dd0bc7 --- /dev/null +++ b/ui/new/css/main.css @@ -0,0 +1,1955 @@ +@charset "UTF-8"; +/* CSS Document */ + +*{ + margin:0; + padding:0; +} + +html,body{ + font-family:Arial, Helvetica, sans-serif; + font-size:11px; + color:#717171; + height:auto; + font-weight:normal; + background:#00374e url(../images/login_bg.gif) repeat-x top left; + margin:0; + padding:0; + overflow-x:hidden; + overflow-y:auto; +} + + + +a { + color:#2c8bbc; + font-size:11px; + font-weight:normal; + text-align:left; + margin:0; + padding:0; + text-decoration:none; +} + +a:link, a:visited { + text-decoration:none; +} + +a:visited { + text-decoration:underline; +} + + +#login_wrapper { + width:660px; + height:auto; + margin:0 auto; + padding:0; +} + +.login_main{ + width:660px; + height:auto; + float:left; + margin:100px 0 0 0; + padding:0; +} + +.login_logopanel { + width:660px; + height:66px; + float:left; + margin:0 0 0 0; + padding:0; +} + +.login_logobox { + width:181px; + height:66px; + float:left; + background:url(../images/login_logo.gif) no-repeat top left; + margin:0 0 0 75px; + display:inline; + padding:0; +} + +.main_loginbox { + width:660px; + height:auto; + float:left; + margin:0; + padding:0; +} + +.main_loginbox_top { + width:660px; + height:18px; + float:left; + background:url(../images/loginbox_top.png) no-repeat top left; + margin:0; + padding:0; + overflow:hidden; +} + +.main_loginbox_mid { + width:660px; + height:auto; + float:left; + background:url(../images/loginbox_mid.png) repeat-y top left; + margin:0; + padding:0; +} + +.main_loginbox_bot { + width:660px; + height:109px; + float:left; + background:url(../images/loginbox_bot.gif) no-repeat top left; + margin:0; + padding:0; +} + +.login_contentbox { + width:420px; + height:auto; + float:left; + margin:5px 0 0 110px; + display:inline; + padding:0; +} + +.login_contentbox_title { + width:100%; + height:auto; + float:left; + margin:0; + padding:0; +} + +.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: block; + position: absolute; + top: 0%; + left: 0%; + width: 100%; + min-height: 1070px; + height: 100%; + background-color: black; + z-index:1001; + -moz-opacity: 0.8; + opacity:.60; + filter: alpha(opacity=60); + overflow:hidden; +} + +.vmpopup_container { + width:737px; + height:505px; + float:left; + position:absolute; + top:200px; + left:22%; + z-index:1005; + margin:0; + padding:0; +} + +.vmpopup_container_closebutton { + width:13px; + height:13px; + float:right; + background:url(../images/vm_closebutton.gif) no-repeat top left; + margin:8px 10px 0 0; + padding:0; + cursor:pointer; + cursor:hand; +} + +.vmpopup_container_closebutton:hover { + background:url(../images/vm_closebutton_hover.gif) no-repeat top left; +} + +.vmpopup_container_top { + width:737px; + height:30px; + float:left; + background:url(../images/vmpopup_top.png) no-repeat top left; + margin:0; + padding:0; + overflow:hidden; +} + +.vmpopup_steps { + width:71px; + height:21px; + float:left; + color:#333; + font-size:12px; + font-weight:normal; + text-align:left; + margin:0; + padding:9px 0 0 25px; +} + +.vmpopup_maincontentarea { + width:700px; + height:435px; + float:left; + margin:20px 0 0 19px; + display:inline; + padding:0; +} + +.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; + font-size:12px; + font-weight:bold; + text-align:left; + color:#333; + margin:3px 0 0 10px; + display:inline + padding:0; +} + + +.vmpopup_reviewtick { + width:18px; + height:20px; + float:left; + background:url(../images/tick_review.png) no-repeat top left; + margin:0; + padding:0; +} + + +.vmpopup_offeringbox .radio { + width:13px; + height:13px; + float:left; + margin:5px 0 0 10px; + display:inline; + padding:0; + +} + +.vmpopup_offeringbox .text { + width:80px; + height:15px; + float:left; + color:#333; + font-size:11px; + font-weight:normal; + background:#FFF; + border:1px solid #999; + margin:4px 0 0 8px; + display:inline; + padding:0; +} + +.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; + color:#333; + font-size:11px; + font-weight:normal; + 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; +} + + +.vmpopup_offdescriptionbox_bot { + width:645px; + height:auto; + 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 0 3px 0; +} + +.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; +} + +.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; +} + +.vmpop_nextbutton:hover { + background:url(../images/vmpopup_prevbut.gif) no-repeat top left; +} + +.vmpop_prevbutton { + width:98px; + height:19px; + float:left; + background:url(../images/vmpopup_prevbut.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; +} + +.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: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:18px; + 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:700px; + height:auto; + float:left; + margin:0; + padding:0; +} + + +.rev_wizformarea ol { + width:605px; + height:auto; + color:#333; + float:left; + font-family:Arial, Helvetica, sans-serif; + font-size:12px; + list-style:none; +} + +.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; + margin:0 5px 0 0; + padding:0; +} + +.rev_wizformarea .checkbox { + width:15px; + height:15px; + float:left; + margin:0; + 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; + font-weight:normal; + font-size:25px; + margin:10px 0 0 20px; + display:inline; +} + + +.rev_wizmid_tempbox { + width:690px; + height:284px; + float:left; + margin:0; + padding:0; + border:1px solid #999; +} + +.rev_wizmid_tempbox_left { + width:182px; + height:284px; + float:left; + margin:0; + padding:0; +} + +.rev_wizmid_tempbox_right { + width:508px; + height:284px; + float:left; + margin:0; + padding:0; +} + +.rev_wiztemplistpanel { + width:508px; + height:254px; + float:left; + margin:0; + padding:0; + background:#FFF repeat top left; + cursor:pointer; + cursor:hand; +} + +.rev_wiztemplistactions { + width:508px; + height:28px; + float:left; + margin:0; + padding:0; + background:#f2f2f2 repeat top left; +} + +.rev_wiztemplist_actionsbox { + width:auto; + height:auto; + float:right; + margin:8px 10px 0 0; + padding:0; +} + +.rev_wiztemplist_actionsbox a:link { + width:auto; + height:auto; + float:left; + color:#2c8bbc; + font-size:12px; + text-align:left; + font-weight:normal; + text-decoration:none; + margin:0 15px 0 0; + padding:0; +} + +.rev_wiztemplist_actionsbox a:visted { + width:auto; + height:auto; + float:left; + color:#2c8bbc; + font-size:12px; + text-align:left; + font-weight:normal; + text-decoration:none; + margin:0 15px 0 0; + padding:0; +} + +.rev_wiztemplist_actionsbox a:hover { + width:auto; + height:auto; + float:left; + color:#2c8bbc; + font-size:12px; + text-align:left; + font-weight:normal; + text-decoration:underline; + margin:0 15px 0 0; + padding:0; +} + + +.rev_wiztemplistbox { + width:508px; + height:auto; + float:left; + border-bottom:1px solid #999; + margin:0; + padding:0; + background:#FFF repeat top left; + cursor:pointer; + cursor:hand; +} + +.rev_wiztemplistbox:hover { + background:#eeeeee repeat top left; +} + +.rev_wiztemplistbox_selected { + width:508px; + height:auto; + float:left; + border-bottom:1px solid #999; + margin:0; + padding:0; + background:#8fe0f4 repeat top left; + cursor:pointer; + cursor:hand; +} + + + +.rev_wiztemo_centosicons { + width:17px; + height:16px; + float:left; + margin:2px 10px 0 5px; + background:url(../images/temp_centosicon.gif) no-repeat top left; + padding:0; +} + +.rev_wiztemo_windowsicons { + width:17px; + height:16px; + float:left; + margin:2px 10px 0 5px; + background:url(../images/temp_windowsicon.gif) no-repeat top left; + padding:0; +} + +.rev_wiztemo_linuxicons { + width:17px; + height:16px; + float:left; + margin:2px 10px 0 5px; + background:url(../images/temp_linuxicon.gif) no-repeat top left; + 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; + height:43px; + float:left; + margin:0; + background:url(../images/revwiz_selcted_tempbut.gif) no-repeat top left; + color:#FFF; + text-align:left; + font-size:14px; + font-weight:normal; + padding:28px 0 0 15px; +} + +.rev_wizmid_nonselectedtempbut { + width:167px; + height:43px; + float:left; + margin:0; + background:url(../images/revwiz_nonselcted_tempbut.gif) no-repeat top left; + color:#333; + text-align:left; + font-size:14px; + font-weight:normal; + padding:28px 0 0 15px; + cursor:pointer; + cursor:hand; +} + +.rev_wizmid_nonselectedtempbut:hover { + background:url(../images/revwiz_nonselcted_tempbut_hover.gif) no-repeat top left; + color:#FFF; +} + +.revwiz_formcontent_title { + width:800px; + height:auto; + float:left; + color:#04263a; + font-size:12px; + font-weight:bold; + margin-top:0; + padding:0; +} + +.rev_wizformarea .text { + background-color: #e9f6ff; + font: normal 12px Arial, Helvetica, sans-serif; + font-weight:normal; + float:left; + border: 1px solid #61869b; + padding:2px 2px 0 2px; + height: 16px; + width: 196px; + margin:0; + padding:0; + color:#333; +} + +.rev_wizformarea .multiple { + background-color: #e9f6ff; + font: normal 12px Arial, Helvetica, sans-serif; + font-weight:normal; + float:left; + border: 1px solid #61869b; + padding:2px 2px 0 2px; + height: 80px; + width: 300px; + margin:0; + padding:0; + color:#333; +} + +.rev_wizformarea .select { + background-color: #e9f6ff; + font: normal 12px Arial, Helvetica, sans-serif; + font-weight:normal; + float:left; + border: 1px solid #61869b; + padding:2px 2px 0 2px; + height: 16px; + width: 196px; + margin:0; + padding:0; + color:#333; +} + + +.vmpopup_container_mid { + width:737px; + height:463px; + float:left; + background:url(../images/vmpopup_mid.gif) repeat-y top left; + margin:0; + padding:0; +} + +.vmpopup_container_bot { + width:737px; + height:12px; + float:left; + background:url(../images/vmpopup_bot.png) no-repeat top left; + margin:0; + padding:0; +} + + + +#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; + 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; +} + +.userlinks span { + font-weight:bold; + text-align:left; + font-size:11px; +} + +.userlinks a { + width:auto; + height:auto; + color:#a0f0ff; + text-decoration:none; + font-size:11px; + font-weight:normal; +} + +.userlinks a:link, userlinks a:visited { + text-decoration:none; +} + +.userlinks a:hover { + text-decoration:underline; +} + +#main_contentpanel { + min-width:960px; + width:100%; + min-height:1000px; + height:auto; + float:left; + 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; + cursor:pointer; + cursor:hand; + margin:0; + padding:0 0 3px 0; +} + +.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:-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; + +} + +.actionpanel { + width:100%; + height:27px; + float:left; + background:url(../images/actionpanel_bg.gif) repeat-x top left; + margin:0; + padding:0; +} + +.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; +} + +.searchpanel a:hover { + text-decoration:underline; +} + + +.searchpanel li{ + width:160px; + height:auto; + float:left; + margin:5px 0 0 8px; + display:inline; + padding:0; +} + +.searchpanel .text{ + width:122px; + height:14px; + float: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_textbg { + width:154px; + height:16px; + float:left; + background:url(../images/serach_textbox.gif) no-repeat top left; + margin:0; + padding:0; +} + +.actionpanel_button_wrapper{ + width:auto; + height:27px; + float:left; + margin:0; + padding:0; + background:url(../images/actionpanel_border.gif) no-repeat top right; + +} + +.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; +} + + +.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; +} + + +.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; +} + +.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; + 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; +} + +.vm_liveconsole { + width: 144px; + height:110px; + float:left; + margin:5px 0 0 5px; + display:inline; + padding:0; +} + + +.vm_status_textbox { + width:auto; + height:auto; + float:left; + margin:0 0 0 15px; + display:inline; + padding:0; +} + +.vm_status_textline { + width:auto; + height:auto; + float:left; + 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; +} + + + + +#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/selected_loader.gif) no-repeat top left; + margin:5px 0 0 0; + padding:0; +} + +.midmenu_infoicon { + width:16px; + height:16px; + float:left; + 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:99%; + height:auto; + float:left; + background:#fffbe6 repeat top left; + border:1px dashed #CCC; + color:#333; + margin:0 0 0 0; + padding:0; +} + +.info_detailbox p{ + width:auto; + height:auto; + float:left; + text-align:left; + font-size:11px; + margin:10px; + padding:0; +} + +.info_detailbox.errorbox { + background:#ffe5e5 repeat top left; + color:#a90000; +} diff --git a/ui/new/images/vm_closebutton.gif b/ui/new/images/vm_closebutton.gif new file mode 100644 index 00000000000..bbe4fa1bbc2 Binary files /dev/null and b/ui/new/images/vm_closebutton.gif differ diff --git a/ui/new/images/vm_closebutton_hover.gif b/ui/new/images/vm_closebutton_hover.gif new file mode 100644 index 00000000000..e66fc84b5d8 Binary files /dev/null and b/ui/new/images/vm_closebutton_hover.gif differ