HTML {
padding:0px; FONT-FAMILY: tahoma, copperplate gothic light, arial, helvetica, sans-serif;
background: url(hb_images/1_01.jpg) repeat-x;
MARGIN: 0px;
}
.logbox input {
border:0;
padding:0;
margin:0;
}
.logbox .bname, .logbox .bpass {
background:url(hb_images/1_14.jpg);
width:140px;
height:28px;
padding-right:27px;
cursor:pointer;
}
.logbox .bpass {
background:url(hb_images/1_16.jpg);
}
.logbox .bsend, .logbox .btick {
background:url(hb_images/1_19.jpg);
width:74px;
height:26px;
cursor:pointer;
}
.logbox .btick {
background:url(hb_images/1_21.jpg);
}
.sidebar {
background:url(hb_images/menu_end.jpg);
width:195px;
}
.sidebar ul {
background:url(hb_images/menu_bg.jpg) no-repeat bottom;
width:195px;
height:208px;
padding:0;
margin:0;
list-style:none;
}
.sidebar .title {
background:url(hb_images/menu_title1.jpg);
width:195px;
height:31px;
padding:0;
margin:0;
}
.sidebar .t2 {
background:url(hb_images/menu_title2.jpg);
}
.sidebar .t3 {
background:url(hb_images/menu_title3.jpg);
}
.sidebar ul li a {
background:url(hb_images/menu_button.jpg) top;
width:147px;
height:28px;
margin:0 15px 2px 0;
padding:7px 20px 0 0;
color:#828282;
display:block;
}
.sidebar ul li a:hover {
background:url(hb_images/menu_button.jpg) bottom;
color:#fff;
}
.footer {
background:url(hb_images/1_86.jpg);
height:50px;
}
.big_flash {
background:url(hb_images/big_flash.jpg);
width:609px;
height:169px;
margin:0 auto;
}
.block {
background:url(hb_images/1_36.jpg);
width:199px;
height:190px;
float:right;
margin:5px 0 0 3px;
}
.block2 {
background:url(hb_images/1_34.jpg);
}
.block3 {
background:url(hb_images/1_32.jpg);
}
.block ul {
margin:45px 0 0 0;
list-style:square;
}
.block ul li {
margin:0 0 5px 0;
color:#666666;
}
.block .mon {
background:#5b5b5b;
width:100px;
padding:7px;
margin:35px auto 0;
color:#fff;
text-align:center;
}
.tabs {
height:212px;
margin:10px 0;
clear:both;
}
.tabs .but {
background:url(hb_images/tap_inactive.jpg);
width:183px;
height:25px;
float:right;
padding-top:10px;
margin-left:5px;
color:#7f7f7f;
cursor:pointer;
text-align:center;
}
.tabs .but_act, .tabs .but:hover {
background:url(hb_images/tap_active.jpg);
color:#41a1bd;
}
.tabs .tab {
background:#7dd8f7;
height:171px;
padding:3px;
display:none;
color:#26677D;
font-size:12px;
font-weight:bold;
line-height:18px;
}
.tabs .tab_act {
display:block;
}
.clear {
clear:both;
}
.jdt {
BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid
}
.small-links {
FONT-FAMILY: tahoma, copperplate gothic light, arial, helvetica, sans-serif; COLOR: #5ab9f1; FONT-SIZE: 11px
}
.small-links A:link {
COLOR: #808080; FONT-SIZE: 11px; TEXT-DECORATION: none
}
.small-links A:visited {
COLOR: #808080; FONT-SIZE: 11px; TEXT-DECORATION: none
}
.small-links A:hover {
COLOR: #808080; FONT-SIZE: 11px; TEXT-DECORATION: none
}
.small-links A:active {
COLOR: #808080; FONT-SIZE: 11px; TEXT-DECORATION: none
}
.small-links A:hover {
COLOR: #5ab9f1; FONT-SIZE: 11px
}
.small-links SPAN {
COLOR: #808080; FONT-SIZE: 11px; TEXT-DECORATION: none
}
.pages {
FONT-FAMILY: tahoma, copperplate gothic light, arial, helvetica, sans-serif; COLOR: #555555; FONT-SIZE: 11px
}
.pages A:link {
COLOR: #555555; FONT-SIZE: 11px; TEXT-DECORATION: none
}
.pages A:visited {
COLOR: #555555; FONT-SIZE: 11px; TEXT-DECORATION: none
}
.pages A:hover {
COLOR: #555555; FONT-SIZE: 11px; TEXT-DECORATION: none
}
.pages A:active {
COLOR: #555555; FONT-SIZE: 11px; TEXT-DECORATION: none
}
.pages A:hover {
COLOR: #c0c0c0; FONT-SIZE: 11px
}
.pages SPAN {
COLOR: #555555; FONT-SIZE: 11px; TEXT-DECORATION: none
}
FORM {
MARGIN: 0px
}
IMG {
BORDER-BOTTOM: #cccccc 0px dashed; BORDER-LEFT: #cccccc 0px dashed; BORDER-TOP: #cccccc 0px dashed; BORDER-RIGHT: #cccccc 0px dashed
}
INPUT {
BORDER-BOTTOM: #5ab9f1 1px dashed; BORDER-LEFT: #5ab9f1 1px dashed; BACKGROUND-COLOR: #f7f7f7; FONT-FAMILY: Tahoma; COLOR: #65a5e6; FONT-SIZE: 11px; BORDER-TOP: #5ab9f1 1px dashed; FONT-WEIGHT: bold; BORDER-RIGHT: #5ab9f1 1px dashed
}
SELECT {
BORDER-BOTTOM: #5ab9f1 1px dashed; BORDER-LEFT: #5ab9f1 1px dashed; BACKGROUND-COLOR: #f7f7f7; FONT-FAMILY: Tahoma; COLOR: #65a5e6; FONT-SIZE: 11px; BORDER-TOP: #5ab9f1 1px dashed; FONT-WEIGHT: bold; BORDER-RIGHT: #5ab9f1 1px dashed
}
TEXTAREA {
BORDER-BOTTOM: #5ab9f1 1px dashed; BORDER-LEFT: #5ab9f1 1px dashed; BACKGROUND-COLOR: #f7f7f7; FONT-FAMILY: Tahoma; COLOR: #65a5e6; FONT-SIZE: 11px; BORDER-TOP: #5ab9f1 1px dashed; FONT-WEIGHT: bold; BORDER-RIGHT: #5ab9f1 1px dashed
}
BODY {
FONT-FAMILY: Tahoma; FONT-SIZE: 11px;
margin:0;
}
TD {
FONT-FAMILY: Tahoma; FONT-SIZE: 11px
}
A {
COLOR: #3399cc; TEXT-DECORATION: none
}
A:hover {
COLOR: #3399cc; TEXT-DECORATION: none
}
.heading {
FONT-FAMILY: Tahoma; COLOR: #5ab9f1; FONT-SIZE: 18px; FONT-WEIGHT: normal
}
.heading2 {
FONT-FAMILY: Tahoma; COLOR: #808080; FONT-SIZE: 16px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.nav {
TEXT-ALIGN: right; FONT-FAMILY: Times New Roman, tahoma, copperplate gothic light, arial, helvetica, sans-serif; COLOR: #0099CC; FONT-SIZE: 12px
}
.nav A:link {
TEXT-ALIGN: right; COLOR: #0099CC; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.nav A:visited {
TEXT-ALIGN: right; COLOR: #0099CC; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.nav A:hover {
TEXT-ALIGN: right; COLOR: #0099CC; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.nav A:active {
TEXT-ALIGN: right; COLOR: #0099CC; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.nav A:hover {
TEXT-ALIGN: right; COLOR: #FF9933; FONT-SIZE: 12px; FONT-WEIGHT: bold
}
.nav SPAN {
TEXT-ALIGN: right; COLOR: #0099CC; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.mazed {
BORDER-BOTTOM: #cccccc 0px dashed; TEXT-ALIGN: left; BORDER-LEFT: #cccccc 0px dashed; COLOR: #ccff99; FONT-SIZE: 10px; BORDER-TOP: #cccccc 0px dashed; FONT-WEIGHT: bold; BORDER-RIGHT: #cccccc 0px dashed
}
.hb_fot {
WIDTH: 775px; BACKGROUND: #ffffff url('images/fot_grd.jpg') repeat-x; HEIGHT: 100px
}
.hb_menu {
TEXT-ALIGN: center; WIDTH: 100%; BACKGROUND: url('images/menu.jpg') repeat-x; HEIGHT: 32px
}
.azrq {
FONT-FAMILY: tahoma, copperplate gothic light, arial, helvetica, sans-serif; COLOR: #5ab9f1; FONT-SIZE: 10px
}
.azrq A:link {
COLOR: #5ab9f1; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.azrq A:visited {
COLOR: #5ab9f1; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.azrq A:hover {
COLOR: #5ab9f1; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.azrq A:active {
COLOR: #5ab9f1; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.azrq A:hover {
COLOR: #c8c8c8; FONT-SIZE: 10px
}
.azrq SPAN {
COLOR: #65a5e6; FONT-SIZE: 10px; TEXT-DECORATION: none
}
.brtqaly {
FONT-FAMILY: tahoma, copperplate gothic light, arial, helvetica, sans-serif; COLOR: #ff9933; FONT-SIZE: 10px
}
.brtqaly A:link {
COLOR: #ff9933; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.brtqaly A:visited {
COLOR: #ff9933; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.brtqaly A:hover {
COLOR: #ff9933; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.brtqaly A:active {
COLOR: #ff9933; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.brtqaly A:hover {
COLOR: #c8c8c8; FONT-SIZE: 10px
}
.brtqaly SPAN {
COLOR: #ffcc66; FONT-SIZE: 10px; TEXT-DECORATION: none
}
.akhdr {
FONT-FAMILY: tahoma, copperplate gothic light, arial, helvetica, sans-serif; COLOR: #65cc00; FONT-SIZE: 10px
}
.akhdr A:link {
COLOR: #65cc00; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.akhdr A:visited {
COLOR: #65cc00; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.akhdr A:hover {
COLOR: #65cc00; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.akhdr A:active {
COLOR: #65cc00; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.akhdr A:hover {
COLOR: #c8c8c8; FONT-SIZE: 10px
}
.akhdr SPAN {
COLOR: #65cc00; FONT-SIZE: 10px; TEXT-DECORATION: none
}
.hb_hed {
PADDING-LEFT: 35px; WIDTH: 100%; BACKGROUND: url('images/hed.jpg') repeat-x;
}
.debaga {
BORDER-BOTTOM: #e6e6e6 1px dashed; BORDER-LEFT: #e6e6e6 1px dashed; BACKGROUND-COLOR: #f5f5f5; WIDTH: 100%; FONT-FAMILY: tahoma, copperplate gothic light, arial, helvetica, sans-serif; COLOR: #808080; FONT-SIZE: 12px; BORDER-TOP: #e6e6e6 1px dashed; FONT-WEIGHT: bold; BORDER-RIGHT: #e6e6e6 1px dashed
}
.discount {
BORDER-BOTTOM: #e6e6e6 2px dashed; BORDER-LEFT: #e6e6e6 2px dashed; BACKGROUND-COLOR: #ffffff; WIDTH: 100%; BORDER-TOP: #e6e6e6 2px dashed; BORDER-RIGHT: #e6e6e6 2px dashed
}
.adv {
BORDER-BOTTOM: #cccccc 1px dashed; BORDER-LEFT: #cccccc 1px dashed; BORDER-TOP: #cccccc 1px dashed; BORDER-RIGHT: #cccccc 1px dashed
}
.logo {
TEXT-ALIGN: center
}
.heading3 {
FONT-FAMILY: Tahoma; COLOR: #16679f; FONT-SIZE: 12px; FONT-WEIGHT: bold
}
TABLE.wrapper {
WIDTH: 807px;
}
TABLE.clientlinks {
BACKGROUND: #e0e0e0
}
TD.clientlinks {
TEXT-ALIGN: center; PADDING-BOTTOM: 6px; PADDING-LEFT: 6px; WIDTH: 25%; PADDING-RIGHT: 6px; BACKGROUND: #f9f9f9; PADDING-TOP: 6px
}
.navboxlinks {
PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #ffffff; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px
}
.navboxlinks TD {
BORDER-BOTTOM: #cccccc 1px dashed; BORDER-LEFT: #cccccc 1px dashed; BORDER-TOP: #cccccc 1px dashed; BORDER-RIGHT: #cccccc 1px dashed
}
.navbox {
PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px
}
.navinput {
BORDER-BOTTOM: #cccccc 1px dashed; BORDER-LEFT: #cccccc 1px dashed; WIDTH: 95px; BORDER-TOP: #cccccc 1px dashed; BORDER-RIGHT: #cccccc 1px dashed
}
.submitbutton {
BORDER-BOTTOM: #cccccc 1px dashed; BORDER-LEFT: #cccccc 1px dashed; BACKGROUND-COLOR: #c8c8c8; COLOR: #ffffff; BORDER-TOP: #cccccc 1px dashed; CURSOR: hand; FONT-WEIGHT: bold; BORDER-RIGHT: #cccccc 1px dashed
}
.footerbar {
PADDING-BOTTOM: 6px; BACKGROUND-COLOR: #444444; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; COLOR: #ffffff; PADDING-TOP: 6px
}
.clientarealinks A {
COLOR: #555555
}
TABLE.frame {
BORDER-BOTTOM: #cccccc 1px dashed; BORDER-LEFT: #cccccc 1px dashed; PADDING-BOTTOM: 6px; PADDING-LEFT: 10px; WIDTH: 98%; PADDING-RIGHT: 10px; BORDER-TOP: #cccccc 1px dashed; BORDER-RIGHT: #cccccc 1px dashed; PADDING-TOP: 6px
}
.fieldarea {
TEXT-ALIGN: right; BACKGROUND-COLOR: #eaeaea
}
.clientareatable {
BACKGROUND-COLOR: #cccccc; WIDTH: 100%
}
TR.clientareatableheading {
TEXT-ALIGN: center; BACKGROUND-COLOR: #efefef; FONT-WEIGHT: bold
}
TR.clientareatableactive {
TEXT-ALIGN: center; BACKGROUND-COLOR: #ffffff
}
TR.clientareatablepending {
TEXT-ALIGN: center; BACKGROUND-COLOR: #ffffe2
}
TR.clientareatablesuspended {
TEXT-ALIGN: center; BACKGROUND-COLOR: #e9ffd2
}
TR.clientareatableterminated {
TEXT-ALIGN: center; BACKGROUND-COLOR: #ffcfcf
}
TR.supportticketsheading {
BACKGROUND-COLOR: #efefef
}
TR.supportticketscontent {
BACKGROUND-COLOR: #ffffff
}
.contentbox {
BORDER-BOTTOM: #cccccc 1px dashed; TEXT-ALIGN: center; BORDER-LEFT: #cccccc 1px dashed; PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #ffffff; PADDING-LEFT: 5px; WIDTH: 100%; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px dashed; BORDER-RIGHT: #cccccc 1px dashed; PADDING-TOP: 5px
}
.errorbox {
BORDER-BOTTOM: #cccccc 1px dashed; TEXT-ALIGN: center; BORDER-LEFT: #cccccc 1px dashed; PADDING-BOTTOM: 10px; BACKGROUND-COLOR: #ffffcc; PADDING-LEFT: 10px; WIDTH: 90%; PADDING-RIGHT: 10px; COLOR: #65cc00; MARGIN-LEFT: auto; BORDER-TOP: #cccccc 1px dashed; FONT-WEIGHT: bold; MARGIN-RIGHT: auto; BORDER-RIGHT: #cccccc 1px dashed; PADDING-TOP: 10px
}
.domaincheckeravailable {
COLOR: #669900
}
.domaincheckerunavailable {
COLOR: #cc0000
}
.networkissuessummary {
BORDER-BOTTOM: #cccccc 1px dashed; TEXT-ALIGN: center; BORDER-LEFT: #cccccc 1px dashed; PADDING-BOTTOM: 10px; BACKGROUND-COLOR: #f6f6f6; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BORDER-TOP: #cccccc 1px dashed; BORDER-RIGHT: #cccccc 1px dashed; PADDING-TOP: 10px
}
.networkissuesopen {
PADDING-RIGHT: 20px; COLOR: #65cc00; FONT-SIZE: 16px; FONT-WEIGHT: bold
}
.networkissuesscheduled {
PADDING-RIGHT: 20px; COLOR: #eedd00; FONT-SIZE: 16px; FONT-WEIGHT: bold
}
.networkissuesclosed {
COLOR: #888888; FONT-SIZE: 16px; FONT-WEIGHT: bold
}
.networkissuedescription {
BORDER-LEFT: #efefef 5px dashed; PADDING-BOTTOM: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; PADDING-TOP: 1px
}
.networkissueaffected {
PADDING-BOTTOM: 10px; BACKGROUND-COLOR: #fdfcdd; MARGIN-TOP: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 10px
}
.clientticketreplyheader {
PADDING-BOTTOM: 4px; BACKGROUND-COLOR: #444444; MARGIN-TOP: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; COLOR: #ffffff; FONT-WEIGHT: bold; PADDING-TOP: 4px
}
.clientticketreply {
padding:10px; BACKGROUND-IMAGE: url('images/clientticketreplybg.gif'); MIN-HEIGHT: 80px; BACKGROUND-REPEAT: repeat-x;
}
.adminticketreplyheader {
PADDING-BOTTOM: 4px; BACKGROUND-COLOR: #888888; MARGIN-TOP: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; COLOR: #ffffff; FONT-WEIGHT: bold; PADDING-TOP: 4px
}
.adminticketreply {
padding:10px; BACKGROUND-IMAGE: url('images/adminticketreplybg.gif'); MIN-HEIGHT: 80px; BACKGROUND-REPEAT: repeat-x;
}
.closeticket {
BORDER-BOTTOM: #cccccc 1px dashed; BORDER-LEFT: #cccccc 1px dashed; BACKGROUND-COLOR: #fbeeeb; COLOR: #cc0000; BORDER-TOP: #cccccc 1px dashed; FONT-WEIGHT: bold; BORDER-RIGHT: #cccccc 1px dashed
}
TR.orderheadingrow {
BACKGROUND-COLOR: #5ab9f1; COLOR: #ffffff
}
TR.orderrow1 {
BACKGROUND-COLOR: #e8f0f9; COLOR: #000000
}
TR.orderrow2 {
BACKGROUND-COLOR: #d6e4f6; COLOR: #000000
}
.WelcomeContent {
padding:10px; BACKGROUND-POSITION: center top; RIGHT: 0px; BACKGROUND-IMAGE: url('../images/WelcomeBG.gif'); WIDTH: 501px; COLOR: #595556; BACKGROUND-REPEAT: no-repeat; POSITION: relative; TOP: 23px; HEIGHT: 187px; BACKGROUND-COLOR: #e8f0f2
}
#welcome {
BACKGROUND-POSITION: 50% top; BACKGROUND-IMAGE: url('../images/WelcomeHeader.gif'); WIDTH: 521px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 39%
}
######################################################################################
form{margin:0;padding:0;
}
h1{border-bottom:1px solid #D5E2F1;
color:#1a4d80;
font-family:Tahoma, sans-serif;
font-size:8pt;
margin:0 0 12px;
padding:0 0 3px;
}
h2{border-bottom:1px solid #D5E2F1;
color:#0093CC;
font: bold 15px 'Times New Roman', 'Traditional Arabic', arial, verdana, geneva, lucida, 'lucida grande', helvetica, 'sans-serif';
margin:1px 0 5px;
padding:3px 0 3px;
}
h3{color:#DA008F;
font: bold 15px 'Times New Roman', 'Traditional Arabic', arial, verdana, geneva, lucida, 'lucida grande', helvetica, 'sans-serif';
margin:0;
}
hr{
background-color:#D5E2F1;
border:0;
border-top:1px solid #D5E2F1;
height:0;
margin:10px 0;
overflow:hidden;
}
.dots {
background-image: url('images/dots.gif');
background-repeat: repeat-x;
width: 100%;
height: 1px;
text-align: center;
}
input,select,textarea{
color:#666;
font-family:Tahoma, sans-serif;
font-size:8pt;
margin:0;
padding:2px;
outline:none;
}
p{margin:0;
padding:3px 0 8px;
}
#company_title{
float:left;
padding-left: 15px;
padding-top:0;
}
#content_container{
background:#FFF;
color:#666;
margin:0px auto 10px;
width:950px;
-moz-border-radius-topright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-bottomleft:4px;
-webkit-border-top-right-radius:0px;
-webkit-border-top-left-radius:0px;
-webkit-border-bottom-right-radius:4px;
-webkit-border-bottom-left-radius:4px;
padding: 0 5px 5px 5px;
border: 1px solid #D9D9D9;
border-top: 0;
}
.headpage {
background:#FFF;
color:#666;
height: 100px;
margin:0 auto 0;
width:960px;
height: 115px;
border: 1px solid #D9D9D9;
border-top: 0;
border-bottom: 0;
}
#content_left{
background-color:#FFF;
float:center;
margin:0;
padding-right:5px;
text-align: right;
}
#side_menu{
background-color:#FFF;
margin:0;
padding:0;
width:160px;
text-align: right;
}
#side_menu ul{
list-style:none;
margin:0 0 10px;
padding:0;
}
#side_menu ul li{
line-height:20px;
margin:0;
padding:0;
}
#top{
height: 25px;
width: 960px;
margin: 0 auto 0 auto;
}
#top_container{
background-image: url('images/bodybg.jpg');
background-repeat: repeat-x;
color:#666666;
text-align:center;
height: 135px;
width: 960px;
margin: 0 auto 0 auto;
-moz-border-radius-topright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-bottomleft:0px;
-webkit-border-top-right-radius:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-bottom-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
border: 1px solid #C1CBD1;
border-bottom: 0;
}
#welcome_box{
color: #DA008F;
float:right;
padding:5px;
text-align:right;
}
#welcome_box a,#welcome_box a:visited{
color:#C1CBD1;
text-decoration:none;
}
#welcome_box a:hover{
color: #FFff00;
}
.absmiddle{
vertical-align:middle;
}
.breadcrumb{
background-color:#FFFFF;
margin:5px 0 5px;
padding:5px;
}
.clear{
clear:both;
}
.green{
color:#00BA7D;
}
.blue{
color:#0093CC;
}
.header{
color:#1a4d80;
font-family:Tahoma, sans-serif;
font-size:8pt;
}
.red{
color:#DA008F;
}
.small{
font-size:11px;
}
.warning{
background-color:#FFFFDF;
border:1px solid #FDFF3F;
margin:0 0 10px;
padding:10px;
}
.contentbox{
padding:10px;
margin:0 0 10px;
text-align:center;
}
.errorbox{
background-color:#FFBFBF;
padding:10px;
margin:0 0 10px;
text-align:center;
color:#7F0000;
border:1px solid #7F0000;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.clientareatablexx {
background-color: #D5E2F1;
border-spacing:1px;
border-collapse: separate;
margin-left: auto;
margin-right: auto;
}
.clientareatable thxx{
background-color:#F3F3F3;
background-image: url('images/titlebg.gif');
background-repeat: repeat-x;
color:#666;
font-weight:400;
padding: 4px;
text-align: center;
}
.clientareatable tdxx{
padding: 4px;
text-align: center;
background-color:#FFFFFF;
}
.clientareatable{
text-decoration:none;
}
.clientareatable td{
background-color:#FFF;
padding: 3px;
border-left: 1px solid #D5E2F1;
border-bottom: 1px solid #D5E2F1;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.clientareatable th{
background-color:#50585C;
color:#FFFFFF;
font-weight:400;
padding: 4px;
text-align: center;
border-right: 1px solid #D5E2F1;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.clientareatableactive{background-color:#DFFFE0}
.clientareatablepending{background-color:#EFEFEF}
.clientareatablesuspended{background-color:#FFF6CF}
.clientareatableterminated{background-color:#FFCFCF}
.clientticketreplyheader{
background-color:#00BA7D;
border:solid 1px #00BA7D;
color:#FFFFFF;
-moz-border-radius-topright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-bottomleft:0px;
-webkit-border-top-right-radius:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-bottom-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
padding: 3px;
}
.clientticketreply{
background-color:#FFFFFF;
margin:0 0 10px;padding:10px;
border:solid 1px #00BA7D;
border-top: 0px;
-moz-border-radius-topright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-bottomleft:4px;
-webkit-border-top-right-radius:0px;
-webkit-border-top-left-radius:0px;
-webkit-border-bottom-right-radius:4px;
-webkit-border-bottom-left-radius:4px;
}
.adminticketreplyheader{
background-color:#2CAFE3;
color:#FFFFFF;
border:solid 1px #2CAFE3;
-moz-border-radius-topright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-bottomleft:0px;
-webkit-border-top-right-radius:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-bottom-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
padding: 3px;
}
.adminticketreply{
background-color:#FFFFFF;
padding:10px;
margin:0 0 10px;
border:solid 1px #2CAFE3;
border-top: 0px;
-moz-border-radius-topright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-bottomleft:4px;
-webkit-border-top-right-radius:0px;
-webkit-border-top-left-radius:0px;
-webkit-border-bottom-right-radius:4px;
-webkit-border-bottom-left-radius:4px;
}
.networkissueaffected{
background-color:#EFEFEF;
padding:10px;
margin: 0 0 10px;
}
.textgreen{
color:#158F00;
}
.textred{
color:#9F0000;
}
a,a:visited{
color:#0066BC;
text-decoration:none;
outline:none;
}
a:hover{
color:#FF6600;
text-decoration:none;
}
table.data{
text-decoration:none;
}
table.data td{
background-color:#FFF;
padding: 3px;
border-left: 1px solid #D5E2F1;
border-bottom: 1px solid #D5E2F1;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
table.data th{
background-color:#50585C;
color:#FFFFFF;
font-weight:400;
padding: 4px;
text-align: center;
border-right: 1px solid #D5E2F1;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.darktitle {
background-color:#348DEF;
background-image: url('images/darktitlebg.gif');
background-repeat: repeat;
color:#0093CC;
padding: 6px;
text-align: center;
}
table.data{margin:0 0 10px;padding:0;}
table.data td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.data th{background-color:#888;border-bottom:1px solid #333;color:#FFF;font-weight:400;}
table.data tr.clientareatableactive td{background-color:#DFFFE0 !important;}
table.data tr.clientareatablepending td{background-color:#EFEFEF !important;}
table.data tr.clientareatablesuspended td{background-color:#FFF6CF !important;}
table.data tr.clientareatableterminated td{background-color:#FFCFCF !important;}
table.frame{margin:0 0 10px;padding:0;border:1px solid #EBEBEB;border-bottom:0;}
table.frame table td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.frame table td.fieldarea{background-color:#F5F5F5;color:#333;text-align:right;border-right:1px solid #EBEBEB;}
.submenuserver{
background: #ffffff url(serverbg.gif) no-repeat top left;
font: 8pt Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
color: #5C5C5C;
cursor: default;
width:232px;
padding:5px;
direction: rtl;
border-left: 1px solid #D9E0E5;
border-right: 1px solid #D9E0E5;
text-align:right;
float: right;
}
ul.tabs {
margin:0px; padding:0px;
margin-top:5px;
margin-bottom:6px;
}
ul.tabs li {
list-style:none;
display:inline;
}
ul.tabs li a {
background-color:#FFFFFF;
color:#666666;
padding:3px 8px 6px 8px;
text-decoration:none;
font: 8pt Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-transform:uppercase;
background-repeat:repeat-x;
background-position:bottom;
}
ul.tabs li a:hover {
background-color:#FFFFFF;
border-color:#FFFFFF;
}
ul.tabs li a.active {
background-color:#F5F8FA;
color:#666666;
background-repeat:repeat-x;
background-position:top;
margin: 0 0 -1px 1px;
border: #D5E2F1 solid 1px;
border-bottom-color: #F5F8FA;
}
.content {
background-color:#F5F8FA;
padding:3px;
font: 8pt Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
height: 30px;
border: #D5E2F1 solid 1px;
}
#content_2, #content_3, #content_4, #content_5 {
display:none;
}
.content ul {
margin:0px;
padding:0px 5px 0px 5px;
}
.content ul li {
list-style:none;
padding-top:5px;
padding-bottom:5px;
font-size:8pt;
text-align: right;
}
.content ul li:last-child {
border-bottom:none;
}
.content ul li a {
text-decoration:none;
color:#3e4346;
}
.content ul li a small {
color:#8b959c;
text-transform:uppercase;
font: 8pt Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
position:relative;
left:4px;
top:0px;
}
.content ul li a:hover {
color:#a59c83;
}
.content ul li a:hover small {
color:#baae8e;
}
.bluebox {
background-image: url('images/blueboxbg.gif');
background-repeat: repeat-x;
background-position: top;
background-color:#FFFFFF;
border:solid 1px #D5E2F1;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin: 5px 0 5px 0;
padding: 5px;
text-align: right;
color:#666;
direction: rtl;
}
.bluebox a {
color:#0066BC;
}
.bluebox a:hover {
color:#FF6600;
text-decoration:none;
}
/*---------- button ----------*/
.btn { display: block; position: relative; background: #aaa; padding: 5px; float: right; color: #fff; text-decoration: none; cursor: pointer;
margin-left: 6px;
margin-bottom: 4px;
line-height: 10px;
}
.btn * { font-style: normal; background-image: url(images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer;}
.btn.blue { background: #2ae; }
.btn.green { background: #00BA7D; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #DA008F; color: #FFFFFF;}
.btn:active { background-color: #BB0000; }
.btn[class] {background-image: url(images/btn.png); background-position: bottom; }
* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }
input[type="submit"],[type="button"],[type="reset"]{
-webkit-border-radius: 4px;
-moz-border-radius:4px;
background-color:#50585C;
border:0px;
color:#FFFFFF;
margin-right:2px;
padding: 1px 2px 1px 2px;
}
input[type="submit"]:hover{
background-color:#00BA7D;
border:0px;
color:#FFFFFF;
}
input[type="button"]:hover{
background-color:#00BA7D;
border:0px;
color:#FFFFFF;
}
input[type="reset"]:hover{
background-color:#00BA7D;
border:0px;
color:#FFFFFF;
}
.titleboxgreen {
background-color:#00BA7D;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin-bottom: 2px;
padding: 3px;
text-align: right;
color:#FFFFFF;
font-weight: bold;
}
.titleboxblue {
background-color:#2CAFE3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin-bottom: 2px;
padding: 3px;
text-align: right;
color:#FFFFFF;
font-weight: bold;
}
.titleboxgray {
background-color:#50585C;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin-bottom: 2px;
padding: 3px;
text-align: right;
color:#FFFFFF;
font-weight: bold;
}
.titleboxgreen a, .titleboxblue a, .titleboxgray a{
color:#FFFFFF;
}
.boxwhite {
background-color:#FFFFFF;
border:solid 1px #D5E2F1;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin-bottom: 2px;
padding: 6px;
text-align: right;
color:#666666;
direction: rtl;
font: bold 15px 'Times New Roman', 'Traditional Arabic', arial, verdana, geneva, lucida, 'lucida grande', helvetica, 'sans-serif';
}
.largfont {
direction: rtl;
font: bold 15px 'Times New Roman', 'Traditional Arabic', arial, verdana, geneva, lucida, 'lucida grande', helvetica, 'sans-serif';
}
.planbox {
background-image: url('images/planboxbg.gif');
background-repeat: repeat-x;
background-position: top;
background-color: #FFFFFF;
border:solid 1px #ebebeb;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 8px;
text-align: right;
color:#666;
}
.bdtd {
padding: 5px;
background-color: #e3f9fe;
border: 3px #ffffff solid;
color: #06a5cf;
font-family: Tahoma;
font-size: 11px;
}
.mz {
font-weight: bold;
font-family: Tahoma;
font-size: 11px;
color: #087e9e;
}
.mz a {
font-weight: bold;
font-family: Tahoma;
font-size: 11px;
color: #087e9e;
}
.conn {
font-weight: bold;
font-family: Tahoma;
font-size: 11px;
color: #087e9e;
}
.but2 a {
text-align: center;
float: right;
text-decoration: none;
color: #FFF;
font-weight: bold;
height: 22px;
width: 115px;
margin: 0px 2px 15px 2px;
padding-top: 15px;
background-image: url('images/bdayh-head-menubut2.png');
}
.but2 a:visited {
color: #FFF;
font-weight: bold;
}
.bdtd1 {
padding: 2px;
background-color: #d2f3fb;
color: #06a5cf;
font-family: Tahoma;
font-size: 11px;
text-align: center;
border-bottom: 1px #a9e4f2 solid;
border-right: 1px #a9e4f2 solid;
border-left: 1px #FFFFFF solid;
border-top: 1px #FFFFFF solid;
}
.bdtd2 {
padding: 2px;
background-color: #f6fdff;
color: #06a5cf;
font-family: Tahoma;
font-size: 11px;
text-align: right;
border-bottom: 1px #a9e4f2 solid;
border-right: 1px #a9e4f2 solid;
border-left: 1px #FFFFFF solid;
border-top: 1px #FFFFFF solid;
}
.yas {
width: 16px;
height: 16px;
background-image: url('images/yes.gif');
}
.no {
width: 16px;
height: 16px;
background-image: url('images/no.png');
}
#pagetabs ul li.activepagemain {
background: #CC0066;
border-bottom: 0px;
margin: 1px 0 -1px 1px;
-moz-border-radius-topright:4px;
-moz-border-radius-topleft:4px;
-webkit-border-top-right-radius:4px;
-webkit-border-top-left-radius:4px;
}
#pagetabs ul li.activepagemain a {
color: #FFFFFF;
}