cloudstack/ui/css/main.css
2011-07-21 17:58:10 -07:00

5401 lines
95 KiB
CSS

@charset "UTF-8";
/* CSS Document */
*{
margin:0;
padding:0;
}
html,body{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
height:auto;
font-weight:normal;
background:#00374e url(../images/login_bg.gif) repeat-x top left;
margin:0;
padding:0;
}
<!--[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:hover {
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;
}
.loginoptions_panel {
width:420px;
height:auto;
float:left;
margin:10px 0 0 0;
padding:0;
}
.loginbutton_box {
width:420px;
height:auto;
float:left;
margin:10px 0 0 0;
padding:0;
}
.loginoptions_box {
width:auto;
height:auto;
float:right;
margin:0;
padding:0;
}
.loginoptions_dropdownbutton {
width: 139px;
height:21px;
float:left;
position:relative;
background:url(../images/loginoptions_dropdownbutton.png) no-repeat top left;
margin:0 0 0 5px;
display:inline;
padding:0;
cursor:pointer;
cursor:hand;
}
.loginoptions_dropdownbutton:hover {
background:url(../images/loginoptions_dropdownbutton_hover.png) no-repeat top left;
}
.loginoptions_dropdownbutton p{
width:105px;
height:auto;
float:left;
color:#2c8bbc;
font-size:11px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
margin:0.4em 0 0 10px;
display:inline;
padding:0;
}
.loginoptions_ddarrow {
width:7px;
height:3px;
float:left;
background:url(../images/loginoptions_ddarrow.png) no-repeat top left;
margin:8px 0 0 5px;
display:inline;
padding:0;
}
.loginoptions_dropdown {
width:120px;
height:auto;
float:left;
position:absolute;
background:#FFF url(../images/actiondd_bg.gif) repeat-x top left;
border:1px solid #bebebe;
border-top:none;
top:21px;
left:8px;
}
.loginoptions_dropdown ul{
width:110px;
height:auto;
float:left;
margin:3px 0 0 5px;
padding:0 0 10px 0;
list-style:none;
}
.loginoptions_dropdown li{
width:106px;
height:auto;
float:left;
color:#333;
font-size:11px;
font-weight:none;
background:none;
border-bottom:1px dotted #999;
margin:0;
padding:5px 0 3px 0px;
list-style:none;
overflow:hidden;
}
.loginoptions_dropdown li:hover{
background:#e9e9e9;
}
.login_button {
width:94px;
height:32px;
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:0 0 0 0;
border:none;
}
.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:980px;
width:100%;
min-height:1000px;
height:auto;
background:#FFF;
overflow-y: hidden;
margin:0;
padding:0;
}
#overlay_black{
display: block;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
min-height: 1000px;
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;
}
.zonepopup_container_closebutton {
width:13px;
height:13px;
float:right;
background:url(../images/vm_closebutton.gif) no-repeat top left;
margin:8px 15px 0 0;
display:inline;
padding:0;
cursor:pointer;
cursor:hand;
}
.zonepopup_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;
overflow:hidden;
}
.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_overlay {
width:700px;
height:290px;
position:absolute;
background:url(../images/white_overlay.png) repeat top left;
margin:0;
padding:0;
}
.vmpopup_offeringpanel_underconstructionbox {
width:168px;
height:55px;
position:absolute;
color:#333;
background:url(../images/underconstructionbg.png) no-repeat top left;
font-size:11px;
font-weight:bold;
padding:0;
margin:0;
top:33%;
left:36%;
}
.vmpopup_offeringpanel_underconstructionbox p{
width:auto;
height:auto;
float:left;
color:#333;
text-align:left;
font-size:12px;
font-weight:bold;
margin:15px 0 0 27px;
padding: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 {
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.odd {
background:#efefef url(../images/offeringbox_bg.gif) repeat-x top left;
}
.vmpopup_reviewbox.even {
background:#d0d0d0 url(../images/reviewboxeven_bg.gif) repeat-x top left;
}
.vmpopup_reviewbox .text {
width:160px;
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;
}
.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 .select {
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 .error_text {
width:80px;
height:15px;
float:left;
color:#333;
font-size:11px;
font-weight:normal;
background:#ffe5e5;
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:35px;
float:left;
border-bottom:1px solid #999;
margin:0;
padding:0 0 2px 0;
background:#FFF repeat top left;
cursor:pointer;
cursor:hand;
overflow:hidden;
}
.rev_wiztemplistbox:hover {
background:#eeeeee repeat top left;
}
.rev_wiztemplistbox_selected {
width:508px;
height:35px;
float:left;
border-bottom:1px solid #999;
margin:0;
padding:0 0 2px 0;
background:#8fe0f4 repeat top left;
cursor:pointer;
cursor:hand;
overflow:hidden;
}
.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:460px;
height:15px;
float:left;
color:#021a28;
font-size:11px;
font-weight:bold;
text-align:left;
margin:5px 0 0 0;
padding:0;
overflow:hidden;
}
.rev_wiztemp_hypervisortext {
width:318px;
height:14px;
float:left;
color:#525252;
font-size:10px;
font-weight:normal;
text-align:left;
margin:2px 0 0 33px;
display:inline;
padding:0;
overflow:hidden;
}
.rev_wiztemp_ownertext {
width:130px;
height:14px;
float:left;
color:#666;
font-size:10px;
font-weight:normal;
text-align:left;
margin:0px 0 0 0;
padding:0;
overflow:hidden;
}
.rev_wiztemp_ownertext span {
color:#666;
font-size:10px;
font-weight:bold;
text-align:left;
margin: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;
}
.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: 400px;
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;
}
#main_header {
min-width:980px;
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;
}
.language_dropdownpanel {
width:103px;
height:19px;
float:left;
position:relative;
background:url(../images/language_bg.gif) no-repeat top left;
margin:-3px 0 0 8px;
display:inline;
padding:0;
cursor:pointer;
cursor:hand;
}
.language_dropdownpanel:hover {
background:url(../images/language_bg_hover.gif) no-repeat top left;
}
.language_dropdownpanel p {
width:64px;
height:auto;
float:left;
color:#FFF;
font-size:11px;
font-weight:normal;
text-align:left;
margin:4px 0 0 4px;
padding:0;
}
.language_icon {
width: 12px;
height:11px;
float:left;
background:url(../images/language_icon.gif) no-repeat top left;
margin:4px 0 0 5px;
display:inline;
padding:0;
}
.language_ddarrow {
width: 9px;
height:5px;
float:left;
background:url(../images/language_ddarrow.png) no-repeat top left;
margin:8px 0 0 5px;
display:inline;
padding:0;
}
.language_dropdownbox {
width:101px;
height:auto;
position:absolute;
background:#053a52 repeat top left;
border:1px solid #aac5d1;
margin:0;
padding:0 0 15px 0;
top:17px;
z-index:1010;
}
.language_dropdownbox ul {
width:85px;
height:auto;
float:left;
list-style:none;
margin:3px 0 0 8px;
display:inline;
padding:0;
}
.language_dropdownbox li {
width:80px;
height:auto;
float:left;
list-style:none;
margin:0px 0 0 0;
border-bottom:1px dashed #999;
color:#FFF;
font-size:11px;
font-weight:normal;
display:inline;
padding:4px 0 4px 3px;
}
.language_dropdownbox li:hover {
background:#547887 repeat top left;
}
#main_contentpanel {
min-width:980px;
width:100%;
min-height:1000px;
height:100%;
float:left;
background:#FFF;
margin:0;
padding:0;
}
.leftmenu_panel {
width:221px;
height:100%;
min-height:1025px;
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:100%;
height:auto;
float:left;
margin:0 0 0 0;
list-style:none;
padding:0;
}
.leftmenu_list{
width:100%;
height:auto;
float:left;
margin:0;
padding:0;
background:url(../images/leftmenu_dashedborder.gif) repeat-x bottom left;
}
.leftmenu_expandedbox{
width:100%;
height:auto;
float:left;
position:relative;
background:#7f9bae url(../images/leftmenu_expanded.gif) repeat-x top left;
border-bottom:1px solid #FFF;
margin:0;
padding:0;
overflow:hidden;
}
.leftmenu_expandedlist{
width:100%;
height:auto;
float:left;
position:relative;
margin:0;
padding:0;
}
.leftmenu_bigloading {
width:40px;
height:40px;
position:absolute;
background:url(../images/leftmenu_bigloading.gif) no-repeat top left;
top:25px;
left:90px;
margin:0;
padding:0;
}
.leftmenu_content_flevel{
width:100%;
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_flevel.selected{
background:#d4dce1 url(../images/leftmenu_highlighted.gif) repeat-x top left;
border-bottom:1px solid #92a7b7;
font-weight:bold;
}
.leftmenu_content_flevel:hover{
background:#ebf2f6 url(../images/leftmenu_hover.gif) repeat-x top left;
}
.leftmenu_content{
width:100%;
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:hover{
color:#1d3544;
background:#a1aab1 repeat top left;
}
.leftmenu_content.selected{
color:#FFF;
background:#345265 repeat-x top left;
}
.leftmenu_loadingbox {
width:100%;
height:auto;
position:absolute;
background:#fdecbc repeat top left;
margin:0;
padding:0;
}
.leftmenu_loadingbox p{
width:auto;
height:auto;
float:left;
color:#333;
font-size:11px;
font-weight:bold;
text-align:left;
margin:1px 0 0 10px;
display:inline;
padding:3px 0;
}
.leftmenu_loader {
width:16px;
height:16px;
float:left;
background:url(../images/leftmenu_loader.gif) no-repeat top left;
margin:2px 0 0 5px;
display:inline;
}
.leftmenu_arrowloader {
width:16px;
height:16px;
float:left;
background:url(../images/leftmenu_newloader.gif) no-repeat top left;
margin:-2px 4px 0 0;
display:inline;
}
.white_openedarrow {
width:5px;
height:10px;
float:right;
margin:5px 10px 0 0;
padding:0;
}
.leftmenu_firstindent{
width:90%;
height:auto;
float:left;
margin:7px 0 0 10px;
display:inline;
padding:0;
}
.leftmenu_secondindent{
min-width:180px;
max-width:auto;
height:auto;
float:left;
color:#FFF;
margin:7px 0 0 30px;
display:inline;
padding:0;
}
.leftmenu_thirdindent{
min-width:160px;
max-width:auto;
height:auto;
float:left;
color:#FFF;
margin:7px 0 0 50px;
display:inline;
padding:0;
}
.leftmenu_fourthindent{
min-width:200px;
max-width:auto;
height:auto;
float:left;
color:#FFF;
margin:7px 0 0 70px;
display:inline;
padding:0;
}
.leftmenu_fifthindent{
min-width:200px;
max-width:auto;
height:auto;
float:left;
color:#FFF;
margin:7px 0 0 100px;
display:inline;
padding:0;
}
.leftmenu_sixthindent{
min-width:200px;
max-width:auto;
height:auto;
float:left;
color:#FFF;
margin:7px 0 0 120px;
display:inline;
padding:0;
}
.leftmenu_domainindent{
min-width:180px;
max-width:auto;
height:auto;
float:left;
color:#FFF;
margin:7px 0 0 30px;
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_firstlevel_open {
width:16px;
height:14px;
float:right;
margin:-2px 4px 0 0;
background:url(../images/leftmenu_maindownarrow.png) no-repeat top left;
padding:0;
}
.leftmenu_arrows {
width:14px;
height:14px;
float:left;
margin:2px 4px 0 0;
padding:0;
}
.leftmenu_arrows.close {
background:url(../images/leftmenu_closedarrow.png) no-repeat top left;
}
.leftmenu_arrows.nonexpanded_close {
background:url(../images/leftmenu_closedarrow_nonexp.png) no-repeat top left;
}
.leftmenu_arrows.open {
background:url(../images/leftmenu_openarrow.png) no-repeat top left;
}
.leftmenu_arrows.expanded_close {
background:url(../images/leftmenu_white_closedarrow.png) no-repeat top left;
margin-top:1px;
}
.leftmenu_arrows.white_nonexpanded_close {
background:url(../images/leftmenu_white_closedarrow_nonexp.png) no-repeat top left;
}
.leftmenu_arrows.expanded_open {
background:url(../images/leftmenu_white_openedarrow.png) no-repeat top left;
}
.right_panel {
width:auto;
height:auto;
min-height:1000px;
height:auto;
margin:0 0 0 222px;
padding:0;
}
.actionpanel {
min-width:760px;
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_filterbutton {
width:16px;
height:16px;
float:left;
margin:5px 0 0 4px;
display:inline;
background:url(../images/filter_downarrow.gif) no-repeat top left;
cursor:pointer;
cursor:hand;
}
.searchpanel_filterbutton.up {
background:url(../images/filter_uparrow.gif) no-repeat top left;
}
.adv_searchpopup_highlighted_advancesearch {
width:55px;
height:19px;
float:right;
background: url(../images/advance_highlighted.gif) no-repeat top left;
margin:0 57px 0 0;
padding:0;
}
.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:186px;
height:auto;
float:left;
margin:5px 0 0 8px;
display:inline;
padding:0;
}
.searchpanel .text{
width:131px;
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_refreshbutton {
width:13px;
height:13px;
background:url(../images/search_refreshicon.gif) no-repeat top left;
float:left;
margin:2px 0 0 2px;
display:inline;
padding:0;
cursor:pointer;
cursor:hand;
}
.search_refreshbutton:hover {
background:url(../images/search_refreshicon_hover.gif) no-repeat top left;
}
.search_textbg {
width:186px;
height:16px;
float:left;
background:url(../images/search_textbg.gif) no-repeat top left;
margin:0;
padding:0;
}
.adv_searchpopup {
width:100%;
height:auto;
float:left;
margin:0;
padding:0;
}
.adv_searchpopup_bg {
width:100%;
height:auto;
float:left;
background:#646464 url(../images/adv_searchbg.gif) repeat-x top left;
border-bottom:1px solid #2d2d2d;
margin:0;
padding:0 0 9px 0;
}
.adv_searchpopup_top {
width:268px;
height:21px;
float:left;
background:url(../images/advancesearchpopup_top.png) no-repeat top left;
margin:0;
padding:0;
overflow:hidden;
}
.adv_searchpopup_top h2{
width:200px;
height:auto;
float:left;
color:#333;
font-size:11px;
font-weight:bold;
text-align:left;
margin:5px 0 0 10px;
display:inline;
padding:0;
}
.adv_searchpopup_mid {
width:268px;
height:auto;
float:left;
background: url(../images/advancesearchpopup_mid.gif) repeat-y top left;
margin:0;
padding:0;
}
.adv_searchpopup_bot {
width:268px;
height:8px;
float:left;
background: url(../images/advancesearchpopup_bot.gif) repeat-y top left;
margin:0;
padding:0;
}
.adv_searchformbox {
width:200px;
height:auto;
float:left;
margin:10px 0 5px 10px;
display:inline;
padding:0;
}
.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:11px;
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;
margin:0;
padding:0;
}
.adv_searchformbox li {
width:190px;
float:left;
clear:left;
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-weight:normal;
margin:7px 0 0 0;
}
.adv_searchformbox label {
width:70px;
float:left;
clear:left;
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-size:10px;
font-weight:normal;
margin:2px 5px 0 0;
}
.adv_searchformbox .text {
background-color: #FFF;
font: normal 11px Arial, Helvetica, sans-serif;
float:left;
border: 1px solid #CCC;
height: 16px;
width: 182px;
color:#666;
margin:0;
padding:1px 0 0 2px;
font-weight:normal;
}
.adv_searchformbox .textwatermark {
font: normal 11px Arial, Helvetica, sans-serif;
position:relative;
color:#bcbcbc;
padding:1px 0 0 2px;
margin:0;
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: 186px;
margin:0;
padding:0 0 0 2px;
color:#666;
}
.adv_search_actionbox {
width:200px;
height:15px;
float:left;
margin:5px 0 0 0;
padding:0;
}
.adv_searchpopup_button {
width:43px;
height:15px;
float:left;
background:url(../images/adv_searchbutton.gif) no-repeat top left;
margin:0 5px 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;
}
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;
}
.actionpanel_rightbutton_container {
width:auto;
height:27px;
float:right;
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;
}
.actionpanel_button.selected{
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_hidden{
width:auto;
height:27px;
float:left;
margin:0;
padding:0;
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
}
.actionpanel_button_links{
width:auto;
height:auto;
color:#FFF;
font-size:10px;
font-weight:normal;
text-decoration:none;
float:left;
margin:7px 0 0 3px;
padding:0 5px 0 0;
}
.actionpanel_button_icons {
width:22px;
height:18px;
float:left;
margin:5px 0 0 5px;
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;
}
.help_dropdown_box {
width:400px;
height:400px;
float:left;
position:absolute;
background:#FFF repeat top left;
border:1px solid #999;
top:65px;
right:7px;
margin:0;
padding:0;
z-index:1005;
}
.help_dropdown_box_titlebox {
width:380px;
height:auto;
float:left;
background:#eef2f4 repeat top left;
border:1px solid #CCC;
margin:5px 0 0 10px;
padding:4px 0;
}
.help_dropdown_box_titlebox h2 {
width:auto;
height:auto;
float:left;
color:#333;
text-align:left;
font-size:14px;
margin:0 0 0 10px;
display:inline;
padding:0;
}
.help_dropdown_box_titlebox a {
float:right;
color:#2c8bbc;
font-size:10px;
font-weight:normal;
text-align:left;
margin:0 10px 0 0;
padding:0;
text-decoration:none;
}
.help_dropdown_box_titlebox a:link, .help_dropdown_box_titlebox a:visited {
text-decoration:none;
}
.help_dropdown_box_titlebox a:hover {
text-decoration:underline;
}
.help_dropdown_box_textbox {
width:380px;
height:340px;
float:left;
margin:0 0 0 10px;
padding:0;
overflow-y:scroll;
overflow-y:auto;
overflow-x:hidden;
}
.help_dropdown_box_textbox a {
color:#2c8bbc;
font-size:11px;
font-weight:normal;
text-align:left;
margin:0;
padding:0;
text-decoration:underline;
}
.help_dropdown_box_textbox a:link, .help_dropdown_box_textbox a:visited {
text-decoration:underline;
}
.help_dropdown_box_textbox a:hover {
text-decoration:underline;
color:#333;
}
.help_dropdown_box_textbox ul {
width:350px;
height:auto;
float:left;
margin:12px 0 0 0;
padding:0;
}
.help_dropdown_box_textbox li {
width:350px;
height:auto;
float:left;
background:url(../images/arrow.png) no-repeat top left;
margin:5px 0 0 0;
padding:0 0 0 16px;
font-size:11px;
}
.help_dropdown_box_textbox h3{
width:360px;
height:auto;
float:left;
color:#0D4861;
font-size:12px;
font-weight:normal;
text-align:left;
margin:12px 0 0 0;
padding:0;
}
.help_dropdown_box_textbox p{
width:360px;
height:auto;
float:left;
color:#333;
font-size:11px;
font-weight:normal;
text-align:left;
margin:8px 0 0 0;
padding:0;
}
#contentwrapper{
height:100%;
float: left;
width: 100%;
margin:0;
padding:0;
}
.midmenu_panel {
width:221px;
min-height:1000px;
height:auto;
float:left;
position:relative;
background:#f0f0f0 repeat top left;
border-right:1px solid #aeb9c5;
margin:27px 0 0 -100%;
display:inline;
padding:0;
}
.midmenu_mainloaderbox {
width:220px;
height:auto;
background:#fffbe6 url(../images/infomsg_bg.gif) repeat-x top left;
margin:0;
padding:0;
float:left;
margin:0;
padding:0 0 9px 0;
border-bottom:1px dashed #999;
}
.midmenu_mainloaderbox p{
width:auto;
height:auto;
float:left;
color:#333;
font-size:12px;
font-weight:bold;
margin:9px 10px 0 10px;
display:inline;
padding:0;
}
.midmenu_mainloader_animatedicon {
width:16px;
height:16px;
float:left;
background:url(../images/leftmenu_loader.gif) no-repeat top left;
margin:9px 0 0 15px;
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_itemheader {
width:220px;
height:auto;
float:left;
background:#989898 url(../images/midmenu_titlebg.gif) repeat-x top left;
margin:0;
padding:0 0 4px 0;
}
.midmenu_itemheader p{
width:auto;
height:auto;
float:left;
color:#2b4454;
text-align:left;
font-weight:bold;
font-size:11px;
margin:4px 0 0 10px;
padding:0;
}
.midmenu_itemheader_arrow {
width:8px;
height:4px;
float:right;
background:url(../images/itemheader_arrow.png) no-repeat top left;
margin:9px 15px 0 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:hover{
background:#c5c5c5 url(../images/midmenu_hover.gif) repeat-x top left;
color:#333;
}
.midmenu_content.selected {
background:#345265 url(../images/midmenu_selected.gif) repeat-x top left;
color:#FFF;
}
.midmenu_content.inaction{
background:#fffacd url(../images/mid_addingbg.gif) repeat-x top left;
color:#333;
}
.midmenu_content.addingfailed{
background:#ffe5e5 url(../images/errormsg_bg.gif) repeat-x top left;
color:#a90000;
height:auto;
border-bottom:1px dashed #999;
}
.midmenu_content.addingfailed span{
height:auto;
}
.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:13px;
float:left;
text-align:left;
font-weight:normal;
font-size:11px;
margin:3px 0 0 0;
padding:0;
overflow:hidden;
}
.midmenu_textbox span {
width:165px;
height:15px;
float:left;
text-align:left;
font-weight:normal;
font-size:10px;
margin:2px 0 0 0;
padding:0;
overflow:hidden;
}
.midmenu_emptymsgbox {
width:220px;
height:auto;
float:left;
background:#d4d4d4 url(../images/midmenu_emptymsg.gif) repeat-x top left;
margin:0 0 0 0;
padding:0 0 10px 0;
border-bottom:1px dashed #999;
}
.midmenu_emptymsgbox p{
width:200px;
height:auto;
float:left;
color:#666;
font-size:11px;
font-weight:bold;
margin:10px 0 0 15px;
padding:0;
}
.main_contentarea_with_midmenu {
width:auto;
min-height:1000px;
height:auto;
margin:0 0 0 221px;
padding:0;
}
.main_contentarea_without_midmenu {
width:auto;
min-height:1000px;
height:auto;
margin:0 10px 0 10px;
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:10px 0 0 10px;
display:inline;
padding:0;
}
.tabbox {
min-width:760px;
width:100%;
height:auto;
float:left;
border-bottom:1px solid #efefef;
margin:0;
padding:0;
}
.content_tabs {
width:101px;
height:15px;
float:left;
font-size:11px;
margin:0 0 0 2px;
text-align:center;
padding:6px 0 0 0;
display:inline;
}
.content_tabs.on {
background:url(../images/contenttab_selected.gif) no-repeat bottom left;
color:#0d4861;
}
.content_tabs.off {
background:url(../images/contenttab_unselected.gif) no-repeat bottom left;
color:#FFF;
cursor:pointer;
cursor:hand;
}
.content_tabs.off:hover {
background:url(../images/contenttab_unselected_hover.gif) no-repeat bottom left;
color:#FFF;
cursor:pointer;
cursor:hand;
}
.rightpanel_mainloader_panel {
width:100%;
height:auto;
float:left;
margin:10px 0 0 0;
padding:0;
}
.rightpanel_mainloaderbox {
width:134px;
height:22px;
background:#fffbe6 url(../images/infomsg_bg.gif) no-repeat top left;
border:1px solid #CCC;
float:left;
margin:0;
padding:0;
}
.rightpanel_mainloaderbox p{
width:auto;
height:auto;
float:left;
color:#333;
font-size:12px;
font-weight:normal;
margin:5px 10px 0 10px;
display:inline;
padding:0;
}
.rightpanel_mainloader_animatedicon {
width:16px;
height:16px;
float:left;
background:url(../images/leftmenu_loader.gif) no-repeat top left;
margin:3px 0 0 25px;
display:inline;
padding:0;
}
.text_container {
width:100%;
height:auto;
float:left;
margin:7px 0 0 0;
padding:0;
}
.grid_container {
width:100%;
height:auto;
float:left;
border:1px solid #CCC;
margin:7px 0 0 0;
padding:0;
}
.fixed_gridcontainer {
width:100%;
height:700px;
float:left;
overflow-y:auto;
overflow-x:hidden;
position:relative;
margin: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.success {
background:#fffbe6 url(../images/infomsg_bg.gif) repeat-x top left;
}
.grid_rows.error {
background:#ffe5e5 url(../images/errormsg_bg.gif) repeat-x 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:16px;
float:left;
margin:0 0 0 10px;
display:inline;
padding:0 0 0 2px;
border:1px solid #999;
background:#FFF;
color:#333;
font-size:11px;
}
.grid_row_cell .error_text {
width:92%;
height:16px;
float:left;
margin:0 0 0 10px;
display:inline;
padding:0 0 0 2px;
border:1px solid #999;
background:#ffe5e5;
color:#333;
font-size:11px;
}
.grid_row_cell .error_select {
width:92%;
height:16px;
float:left;
margin:0 0 0 10px;
display:inline;
padding:0 0 0 2px;
border:1px solid #999;
background:#ffe5e5;
color:#333;
font-size:11px;
}
.errormsg {
width:80%;
height:auto;
float:left;
margin:3px 0 0 10px;
display:inline;
padding:0 0 0 2px;
color:#a90000;
font-size:11px;
font-weight:normal;
}
.grid_row_cell .select {
width:92%;
height:18px;
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:95%;
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.status_red {
width:auto;
height:auto;
float:left;
color:#AB0202;
text-align:left;
font-size:11px;
font-weight:bold;
margin:0 0 0 10px;
display:inline;
padding:0;
}
.row_celltitles.status_green {
width:auto;
height:auto;
float:left;
color:#538002;
text-align:left;
font-size:11px;
font-weight:bold;
margin:0 0 0 10px;
display:inline;
padding:0;
}
.row_celltitles.status_gray {
width:auto;
height:auto;
float:left;
color:#666666;
text-align:left;
font-size:11px;
font-weight:bold;
margin:0 0 0 10px;
display:inline;
padding:0;
}
.row_celltitles.alert {
width:100%;
height:auto;
float:left;
color:#a90000;
text-align:left;
font-size:11px;
font-weight:bold;
margin:0;
padding:0;
}
.row_celltitles.alertdetails {
width:100%;
height:auto;
float:left;
color:#5c5c5c;
text-align:left;
font-size:11px;
font-weight:normal;
margin:6px 0 0 0;
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;
cursor:pointer;
cursor:hand;
}
.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;
z-index:1000;
}
.footer_testprovisiongtool{
width:auto;
height:auto;
float:left;
margin:9px 0 0 10px;
display:inline;
padding:0;
}
.footer_testprovisiongtool_icon {
width:11px;
height:13px;
float:left;
background:url(../images/test_provisioning.png) no-repeat top left;
margin:0;
padding:0;
}
.footer_testprovisiongtool a{
width:auto;
height:auto;
float:left;
text-decoration:none;
font-weight:normal;
color:#CCC;
margin:2px 0 0 7px;
display:inline;
padding:0;
}
.footer_testprovisiongtool a:link, .footer_testprovisiongtool a:visited {
text-decoration:none;
}
.footer_testprovisiongtool a:hover {
text-decoration:underline;
}
#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/leftmenu_loader.gif) no-repeat top left;
margin:5px 0 0 0;
display:inline;
padding:0;
}
.midmenu_addingfailed_closeicon {
width:12px;
height:12px;
float:left;
background:url(../images/addingfailed_closeicon.png) no-repeat top left;
margin:8px 0 0 0;
display:inline;
padding:0;
cursor:pointer;
cursor:hand;
}
.midmenu_addingfailed_closeicon:hover {
background:url(../images/addingfailed_closeicon_hover.png) no-repeat top left;
}
.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 a {
color:#2c8bbc;
font-size:11px;
font-weight:normal;
text-align:left;
margin:0;
padding:0;
text-decoration:none;
}
.info_detailbox a:link, .info_detailbox a:visited {
text-decoration:none;
}
.info_detailbox a:hover {
text-decoration:underline;
}
.info_detailbox.errorbox {
background:#ffe5e5 url(../images/errormsg_bg.gif) repeat-x top left;
color:#a90000;
}
.info_detailbox.defaultbox {
background:#eaf2f6 repeat-x top left;
color:#333;
margin-top:10px;
}
.grid_header {
width:100%;
height:20px;
float:left;
position:relative;
background:url(../images/grid_headerbg.gif) repeat-x top left;
margin:0;
padding:0;
z-index:100;
}
.grid_header_cell {
height:20px;
float:left;
margin:0;
padding:0;
border-right:1px solid #CCC;
}
.grid_header_formbox {
width:auto;
height:auto;
float:right;
margin:0;
padding:0;
}
.grid_header_formbox .label {
width:auto;
height:auto;
float:left;
color:#333;
font-size:10px;
font-weight:normal;
margin:4px 7px 0 0;
padding:0;
}
.grid_header_cell .select {
height:15px;
float:left;
margin:2px 10px 0 0;
display:inline;
padding:0;
border:1px solid #999;
background:#e7e7e7;
color:#333;
font-size:11px;
}
.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;
z-index:1009;
}
.grid_botactionpanel {
width:100%;
height:23px;
float:left;
margin:15px 0 0 0;
padding:0 0 0 0;
}
.gridbot_buttons {
width:64px;
height:17px;
float:left;
color:#FFF;
background:url(../images/gridbot_actionbutton.gif) no-repeat top left;
text-align:center;
font-weight:normal;
font-size:12px;
margin:0 10px 0 0;
padding:4px 0 0 0;
cursor:pointer;
cursor:hand;
}
.gridbot_buttons:hover {
background:url(../images/gridbot_actionbutton_hover.gif) no-repeat top left;
}
.grid_actionbox {
width:107px;
height:20px;
float:right;
background:url(../images/grid_actions.gif) no-repeat top left;
margin:1px 0x 0 0;
padding:0;
cursor:pointer;
cursor:hand;
}
.grid_actionbox:hover {
background:url(../images/grid_actions_hover.gif) no-repeat top left;
}
.grid_actionbox p{
width:auto;
height:autox;
float:left;
margin:4px 0 0 25px;
color:#FFF;
font-size:11px;
font-weight:normal;
text-align:left;
display:inline;
padding:0;
}
.gridheader_loaderbox {
min-width:107px;
width:auto;
height:18px;
float:right;
position:absolute;
background:#99b2c3 url(../images/gridheader_loadingbg.gif) repeat-x top left;
border: 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_morebutt {
width:46px;
height:20px;
float:left;
background:url(../images/more_button.gif) no-repeat top left;
margin:0;
cursor:pointer;
cursor:hand;
display:inline;
padding:0;
}
.gridheader_morebutt:hover {
background:url(../images/more_button_hover.gif) no-repeat top left;
}
.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;
position:relative;
margin:0;
padding:4px 0 4px 0;
}
.grid_details_row.odd {
background:#f0f3f5 repeat top left;
}
.grid_actionsdropdown_box {
width:185px;
height:auto;
float:left;
position:absolute;
background:#444444 repeat top left;
border-bottom:1px solid #666;
border-left:1px solid #666;
top:17px;
right:0;
margin:0;
padding:0;
z-index:1010;
}
.actionsdropdown_boxlist {
width:173px;
height:auto;
float:left;
margin:2px 0 5px 6px;
padding:0 0 10px 0;
list-style:none;
}
.actionsdropdown_boxlist li{
width:168px;
height:auto;
float:left;
text-align:left;
background:#444444 repeat-x top left;
color:#CCC;
font-size:11px;
font-weight:normal;
margin:0 0 0 0;
padding:6px 0 5px 3px;
border-bottom:1px dashed #666;
list-style:none;
}
.actionsdropdown_boxlist li:hover{
background:#7f7f7f repeat top left;
color:#CCC;
}
.actionsdropdown_boxlist a{
text-decoration:none;
color:#FFF;
}
.actionsdropdown_boxlist a:link, actionsdropdown_boxlist a:visited {
text-decoration:none;
color:#FFF;
}
.actionsdropdown_boxlist a:hover{
text-decoration:none;
color:#FFF;
}
.dbrow {
width:100%;
height:44px;
float:left;
border-bottom:1px solid #e2e2e2;
margin:0;
padding:0;
}
.dbrow.even {
background:url(../images/dbrow_even.gif) repeat-x top left;
}
.dbrow.odd {
background:url(../images/dbrow_odd.gif) repeat-x top left;
}
.dbrow_cell {
height:44px;
float:left;
border-right:1px solid #e2e2e2;
margin:0;
padding:0;
}
.dbgraph_titlebox {
width:95%;
height:auto;
float:left;
margin:5px 0 0 10px;
padding:0;
}
.dbgraph_titlebox h2{
width:80%;
height:auto;
float:left;
color:#333;
font-size:11px;
font-weight:normal;
text-align:left;
margin:0;
padding:0;
}
.domain_dbicons {
width:48px;
height:36px;
float:left;
margin:0 10px 0 0;
display:inline;
padding:0;
}
.dbgraph_title_usedbox {
width:187px;
height:16px;
float:left;
background:url(../images/db_usedbox.gif) no-repeat top left;
margin:3px 0 0 0;
padding:0;
}
.dbgraph_title_usedbox p {
width: auto;
height:auto;
float:left;
color:#FFF;
font-size:11px;
font-weight:normal;
text-align:left;
margin:2px 0 0 5px;
padding:0;
}
.dbgraph_title_usedbox span {
font-weight:bold;
}
.db_barbox {
height:17px;
float:left;
margin:12px 0 0 0;
border:1px solid #666;
border-left:none;
}
.db_barbox.low {
background:url(../images/dbbar_low.gif) repeat-x top left;
}
.db_barbox.mid {
background:url(../images/dbbar_mid.gif) repeat-x top left;
}
.db_barbox.high {
background:url(../images/dbbar_high.gif) repeat-x top left;
}
.db_totaltitle {
width:auto;
height:auto;
float:right;
text-align:right;
color:#333;
font-size:16px;
font-weight:bold;
margin:14px 15px 0 0;
padding:0;
}
/* tree in middle menu */
.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;
color:#FFF;
text-align:left;
font-weight:normal;
font-size:11px;
cursor:pointer;
cursor:hand;
margin:0;
padding:0 0 3px 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;
}
.db_resourcebox {
width:75%;
height:126px;
margin:5px auto;
padding:0;
}
.db_resourcebox_top {
width:100%;
height:75px;
float:left;
margin:0;
padding:0;
}
.db_resourcebox_iconbox {
width:50%;
height:75px;
float:left;
margin:0;
padding:0;
}
.db_resourcebox_icons {
width:90px;
height:53px;
margin:18px auto 0;
padding:0;
}
.db_resourcebox_textbox {
width:50%;
height:75px;
float:left;
margin:0;
padding:0;
}
.db_resourcebox_textbox p{
width:auto;
height:auto;
float:left;
font-size:13px;
font-weight:bold;
color:#333;
margin:40px 0 0 0;
padding:0;
}
.db_resourcebox_bot {
width:100%;
height:51px;
float:left;
margin:0;
padding:0;
}
.db_resourcebox_VMnumber {
width:100%;
height:auto;
float:left;
font-size:21px;
font-weight:bold;
text-align:center;
margin:0;
padding:0;
}
.db_resourcebox_VMnumber span {
font-size:30px;
}
.db_resourcebox_VMnumber.running {
color:#687201;
}
.db_resourcebox_VMnumber.stopped {
color:#c10202;
}
.db_resourcebox_VMnumber.total {
color:#064f88;
}
.dbaccounts_rows {
width:100%;
height:21px;
float:left;
background:#cccccc;
margin:0;
padding:5px 0 5px 0;
border-bottom:1px solid #999;
}
.network_dgbox {
width:500px;
height:auto;
float:left;
margin:20px 0 0 10px;
display:inline;
padding:0;
}
.networkdg_zonepanel {
width:500px;
height:75px;
float:left;
margin:0;
padding:0;
}
.networkdg_zonecloud {
width:127px;
height:71px;
float:left;
background:url(../images/network_zonecloud.gif) no-repeat top left;
margin:0 0 0 169px;
display:inline;
padding:0;
}
.networkdg_zonecloud p {
width:125px;
height:auto;
float:left;
text-align:center;
font-size:11px;
font-weight:bold;
color:#002451;
margin:30px 0 0 0;
padding:0;
}
.networkdg_zoneconnect {
width:171px;
height:32px;
float:left;
background:url(../images/network_zoneconnect.gif) no-repeat top left;
margin:38px 0 0 0;
padding:0;
}
.networkswitchpanel {
width:500px;
height:auto;
float:left;
margin:0;
padding:0;
}
.networkswitch_titlebox {
width:430px;
height:19px;
float:left;
background:#fefbdc repeat top left;
border:1px solid #d3cc8a;
border-bottom:none;
margin:7px 0 0 10px;
padding:0;
}
.networkswitch_titlebox p{
width:300px;
height:auto;
float:left;
color:#333;
text-align:left;
font-size:11px;
font-weight:normal;
margin:3px 0 0 10px;
padding:0;
}
.networkswitch_top {
width:38px;
height:27px;
float:left;
background:url(../images/switch_top.gif) no-repeat top left;
margin:0;
padding:0;
overflow:hidden;
}
.networkswitch_midpanel {
width:480px;
height:auto;
float:left;
background:url(../images/vlan_barbg.gif) repeat-y top left;
border-top:1px dashed #333;
border-bottom:1px dashed #333;
margin:0;
padding:0 0 60px 0;
}
.networkswitch_vlanpanel {
width:464px;
height:auto;
float:left;
margin:35px 0 0 16px;
display:inline;
padding:0;
}
.networkswitch_vlanadd {
width:446px;
height:12px;
float:left;
background:url(../images/vlan_add.gif) no-repeat top left;
margin:26px 0 0 218px;
display:inline;
padding:0;
}
.networkswitch_vlan_addbutton {
width:149px;
height:24px;
float:left;
background:url(../images/add_vlanbutton.png) no-repeat top left;
margin:-5px 0 0 30px;
display:inline;
padding:0;
cursor:pointer;
cursor:hand;
}
.networkswitch_vlan_addbutton:hover {
background:url(../images/add_vlanbutton_hover.png) no-repeat top left;
}
.networkswitch_vlanconnect {
width:464px;
height:12px;
float:left;
position:relative;
background:url(../images/vlan_connect.gif) no-repeat top left;
margin:26px 0 0 0;
padding:0;
}
.networkswitch_infodropdown {
width:270px;
height:auto;
background:#FFF;
border:1px solid #999;
position:absolute;
top:5px;
left:20px;
margin:0;
padding:0 0 10px 0;
z-index:1005;
}
.networkswitch_infodropdown_textbox {
width:250px;
height:auto;
float:left;
margin:0 0 0 10px;
display:inline;
padding:0;
}
.networkswitch_infodropdown_actionbox {
width:262px;
height:auto;
float:left;
margin:5px 0 0 0;
display:inline;
padding:0;
}
.networkswitch_infodropdown_actionbox a {
float:right;
color:#2c8bbc;
font-size:10px;
font-weight:normal;
text-align:left;
margin:0 7px 0 0;
padding:0;
text-decoration:none;
}
.networkswitch_infodropdown_actionbox a:link, .networkswitch_infodropdown_actionbox a:visited {
text-decoration:none;
}
.networkswitch_infodropdown_actionbox a:hover {
text-decoration:underline;
}
.networkswitch_infodropdown_textbox li{
width:250px;
height:auto;
float:left;
margin:10px 0 0 0;
color:#333;
font-size:11px;
font-weight:bold;
list-style:none;
display:inline;
padding:0;
}
.networkswitch_infodropdown_textbox_label {
width:60px;
height:auto;
float:left;
font-weight:normal;
margin:1px 0 0 0;
padding:0;
}
.networkswitch_vlan_infoicon {
width:12px;
height:15px;
float:left;
background:url(../images/networkswitch_infoicon.gif) no-repeat top left;
margin:-12px 0 0 10px;
display:inline;
padding:0;
cursor:pointer;
cursor:hand;
}
.networkswitch_vlan_infoicon:hover {
background:url(../images/networkswitch_infoicon_hover.gif) no-repeat top left;
}
.networkswitch_vlan_detailsbox {
width:230px;
height:auto;
float:left;
background:#e9e9e9 url(../images/networkswitch_detailsbox.gif) repeat-x top left;
border-top:2px solid #d1d1d1;
border-right:2px solid #d1d1d1;
border-left:1px solid #dedede;
border-bottom:1px solid #dedede;
margin:-20px 0 0 20px;
display:inline;
padding:0 0 8px 0;
}
.networkswitch_vlan_detailsbox_textbox {
width:225px;
height:auto;
float:left;
margin:6px 0 0 5px;
padding:0;
}
.networkswitch_vlan_detailsbox_textbox_label {
width:60px;
height:auto;
float:left;
color:#333;
font-size:11px;
font-weight:normal;
text-align:left;
margin:0;
padding:0;
}
.networkswitch_vlan_detailsbox_textbox span {
width:auto;
height:auto;
float:left;
color:#09426e;
font-size:11px;
font-weight:bold;
text-align:left;
margin:-1px 0 0 0;
padding:0;
}
.networkswitch_typeicon {
width:45px;
height:21px;
float:left;
margin:-22px 0 0 37px;
padding:0;
}
.networkswitch_typeicon.direct {
background:url(../images/networkswitch_directicon.gif) no-repeat top left;
}
.networkswitch_typeicon.virtual {
background:url(../images/networkswitch_virtualicon.gif) no-repeat top left;
}
.networkswitch_closeicon{
width:12px;
height:12px;
float:left;
background:url(../images/search_closeicon_hover.gif) no-repeat top left;
margin:0 0 0 0;
padding:0;
cursor:hand;
cursor:pointer;
}
.networkswitch_closeicon:hover{
background:url(../images/search_closeicon.gif) no-repeat top left;
}
.networkswitch_end {
width:43px;
height:54px;
float:right;
background:url(../images/switch_end.gif) no-repeat top left;
margin:0 18px 0 0;
display:inline;
padding:0;
}
.resource_titlebox {
width:95%;
height:auto;
float:left;
margin:5px 0 0 10px;
padding:0;
}
.resource_titlebox h2{
width:90%;
height:auto;
float:left;
color:#333;
font-size:15px;
font-weight:bold;
text-align:left;
margin:6px 0 0 0;
padding:0;
}
.resource_titlebox span{
width:auto;
height:auto;
float:left;
color:#999;
font-size:11px;
font-weight:bold;
text-align:left;
margin:3px 5px 0 0;
padding:0;
}
.resources_totalbg {
width:58px;
height:32px;
float:left;
background:url(../images/resources_totalbg.png) no-repeat top left;
margin:6px 0 0 30px;
display:inline;
padding:0;
}
.domain_resources_totalbg {
width:58px;
height:32px;
background:url(../images/resources_totalbg.png) no-repeat top left;
margin:6px auto 0;
padding:0;
}
.domain_resources_totalbg p {
width:50px;
height:auto;
float:left;
text-align:center;
font-size:16px;
font-weight:bold;
color:#FFF;
margin:7px 0 0 4px;
padding:0;
display:inline;
}
.resources_totalbg p {
width:50px;
height:auto;
float:left;
text-align:center;
font-size:16px;
font-weight:bold;
color:#FFF;
margin:7px 0 0 4px;
padding:0;
display:inline;
}
.resadd_button {
width:17px;
height:17px;
float:left;
background:url(../images/add_button.png) no-repeat top left;
margin:13px 0 0 19px;
padding:0;
cursor:pointer;
cursor:hand;
}
.resadd_button:hover {
background:url(../images/add_button_hover.png) no-repeat top left;
}
/* 2010-10-10 */
.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;
}
/* zonetree (begin) */
.zonetree_contentbox {
width:220px;
height:auto;
float:left;
margin:0 0 0 0;
padding:0;
}
.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:220px;
height:25px;
float:left;
margin:0 0 5px 0;
padding:0;
}
.zonetree_firstlevel_selected {
width:220px;
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:455px;
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_forthlevel {
width:345px;
height:25px;
float:left;
margin:0 0 5px 165px;
display:inline;
padding:0;
}
.zonetree_forthlevel_selected {
width:345px;
height:25px;
float:left;
margin:0 0 5px 165px;
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:0 5px 0 0px;
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:2px 5px 0 0px;
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_systemvmicon {
width:22px;
height:18px;
float:left;
background:url(../images/zone_systemvmicon.png) no-repeat top left;
font-weight:bold;
margin:3px 0 0 5px;
padding:0;
}
.zonetree_clustericon {
width:22px;
height:18px;
float:left;
background:url(../images/zone_clustericon.png) no-repeat top left;
font-weight:bold;
margin:3px 0 0 5px;
padding:0;
}
.zonetree_hosticon {
width:22px;
height:18px;
float:left;
background:url(../images/zone_hosticon.png) no-repeat top left;
font-weight:bold;
margin:3px 0 0 5px;
padding:0;
}
.zonetree_primarystorageicon {
width:22px;
height:18px;
float:left;
background:url(../images/zone_primarystorageicon.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;
}
.zonepopup_container {
width:600px;
height:447px;
float:left;
position:absolute;
top:175px;
left:22%;
z-index:2002;
margin:0;
padding:0;
}
.zonepopup_container_top {
width:600px;
height:30px;
float:left;
background:url(../images/zonepopup_top.png) no-repeat top left;
margin:0;
padding:0;
overflow:hidden;
}
.zonepopup_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;
}
.zonepopup_container_mid {
width:600px;
height:405px;
float:left;
background:url(../images/zonepopup_mid.gif) repeat-y top left;
margin:0;
padding:0;
}
.zonepopup_maincontentarea {
width:570px;
height:350px;
float:left;
margin:20px 0 0 19px;
display:inline;
padding:0;
}
.zonepopup_titlebox {
width:550px;
height:auto;
float:left;
margin:0;
padding:0;
}
.zonepopup_titlebox h2 {
width:550px;
height:auto;
color:#003a53;
font-size:16px;
font-weight:normal;
text-align:left;
float:left;
margin:0;
padding:0;
}
.zonepopup_titlebox p {
width:550px;
height:auto;
color:#999;
font-size:11px;
font-weight:normal;
text-align:left;
float:left;
margin:7px 0 0 0;
padding:0;
}
.zonepopup_contentpanel {
width:560px;
height:300px;
float:left;
margin:8px 0 0 0;
padding:0;
}
.zonepopup_contentpanel h3 {
width:520px;
height:auto;
color:#003a52;
font-size:12px;
font-weight:bold;
float:left;
margin:0 0 0 0;
}
.zonepopup_navigationpanel {
width:560px;
height:29px;
float:left;
margin:5px 0 0 0;
padding:0;
}
.zonepopup_selectionpanel{
width:550px;
height:300px;
float:left;
margin:0 0 0 0;
padding:0;
overflow-y:scroll;
overflow-y:auto;
overflow-x:hidden;
}
.zonepopup_selectionbox {
width:540px;
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;
}
.zonepopup_selectionbox .radio {
width:13px;
height:13px;
float:left;
margin:5px 0 0 10px;
display:inline;
padding:0;
}
.zonepopup_selectionbox .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;
}
.zonepopup_selectionbox .error_text {
width:80px;
height:15px;
float:left;
color:#333;
font-size:11px;
font-weight:normal;
background:#ffe5e5;
border:1px solid #999;
margin:4px 0 0 8px;
display:inline;
padding:0;
}
.zonepopup_selectionbox .label {
width:auto;
height:13px;
float:left;
color:#333;
font-size:12px;
font-weight:bold;
margin:5px 0 0 10px;
display:inline;
padding:0;
}
.zonepopup_selectionbox .label1 {
width:auto;
height:auto;
float:left;
color:#333;
font-size:11px;
font-weight:normal;
margin:8px 0 0 10px;
display:inline;
padding:0;
}
.zonepopup_subselectionbox {
width:440px;
height:auto;
float:left;
margin:0 0 0 15px;
display:inline;
padding:0 0 5px 0;
}
.zonepopup_subselectionbox_helptext {
width:400px;
height:auto;
float:left;
font-size:12px;
text-align:left;
font-weight:bold;
color:#003A53;
display:inline;
margin:5px 0 0 25px;
padding:0;
}
.zonepopup_subselectionbox li {
width:430px;
height:auto;
float:left;
list-style:none;
margin:2px 0 0 0;
display:inline;
padding: 0;
}
.zonepopup_subselectionbox .radio {
width:13px;
height:13px;
float:left;
margin:5px 0 0 10px;
display:inline;
padding:0;
}
.zonepopup_subselectionbox .label {
width:auto;
height:13px;
float:left;
color:#333;
font-size:11px;
font-weight:bold;
margin:5px 0 0 10px;
display:inline;
padding:0;
}
.zonepopup_subselectionbox span {
width:405px;
height:auto;
float:left;
margin:3px 0 0 35px;
display:inline;
padding:0;
font-size:10px;
text-align:left;
color:#666;
font-weight:normal;
}
.zonepopup_selectiondescriptionbox {
width:480px;
height:auto;
float:left;
margin:2px 0 0 35px;
padding:0;
}
.zonepopup_selectiondescriptionbox_top {
width:480px;
height:5px;
float:left;
background:url(../images/offeringbox_destop.gif) no-repeat top left;
margin:0 0 0 0;
padding:0;
}
.zonepopup_selectiondescriptionbox_bot {
width:480px;
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;
}
.zonepopup_selectiondescriptionbox_bot p {
width:460px;
height:auto;
float:left;
color:#666;
text-align:left;
font-size:10px;
font-weight:normal;
margin:5px 0 0 10px;
display:inline;
padding:0;
}
.zonepopup_reviewbox {
width:460px;
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;
}
.zonepopup_reviewbox.odd {
background:#efefef url(../images/offeringbox_bg.gif) repeat-x top left;
}
.zonepopup_reviewbox.even {
background:#d0d0d0 url(../images/reviewboxeven_bg.gif) repeat-x top left;
}
.zonepopup_reviewbox .text {
width:160px;
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;
}
.zonepopup_reviewtextbox {
width:440px;
height:auto;
float:left;
margin:5px 0 0 10px;
padding:0;
}
.zonepopup_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;
}
.zonepopup_reviewtextbox span.error {
width:auto;
height:auto;
float:left;
font-size:12px;
font-weight:normal;
color:#cc0101;
text-align:left;
margin:4px 0 0 0;
padding:0;
}
.zonepopup_review_label {
width:150px;
height:auto;
float:left;
font-size:12px;
font-weight:bold;
text-align:left;
color:#333;
margin:3px 0 0 10px;
display:inline;
padding:0;
}
.zonepopup_reviewtick {
width:18px;
height:20px;
float:left;
background:url(../images/tick_review.png) no-repeat top left;
margin:0;
padding:0;
}
.zonepopup_reviewcross {
width:18px;
height:20px;
float:left;
background:url(../images/cross_review.png) no-repeat top left;
margin:0;
padding:0;
}
.zonepopup_container_bot {
width:600px;
height:12px;
float:left;
background:url(../images/zonepopup_bot.png) no-repeat top left;
margin:0;
padding:0;
}
.zonepoup_formcontent{ width:auto; height:auto; float:left; margin-top:10px; padding:0; color:#FFF; font-size:11px; margin-left:0; display:inline;}
.zonepoup_formcontent ol { width:auto; height:auto; color:#333; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; list-style:none; margin:0; padding:0;}
.zonepoup_formcontent li { width:auto; height:auto; float:left; padding-bottom: 4px; color:#FFF; font-size:12px; font-weight:normal; text-align:left; margin:0 0 0 0;}
.zonepoup_formcontent label { width:100px; float:left; text-align:left; font-weight:bold; margin:0px 15px 5px 5px; color:#333; font-size:11px; font-weight:normal;}
.zonepoup_formcontent p{ width:auto; float:left; text-align:left; font-weight:bold; margin:0; color:#333; font-size:11px; font-weight:normal;}
.zonepoup_formcontent .radio { width:15px; height:15px; float:left; margin:0 10px 0 0; padding:0;}
.zonepoup_formcontent .checkbox { width:12px; height:12px; float:left; margin:0 10px 0 0; padding:0;}
.zonepoup_formcontent .text { background-color: #f4f2f2; font: normal 11px Arial, Helvetica, sans-serif; float:left; border: 1px solid #999; height: 16px; width: 200px; margin:0 5px 3px 0; padding:0; color:#666;}
.zonepoup_formcontent .text2 { background-color: #f4f2f2; font: normal 11px Arial, Helvetica, sans-serif; float:left; border: 1px solid #999; height: 14px; width: auto; margin:0 0 0 0; padding:0; color:#666;}
.zonepoup_formcontent .smalltext { background-color: #f4f2f2; font: normal 11px Arial, Helvetica, sans-serif; float:left; border: 1px solid #999; height: 14px; width: 90px; margin:0 5px 3px 0 padding:0; color:#666;}
.zonepoup_formcontent .error_smalltext { background-color: #fbabb3; font: normal 11px Arial, Helvetica, sans-serif; float:left; border: 1px solid #999; height: 14px; width: 90px; margin:0 5px 3px 0; padding:0; color:#666;}
.zonepoup_formcontent_errormsg {font: normal 10px Arial, Helvetica, sans-serif; float:left; height: auto; width: 160px; margin:0 10px 2px 110px; padding:0; color:#F00; display:inline;}
.zonepoup_formcontent_errormsg_long {font: normal 10px Arial, Helvetica, sans-serif; float:left; height: auto; width: 250px; margin:2px 10px 2px 0; padding:0; color:#F00; display:inline;}
.zonepoup_formcontent .select { background-color: #f4f2f2; font: normal 11px Arial, Helvetica, sans-serif; float:left; border: 1px solid #999; height: auto; min-width: 203px; padding:0; color:#666; margin:0 10px 3px 0;}
.zonepoup_formcontent .snapselect { background-color: #f4f2f2; font: normal 11px Arial, Helvetica, sans-serif; float:left; border: 1px solid #999; height: auto; width: 70px; padding:0; color:#666; margin:0 0 0 0;}
.zonepoup_formcontent .error_text { background-color: #fbabb3; font: normal 11px Arial, Helvetica, sans-serif; float:left; border: 1px solid #999; height: 14px; width: 200px; margin:0 10px 0 0; padding:0; color:#666;}
.zonepoup_formcontent .error_text2 { background-color: #fbabb3; font: normal 11px Arial, Helvetica, sans-serif; float:left; border: 1px solid #999; height: 14px; width: auto; margin:0 0 0 0; padding:0; color:#666;}
.zonepoup_formcontent .error_icon { width:15px; height:12px; float:left; background:url(images/alert_icon.png) no-repeat top left; margin:2px 0 0 3px; padding:0;}
.zonepoup_formcontent span {font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:left; color:#333; font-weight:normal; float:left; margin:0 5px 0 0; padding:0;}
.zonepoup_formcontent a { color:#2c8bbc; font-size:11px; font-weight:normal; text-align:left; text-decoration:underline; float:left; margin:0; padding:0;}
.zonepoup_formcontent a:link .dialog_formcontent a:visited { text-decoration:underline;}
.zonepoup_formcontent a:hover { text-decoration:none;}
.zonepoup_loadingbox {width:440px; height:auto; float:left; margin:55px 0 0 0; padding:0 0 10px 0; background:#FFF repeat top left; border:1px solid #CCC;}
.zonepoup_loader {width:16px; height:16px; float:left; background:url(../images/zone_popuploader.gif) no-repeat top left; margin:7px 0 0 7px; display:inline; padding:0;}
.zonepoup_loadingbox p {width: 400px; height:auto; float:left; font-size:12px; text-align:left; color:#333; font-weight:normal; margin:10px 0 0 10px; display:inline; padding:0;}
.zonepoup_msgbox {width:420px; height:auto; float:left; margin:55px 0 0 0; padding:10px; background:#fff4c1 repeat top left; border:1px solid #CCC; color:#333; font-size:12px; text-align:left; font-weight:normal;}
.zonepoup_msgbox.error { background:#ffe5e5 repeat top left; color:#ae0000; }
/* customized jquery css */
.ui-widget-header {
border: 1px solid #c0bfbf;
background: #41546d url(../images/dialog_popupheaderbg.gif) repeat-x top left;
color: #FFF;
font-weight: bold;
}
.ui-state-default, .ui-widget-content .ui-state-default { height:25px; border: 1px solid #c0bfbf; background: #809617 url(../images/dialog_popupbuttonbg.gif) repeat-x top left; font-weight: normal; color: #FFF; outline: none; padding-top:-0.2em; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #c0bfbf; background: #809617 url(../images/dialog_popupbuttonbg_hover.gif) repeat-x top left; font-weight: normal; color: #FFF; outline: none; padding-top:-0.2em;}
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: -0.2em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: -0.2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui_dialog_loaderbox{
width:250px;
height:auto;
float:left;
background:#FFF repeat top left;
border:1px solid #CCC;
margin:10px 0 0 0;
padding:0 10px 5px 0;
}
.ui_dialog_loader {
width:16px;
height:16px;
float:left;
background:url(../images/mid_default.gif) no-repeat top left;
margin:5px 0 0 7px;
display:inline;
padding:0;
}
.ui_dialog_loaderbox p{
width:auto;
height:auto;
float:left;
color:#333;
font-size:12px;
font-weight:normal;
margin:7px 0 0 10px;
padding:0;
}
.ui_dialog_messagebox{
width:243px;
height:auto;
float:left;
background:#fff7e3 repeat top left;
border:1px solid #CCC;
margin:10px 0 0 0;
padding:7px 10px 5px 7px;
}
.ui_dialog_messagebox.error{
background:#ffe5e5 repeat top left;
color:#ae0000;
}
.ui_dialog_msgicon {
width:18px;
height:20px;
float:left;
background:url(../images/tick_review.png) no-repeat top left;
margin:5px 0 0 7px;
display:inline;
padding:0;
}
.ui_dialog_msgicon.error {
background:url(../images/cross_review.png) no-repeat top left;
}
.ui_dialog_messagebox_text{
width:auto;
height:auto;
float:left;
color:#333;
font-size:11px;
font-weight:normal;
margin:10px 0 0 10px;
padding:0;
}
.ui_dialog_messagebox_text.error{
color:#ae0000;
}
/* Form in dialog
----------------------------------*/
.dialog_formcontent{ width:auto; height:auto; float:left; margin-top:10px; padding:0; color:#FFF; font-size:11px; margin-left:0; display:inline;}
.dialog_formcontent ol { width:auto; height:auto; color:#333; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; list-style:none; margin:0; padding:0;}
.dialog_formcontent li { width:auto; height:auto; float:left; padding-bottom: 2px; color:#FFF; font-size:12px; font-weight:normal; text-align:left; margin:0 0 0 0;}
.dialog_formcontent label { width:100px; float:left; text-align:left; font-weight:bold; margin:0px 5px 5px 5px; color:#333; font-size:11px; font-weight:normal;}
.dialog_formcontent p{ width:auto; float:left; text-align:left; font-weight:bold; margin:0; color:#333; font-size:11px; font-weight:normal;}
.dialog_formcontent .radio { width:15px; height:15px; float:left; margin:0 10px 0 0; padding:0;}
.dialog_formcontent .checkbox { width:12px; height:12px; float:left; margin:0 10px 0 0; padding:0;}
.dialog_formcontent .text { background-color: #f4f2f2; font: normal 11px Arial, Helvetica, sans-serif; float:left; border: 1px solid #999; height: 16px; width: 150px; margin:0 5px 3px 0; padding:0; color:#666;}
.dialog_formcontent .text2 { background-color: #f4f2f2; font: normal 11px Arial, Helvetica, sans-serif; float:left; border: 1px solid #999; height: 14px; width: auto; margin:0 0 0 0; padding:0; color:#666;}
.dialog_formcontent .smalltext { background-color: #f4f2f2; font: normal 11px Arial, Helvetica, sans-serif; float:left; border: 1px solid #999; height: 14px; width: 67px; margin:0 5px 3px 0 padding:0; color:#666;}
.dialog_formcontent .error_smalltext { background-color: #fbabb3; font: normal 11px Arial, Helvetica, sans-serif; float:left; border: 1px solid #999; height: 14px; width: 67px; margin:0 5px 3px 0; padding:0; color:#666;}
.dialog_formcontent_errormsg {font: normal 10px Arial, Helvetica, sans-serif; float:left; height: auto; width: 160px; margin:0 10px 2px 110px; padding:0; color:#F00; display:inline;}
.dialog_formcontent_errormsg_long {font: normal 10px Arial, Helvetica, sans-serif; float:left; height: auto; width: 250px; margin:2px 10px 2px 0; padding:0; color:#F00; display:inline;}
.dialog_formcontent .select { background-color: #f4f2f2; font: normal 11px Arial, Helvetica, sans-serif; float:left; border: 1px solid #999; height: auto; min-width: 153px; padding:0; color:#666; margin:0 10px 3px 0;}
.dialog_formcontent .error_select { background-color: #fbabb3; font: normal 11px Arial, Helvetica, sans-serif; float:left; border: 1px solid #999; height: auto; min-width: 153px; padding:0; color:#666; margin:0 10px 3px 0;}
.dialog_formcontent .snapselect { background-color: #f4f2f2; font: normal 11px Arial, Helvetica, sans-serif; float:left; border: 1px solid #999; height: auto; width: 70px; padding:0; color:#666; margin:0 0 0 0;}
.dialog_formcontent .error_text { background-color: #fbabb3; font: normal 11px Arial, Helvetica, sans-serif; float:left; border: 1px solid #999; height: 14px; width: 150px; margin:0 10px 0 0; padding:0; color:#666;}
.dialog_formcontent .error_text2 { background-color: #fbabb3; font: normal 11px Arial, Helvetica, sans-serif; float:left; border: 1px solid #999; height: 14px; width: auto; margin:0 0 0 0; padding:0; color:#666;}
.dialog_formcontent .error_icon { width:15px; height:12px; float:left; background:url(images/alert_icon.png) no-repeat top left; margin:2px 0 0 3px; padding:0;}
.dialog_formcontent span {font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:left; color:#333; font-weight:normal; float:left; margin:0 5px 0 0; padding:0;}
.dialog_formcontent a { color:#2c8bbc; font-size:11px; font-weight:normal; text-align:left; text-decoration:underline; float:left; margin:0; padding:0;}
.dialog_formcontent a:link .dialog_formcontent a:visited { text-decoration:underline;}
.dialog_formcontent a:hover { text-decoration:none;}
.cidr_template {float:left; width:160px; height:auto; margin:0; padding:0;}
/* Snapshots in dialog
----------------------------------*/
.dialog_snapshotbox {width:auto; height:auto; float:left; display:block; margin:0; padding:0;}
.dialog_snapshotcontainer {width:auto height:auto; display:block; float:left; margin:0; padding:0;}
.dialog_snapshotleft {width:400px; height:10px; float:left;display:block; margin:0; padding:0;}
.dialog_snapshotleft_list {width:705px; height:auto; float:left; margin:0 0 10px 0; padding:0; color:#333; font-size:11px;}
.dialog_snapshotleft_info {width:470px; height:auto; float:left; margin:0 0 10px 0; padding:0; color:#333; font-size:11px;}
.dialog_snapshotleft_info p {width:auto; height:auto; float:left; color:#333; font-size:11px; font-weight:normal; margin:0; padding:0;}
.dialog_snapshotleft_info span {width:auto; height:auto; float:left; color:#333; font-size:11px; font-weight:bold; margin:0 2px 0 2px; padding:0;}
.dialog_snapshotleft_label {width:60px; height:auto; float:left; color:#457700; font-size:11px; font-weight:bold; margin:0; padding:0;}
.dialog_snapshotleft_max {width:75px; height:auto; float:left; margin:0 5px 0 0; padding:0; color:#333; font-size:11px;}
.dialog_snapshotleft_max p {width:auto; height:auto; float:left; margin:0 5px 0 0; padding:0; color:#666; font-weight:bold; font-size:11px;}
.dialog_snapshotleft_max span {width:auto; height:auto; float:left; color:#333; font-size:11px; font-weight:bold; margin:0; padding:0;}
.dialog_snapshotleft_actions {width:80px; height:auto; float:left; margin:0 5px 0 0; padding:0; color:#333; font-size:11px;}
.dialog_snapshotleft_actions a:link {width:auto; height:auto; margin:0 5px 0 0; padding:0; color:#2c8bbc; text-decoration:none; font-size:11px;}
.dialog_snapshotleft_actions a:visited {width:auto; height:auto; margin:0 5px 0 0; padding:0; color:#2c8bbc; text-decoration:none; font-size:11px;}
.dialog_snapshotleft_actions a:hover {width:auto; height:auto; margin:0 5px 0 0; padding:0; color:#2c8bbc; text-decoration:underline; font-size:11px;}
.dialog_snapshotright {width:400px; height:150px; float:left; margin:0; padding:30px 0 0 0; }
.dialog_snapshotright_infotext{width:360px; height:160px; float:left; display:none; margin:0; padding:0; font-size:15px; font-family:Arial, Helvetica, sans-serif; font-size:normal; text-align:left; margin:10px; color:#333;}
.dialog_snapshots_editcontent {width:350px; height:auto; float:left; margin:0; padding:0;}
.dialog_snapshots_editcontent_title {width:280px; height:auto; float:left; margin:0; padding:0;}
.dialog_snapshots_editcontent_title p {width:auto; height:auto; float:left; margin:0; padding:0; font-size:14px; font-weight:normal;}
.dialog_snapshots_editcontent_title span{width:auto; height:auto; float:left; margin:0 0 0 5px; display:inline; padding:0; font-size:14px; font-weight:bold;}
/* Snapshots
----------------------------------*/
.dialog_snapshotformcontent{ width:370px; height:auto; float:left; margin-top:10px; padding:0; color:#FFF; font-size:11px; margin-left:0; display:inline;}
.dialog_snapshotformcontent h2{ width:auto; height:auto; float:left; margin-left:10px; padding:0; font-size:15px; color:#77c4df; font-weight:normal;}
.dialog_snapshotformcontent ol { width:auto; height:auto; color:#333; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; list-style:none; margin:0; padding:0;}
.dialog_snapshotformcontent li { width:auto; float:left; padding-bottom: 5px; color:#FFF; font-size:12px; font-weight:normal; text-align:left; margin-top:5px;}
.dialog_snapshotformcontent label { width:auto; float:left; text-align:left; font-weight:bold; margin:0 5px 0 5px; color:#333; font-size:11px; font-weight:normal;}
.dialog_snapshotformcontent span { width:auto; float:left; text-align:left; font-weight:normal; margin: 0 0 0 5px; color:#333; font-size:11px; font-weight:normal;}
.dialog_snapshotformcontent .radio { width:15px; height:15px; float:left; margin:0; padding:0;}
.dialog_snapshotformcontent .checkbox { width:15px; height:15px; float:left; margin:0; padding:0;}
.dialog_snapshotformcontent .text { background-color: #f4f2f2; font: normal 11px Arial, Helvetica, sans-serif; float:left; border: 1px solid #999; height: 14px; width: 200px; margin:0; padding:0; color:#666;}
.dialog_snapshotformcontent .error_text { background-color: #fbabb3; font: normal 11px Arial, Helvetica, sans-serif; float:left; border: 1px solid #999; height: 14px; width: 200px; margin:0; padding:0; color:#666;}
.dialog_snapshotformcontent a[title] { background-color: #FFF; font: normal 11px Arial, Helvetica, sans-serif; float:left; border: 1px solid #999; height: 14px; width: 200px; margin:0; padding:0; color:#666;}
.dialog_snapshotformcontent .select { background-color: #f4f2f2; font: normal 11px Arial, Helvetica, sans-serif; float:left; border: 1px solid #999; height: auto; min-width: 150px; margin-left:5px; padding:0; color:#666;}
.frequency_left {width:150px; height:30px; float:left; margin:0; padding:0;}
.frequency_left h2 {width:auto; height:auto; float:left; margin-left:3px; padding:0; font-size:15px; color:#77c4df; font-weight:normal; }
.retention_right {width:200px; height:30px; float:left; margin:0; padding:0;}
.retention_right h2 {width:auto; height:auto; float:left; margin-left:3px; padding:0; font-size:15px; color:#77c4df; font-weight:normal; }