cloudstack/ui/new/css/main.css
2010-09-14 16:01:40 -07:00

2363 lines
35 KiB
CSS

@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:auto;
}
<!--[if IE 6]>
html,body{
overflow:inherit;
}
<!--[endif]-->
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 url(../images/errormsg_bg.gif) repeat-x 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 {
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:link, rev_wiztemplist_actionsbox a:visted {
text-decoration:none;
}
.rev_wiztemplist_actionsbox a:hover {
text-decoration:underline;
}
.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_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;
}
.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;
}
.revwiz_message_top {
width:99%;
height:auto;
float:left;
margin:0;
padding:2px 5px 0 5px;
overflow:hidden;
}
.revwiz_message_top p {
width:auto;
height:25px;
margin:0;
padding:0;
color:#333;
text-align:left;
font-weight:normal;
font-size:11px;
display:inline;
}
.revwiz_message_bottom {
width:100%;
height:20px;
float:left;
margin:0;
padding:0;
}
.revwizcontinue_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;
}
.revwizcontinue_button:hover {
background:url(../images/vm_continuebutton_hover.gif) no-repeat top left;
}
.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:116px;
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_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;
}
.actionpanel_button_wrapper{
width:auto;
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;
}
.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 #999;
top:24px;
left:0;
margin:0;
padding:0;
z-index:1005;
}
.actionsdropdown_boxlist {
width:96px;
height:auto;
float:left;
margin:0 0 5px 6px;
padding:0 0 10px 0;
list-style:none;
}
.actionsdropdown_boxlist li{
width:94px;
height:auto;
float:left;
text-align:left;
color:#CCC;
font-size:11px;
font-weight:normal;
margin:0 0 0 0;
padding:5px 0 5px 3px;
list-style:none;
}
.actionsdropdown_boxlist li:hover{
background:#e6e6e6 repeat top left;
}
.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:none;
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;7497ae url(../images/mid_addingbg.gif) repeat-x top left;
color:#FFF;
}
.midmenu_content.inaction{
background:#7497ae url(../images/mid_addingbg.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:14px;
height:12px;
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:101px;
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;
position:relative;
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;
border-right:1px solid #fff;
}
.grid_row_cell .text {
width:92%;
height:13px;
float:left;
margin:0 0 0 10px;
display:inline;
padding:0;
border:1px solid #999;
background:#FFF;
color:#333;
font-size:11px;
}
.grid_row_cell .select {
width:92%;
height:15px;
float:left;
margin:0 0 0 10px;
display:inline;
padding:0;
border:1px solid #999;
background:#FFF;
color:#333;
font-size:11px;
}
.gridrow_loaderbox {
width:100%;
height:23px;
float:right;
position:absolute;
background:#99b2c3 url(../images/gridheader_loadingbg.gif) repeat-x top left;
border-left:1px solid #999;
margin:0 0 0 0;
padding:0;
z-index:1001;
top:0;
right:0;
}
.gridrow_loaderbox p{
width:auto;
height:auto;
float:left;
color:#FFF;
font-size:11px;
font-weight:bold;
margin:5px 5px 0 5px;
display:inline;
padding:0;
}
.gridrow_loader {
width:16px;
height:16px;
float:left;
background:url(../images/grid_actionloader.gif) no-repeat top left;
margin:3px 0 0 5px;
display:inline;
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_inactionloader {
width:16px;
height:16px;
float:left;
background:url(../images/adding_loader.gif) no-repeat top left;
margin:5px 0 0 0;
display:inline;
padding:0;
}
.midmenu_defaultloader {
width:16px;
height:16px;
float:left;
background:url(../images/mid_default.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.png) no-repeat top left;
margin:5px 0 0 0;
padding:0;
}
.midmenu_infoicon.error {
background:url(../images/infoerror_icon.png) no-repeat top left;
}
.info_detailbox {
width:100%;
height:auto;
float:left;
background:#fffbe6 url(../images/infomsg_bg.gif) repeat-x 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 url(../images/errormsg_bg.gif) repeat-x top left;
color:#a90000;
}
.grid_header {
width:100%;
height:20px;
float:left;
position:relative;
background:url(../images/grid_headerbg.gif) repeat-x top left;
margin:0;
padding:0;
}
.grid_header_cell {
height:20px;
float:left;
margin:0;
padding:0;
border-right:1px solid #CCC;
}
.grid_header_title {
width:auto;
height:auto;
float:left;
margin:4px 0 0 10px;
display:inline;
color:#434343;
text-align:left;
font-weight:bold;
font-size:11px;
padding:0;
}
.grid_actionpanel {
width:100%;
height:auto;
float:left;
position:relative;
margin:4px 0 0 0;
padding:0 0 0 0;
}
.grid_actionbox {
width:35px;
height:17px;
float:right;
background:url(../images/grid_actions.png) no-repeat top left;
margin:2px 5px 0 0;
padding:0;
cursor:pointer;
cursor:hand;
}
.grid_actionbox:hover {
background:url(../images/grid_actions_hover.png) no-repeat top left;
}
.gridheader_loaderbox {
width:auto;
height:20px;
float:right;
position:absolute;
background:#99b2c3 url(../images/gridheader_loadingbg.gif) repeat-x top left;
border-left:1px solid #999;
padding:0 5px 0 0;
z-index:1001;
right:0;
}
.gridheader_loaderbox p{
width:auto;
height:auto;
float:left;
color:#FFF;
font-size:11px;
font-weight:bold;
margin:3px 5px 0 5px;
display:inline;
padding:0;
}
.gridheader_loader {
width:16px;
height:16px;
float:left;
background:url(../images/grid_actionloader.gif) no-repeat top left;
margin:0 0 0 5px;
display:inline;
padding:0;
}
.gridheader_message {
width:auto;
height:20px;
float:right;
position:absolute;
border-left:1px solid #999;
background:#fffbe6 url(../images/infomsg_bg.gif) repeat-x top left;
margin:0px 0 0 0;
padding:0 5px 0 0;
z-index:1005;
right:0;
}
.gridheader_message p {
width:auto;
height:auto;
float:left;
color:#333;
font-size:11px;
font-size:11px;
font-weight:bold;
margin:2px 0 0 5px;
display:inline;
padding:0;
}
.gridheader_message.error {
background:#ffe5e5 url(../images/errormsg_bg.gif) repeat-x top left;
}
.gridheader_message.error p{
width:auto;
height:auto;
float:left;
color:#ae0000;
font-size:11px;
font-size:11px;
font-weight:bold;
margin:2px 0 0 5px;
display:inline;
padding:0;
}
.close_button {
width:38px;
height:17px;
float:left;
background:url(../images/close_button.png) no-repeat top left;
display:inline;
padding:0;
cursor:pointer;
cursor:hand;
margin:1px 0 0 5px;
padding:0;
}
.close_button:hover{
background:url(../images/close_button_hover.png) no-repeat top left;
}
.grid_editbox {
width:27px;
height:17px;
float:right;
background:url(../images/grid_editicon.png) no-repeat top left;
margin:2px 5px 0 0;
padding:0;
cursor:pointer;
cursor:hand;
}
.grid_editbox:hover {
background:url(../images/grid_editicon_hover.png) no-repeat top left;
}
.grid_detailspanel {
width:90%;
height:auto;
float:left;
margin:5px 0 0 45px;
display:inline;
padding:0;
}
.grid_details_pointer {
width:15px;
height:9px;
float:left;
background:url(../images/grid_detailspointer.png) no-repeat top left;
margin:0 0 0 10px;
display:inline;
padding:0;
}
.grid_detailsbox {
width:100%;
height:auto;
float:left;
border:1px solid #d5d5d5;
margin:0;
padding:0;
}
.grid_details_row {
width:100%;
height:auto;
border-bottom:1px dashed #a2bcce;
background:#e3eaef repeat top left;
float:left;
margin:0;
padding:4px 0 4px 0;
}
.grid_details_row.odd {
background:#f0f3f5 repeat top left;
}
.grid_actionsdropdown_box {
width:109px;
height:auto;
float:left;
position:absolute;
background:#FFF repeat top left;
border:1px solid #CCC;
top:17px;
right:6px;
margin:0;
padding:0;
z-index:1002;
}