.ProgressBoxContainer { color: #333333; /* color must be set because IE (including IE8) does not handle CSS styles properly when moving the element to a different node. */ position: fixed; /* must be fixed to keep control out of the flow */ margin: auto; text-align: left; visibility: hidden; /* Use 'visibility' instead of 'display' because some browsers (i.e. Opera) do not load background pictures when 'display' is set to 'none'. */ }
.ProgressBoxContainer .Header { width: 100%; }
.ProgressBoxContainer .HeaderLeft { width: 6px; height: 27px; background: transparent url(../images/module_header_left.gif) left top no-repeat; }
.ProgressBoxContainer .HeaderRight { width: 6px; height: 27px; background: transparent url(../images/module_header_right.gif) right top no-repeat; }
.ProgressBoxContainer .HeaderIcon { float: left; margin-right: 5px; }
.ProgressBoxContainer .HeaderTitle { background: #FCFCFC url(../images/module_header_bkg.gif) left top repeat-x; padding: 6px 4px 4px 4px; font-family: Arial; font-size: 9pt; font-weight: bold; width: auto; }
.ProgressBoxContainer .Content { clear: both; border: solid 1px #7F7F7F; border-top: none; background-color: #FCFCFC; }
.ProgressBoxContainer .Body { padding-left: 20px; font-size: 8pt; }
.ProgressContainer .Indicator { width: 32px; height: 32px; background: transparent url(../Images/indicator_medium.gif) no-repeat center center; }
.PopupContainerAsync { width: 450px; margin-left: auto; margin-right: auto; margin-top: 40px; margin-bottom: 150px; }
.PopupContainerAsync .Header { width: 100%; }
.PopupContainerAsync .HeaderLeft { width: 6px; height: 27px; background: transparent url(../images/module_header_left.gif) left top no-repeat; }
.PopupContainerAsync .HeaderRight { width: 6px; height: 27px; background: transparent url(../images/module_header_right.gif) right top no-repeat; }
.PopupContainerAsync .HeaderIcon { float: left; margin-right: 5px; }
.PopupContainerAsync .HeaderTitle { background: #FCFCFC url(../images/module_header_bkg.gif) left top repeat-x; padding: 6px 4px 4px 4px; font-family: Arial; font-size: 9pt; font-weight: bold; width: auto; }
.PopupContainerAsync .Content { clear: both; border: solid 1px #7F7F7F; border-top: none; background-color: #FCFCFC; }
.PopupContainerAsync .Body { padding-left: 20px; font-size: 8pt; }
.PopupContainer { color: #333333; /* color must be set because IE (including IE8) does not handle CSS styles properly when moving the element to a different node. */ position: fixed; /* must be fixed to keep control out of the flow */ margin: auto; text-align: left; visibility: hidden; /* Use 'visibility' instead of 'display' because some browsers (i.e. Opera) do not load background pictures when 'display' is set to 'none'. */ }
.PopupContainer .Header { width: 100%; }
.PopupContainer .HeaderLeft { width: 6px; height: 27px; background: transparent url(../images/module_header_left.gif) left top no-repeat; }
.PopupContainer .HeaderRight { width: 6px; height: 27px; background: transparent url(../images/module_header_right.gif) right top no-repeat; }
.PopupContainer .HeaderIcon { float: left; margin-right: 5px; }
.PopupContainer .HeaderTitle { background: #FCFCFC url(../images/module_header_bkg.gif) left top repeat-x; padding: 6px 4px 4px 4px; font-family: Arial; font-size: 9pt; font-weight: bold; width: auto; }
.PopupContainer .Content { clear: both; border: solid 1px #7F7F7F; border-top: none; background-color: #FCFCFC; }
.PopupContainer .Body { padding-left: 20px; font-size: 8pt; }
.PopupEditContainer { color: #333333; /* color must be set because IE (including IE8) does not handle CSS styles properly when moving the element to a different node. */ position: fixed; /* must be fixed to keep control out of the flow */ margin: auto; text-align: left; visibility: hidden; /* Use 'visibility' instead of 'display' because some browsers (i.e. Opera) do not load background pictures when 'display' is set to 'none'. */ }
.PopupEditContainer .Header { width: 100%; }
.PopupEditContainer .HeaderLeft { width: 6px; height: 27px; background: transparent url(../images/module_header_left.gif) left top no-repeat; }
.PopupEditContainer .HeaderRight { width: 6px; height: 27px; background: transparent url(../images/module_header_right.gif) right top no-repeat; }
.PopupEditContainer .HeaderIcon { float: left; margin-right: 5px; }
.PopupEditContainer .HeaderTitle { background: #FCFCFC url(../images/module_header_bkg.gif) left top repeat-x; padding: 6px 4px 4px 4px; font-family: Arial; font-size: 9pt; font-weight: bold; width: auto; }
.PopupEditContainer .Content { clear: both; border: solid 1px #7F7F7F; border-top: none; background-color: #FCFCFC; }
.PopupEditContainer .Body { padding-left: 20px; font-size: 8pt; }
.BrowseContainer { margin-bottom: 15px; }
.BrowseContainer .Header { width: 100%; }
.BrowseContainer .HeaderLeft { width: 6px; height: 27px; background: transparent url(../images/module_header_left.gif) left top no-repeat; }
.BrowseContainer .HeaderRight { width: 6px; height: 27px; background: transparent url(../images/module_header_right.gif) right top no-repeat; }
.BrowseContainer .HeaderIcon { float: left; margin-right: 5px; }
.BrowseContainer .HeaderTitle { background: #FCFCFC url(../images/module_header_bkg.gif) left top repeat-x; padding: 6px 4px 4px 4px; font-family: Arial; font-size: 9pt; font-weight: bold; width: auto; }
.BrowseContainer .Content { clear: both; border: solid 1px #7F7F7F; border-top: none; background-color: #FCFCFC; }
.EditContainer { width: 720px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; }
.EditContainer .Header { width: 100%; }
.EditContainer .HeaderLeft { width: 6px; height: 27px; background: transparent url(../images/module_header_left.gif) left top no-repeat; }
.EditContainer .HeaderRight { width: 6px; height: 27px; background: transparent url(../images/module_header_right.gif) right top no-repeat; }
.EditContainer .HeaderIcon { float: left; margin-right: 5px; }
.EditContainer .HeaderTitle { background: #FCFCFC url(../images/module_header_bkg.gif) left top repeat-x; padding: 6px 4px 4px 4px; font-family: Arial; font-size: 9pt; font-weight: bold; width: auto; }
.EditContainer .Content { clear: both; border: solid 1px #7F7F7F; border-top: none; background-color: #FCFCFC; }
.RightContainer { }
.RightContainer .Title { background: #4F7BBE url(../images/side_module_left_curve.gif) left top no-repeat; padding: 3px; font-family: Arial; font-size: 9pt; font-weight: bold; color: #ffffff; margin-right: 5px; }
.RightContainer .Top { background: #4F7BBE url(../images/side_module_right_curve.gif) right top no-repeat; }
.RightContainerContent { border: solid 1px #BABABA; border-top: none; background-color: #FCFCFC; padding: 5px; margin-bottom: 10px; }
.LoginContainer { width: 550px; margin-left: auto; margin-right: auto; margin-top: 40px; margin-bottom: 90px; }
.LoginContainer .Header { width: 100%; }
.LoginContainer .HeaderLeft { width: 6px; height: 27px; background: transparent url(../images/module_header_left.gif) left top no-repeat; }
.LoginContainer .HeaderRight { width: 6px; height: 27px; background: transparent url(../images/module_header_right.gif) right top no-repeat; }
.LoginContainer .HeaderIcon { float: left; margin-right: 5px; }
.LoginContainer .HeaderTitle { background: #FCFCFC url(../images/module_header_bkg.gif) left top repeat-x; padding: 6px 4px 4px 4px; font-family: Arial; font-size: 9pt; font-weight: bold; width: auto; }
.LoginContainer .Content { padding-top: 10px; clear: both; border: solid 1px #7F7F7F; border-top: none; background-color: #FCFCFC; text-align: center; }
.ExchangeHeader { float: left; background: transparent url(../images/Exchange/main_bg.gif) left top repeat-y; }
.ExchangeBody { float: left; background: transparent url(../images/Exchange/module_header.gif) left top no-repeat; clear: both; }
.ExchangeBottom { float: left; background: transparent url(../images/Exchange/module_footer.gif) left bottom no-repeat; }
.ExchangeFooter { float: left; background: transparent url(../images/Exchange/bottom_bg.gif) left top repeat-y; padding-bottom: 10px; }
#ExchangeContainer { background-color: transparent; }
#ExchangeContainer .Module { background-color: Transparent; }
#ExchangeContainer .Header { margin: 0px; background: Transparent; padding: 20px 0px 10px 20px; width: auto; clear: both; }
#ExchangeContainer .Header .Breadcrumb { font-family: Tahoma; font-size: 9pt; color: #000000; text-decoration: none; }
#ExchangeContainer .Left { padding-left: 15px; float: left; background: transparent; padding-top: 14px; width: 185px; }
#ExchangeContainer .Content { float: right; width: 790px; }
#ExchangeContainer .Center { float: left; background: transparent; width: 600px; }
#ExchangeContainer .Right { float: right; margin: 20px 12px 10px 0px; width: 168px; background-color: transparent; font-size: 11px; text-align: justify; }
#ExchangeContainer .Title { font-family: Arial; font-size: 14pt; margin-bottom: 5px; }
#ExchangeContainer .MenuGroup { font-family: Tahoma; font-size: 8pt; color: #000000; text-decoration: none; font-weight: bold; }
#ExchangeContainer .Menu { background: transparent url(../images/Exchange/menu_item_bg.gif) top left no-repeat; padding-top: 2px; padding-bottom: 30px; }
#ExchangeContainer .Menu A { padding-left: 20px; font-family: Tahoma; font-size: 8pt; color: #000000; text-decoration: none; background: transparent url(../images/Exchange/bullet.gif) center left no-repeat; font-weight: normal; }
#ExchangeContainer .Menu .SelectedMenuItem A, #ExchangeContainer .Menu A:Hover { background: transparent url(../images/Exchange/bullet_hover.gif) center left no-repeat; }
#ExchangeContainer .Menu .MenuItem { padding: 5px 0px 5px 10px; }
#ExchangeContainer .Menu .SelectedMenuItem { font-weight: bold; padding: 5px 0px 5px 10px; }
.VpsHeader { float: left; background: transparent url(../images/Exchange/main_bg.gif) left top repeat-y; }
.VpsBody { float: left; background: transparent url(../images/VPS/module_header.gif) left top no-repeat; clear: both; }
.VpsBottom { float: left; background: transparent url(../images/Exchange/module_footer.gif) left bottom no-repeat; }
.VpsFooter { float: left; background: transparent url(../images/Exchange/bottom_bg.gif) left top repeat-y; padding-bottom: 10px; }
.VpsForPCBody { float: left; background: transparent url(../images/VPSForPC/private_cloud_module_header_vps.gif) left top no-repeat; clear: both;}
#VpsContainer { background-color: transparent; }
#VpsContainer .Module { background-color: Transparent; }
#VpsContainer .Header { margin: 0px; background: Transparent; padding: 20px 0px 10px 20px; width: auto; clear: both; }
#VpsContainer .Header .Breadcrumb { font-family: Arial; font-size: 9pt; color: #000000; text-decoration: none; }
#VpsContainer .Left { padding-left: 15px; float: left; background: transparent; padding-top: 14px; width: 185px; }
#VpsContainer .Content { float: right; width: 790px; }
#VpsContainer .Center { float: left; background: transparent; width: 600px; }
#VpsContainer .Right { float: right; margin: 20px 12px 10px 0px; width: 168px; background-color: transparent; font-size: 11px; text-align: justify; }
#VpsContainer .Title { font-family: Arial; font-size: 12pt; font-weight: bold; margin-bottom: 5px; margin-left: 5px; color: #444444; }
#VpsContainer .SubTitle { font-family: Arial; font-size: 11pt; font-weight: bold; margin-bottom: 5px; }
#VpsContainer .MenuGroup { font-family: Tahoma; font-size: 8pt; color: #000000; text-decoration: none; font-weight: bold; }
#VpsContainer .Menu { background: transparent url(../images/Exchange/menu_item_bg.gif) top left no-repeat; padding-top: 2px; padding-bottom: 30px; }
#VpsContainer .Menu A { padding-left: 20px; font-family: Tahoma; font-size: 8pt; color: #000000; text-decoration: none; background: transparent url(../images/Exchange/bullet.gif) center left no-repeat; font-weight: normal; }
#VpsContainer .Menu .SelectedMenuItem A, #VpsContainer .Menu A:Hover { background: transparent url(../images/Exchange/bullet_hover.gif) center left no-repeat; }
#VpsContainer .Menu .MenuItem { padding: 5px 0px 5px 10px; }
#VpsContainer .Menu .SelectedMenuItem { font-weight: bold; padding: 5px 0px 5px 10px; }
.Popup { width: 450px; margin-left: auto; margin-right: auto; margin-top: 40px; margin-bottom: 150px; }
.Popup-Header { width: 100%; }
.Popup-HeaderLeft { width: 6px; height: 27px; background: transparent url(../images/module_header_left.gif) left top no-repeat; }
.Popup-HeaderRight { width: 6px; height: 27px; background: transparent url(../images/module_header_right.gif) right top no-repeat; }
.Popup-HeaderIcon { float: left; margin-right: 5px; }
.Popup-HeaderTitle { background: #FCFCFC url(../images/module_header_bkg.gif) left top repeat-x; padding: 6px 4px 4px 4px; font-family: Arial; font-size: 9pt; font-weight: bold; width: auto; }
.Popup-Content { clear: both; border: solid 1px #7F7F7F; border-top: none; background-color: #FCFCFC; }
.Popup-Body { padding-left: 10px; padding-right: 10px; font-size: 8pt; }
.Popup-Scroll { width: auto; height: 200px; overflow: auto; white-space: nowrap; }