#company_title{background-color:#00162C;color:#FFF;float:left;font-size:24px;line-height:60px;margin:0;padding:0;text-align:left;}
#content_container{background:#FFF url(images/content_container_bg.gif) repeat-y;border:0;color:#666;margin:0;padding:0;text-align:left;width:800px;}
#content_left{background-color:#FFF;float:left;margin:0;padding:15px;text-align:left;width:530px;}
#side_menu{background-color:#EFF5FF;border-left:1px solid #CFE2FF;float:right;margin:0;padding:15px;text-align:left;width:200px;}
#side_menu_title{background-color:#CEE0FF;float:left;margin:0 0 10px;padding:5px 15px;text-align:left;width:170px;}
#side_menu ul{list-style:none;margin:0;padding:0 0 10px 0;}
#side_menu ul li{line-height:25px;margin:0;padding:0;}
#top{background-color:#00162C;height:60px;margin:0 auto;padding:0;text-align:left;width:800px;}
#top_container{background-color:#00162c;border-bottom:3px solid #036;color:#FFF;height:60px;margin:0;padding:0;text-align:center;}
#top_menu{background:#F5F5F5 url(images/top_menu_bg.gif) repeat-x;height:30px;line-height:30px;margin:0;padding:0;text-align:left;}
#top_menu ul{list-style:none;margin:0;padding:0;}
#top_menu ul li{float:left;margin:0;padding:0;}
#top_menu ul li a,#top_menu ul li a:visited{color:#666;display:block;height:30px;line-height:30px;padding:0;text-align:center;text-decoration:none;width:100px;}
#top_menu ul li a.down,#top_menu ul li a.down:visited,#top_menu ul li a.down:hover{background-color:#FFF;border-right:1px solid #EBEBEB;color:#333;font-weight:700;width:99px;}
#top_menu ul li a:hover{background-color:#EBEBEB;color:#333;}
#welcome_box{background-color:#00162C;float:right;line-height:60px;margin:0;padding:0;text-align:right;}
#welcome_box a,#welcome_box a:visited{color:#accbff;text-decoration:none;}
#welcome_box a:hover{text-decoration:underline;}
#plan{background-color:#FFF;float:left;margin:0;padding:0}
.absmiddle{vertical-align:middle;}
.breadcrumb{background-color:#F5F5F5;margin:0 0 10px;padding:10px;}
.clear{clear:both;}
.green{color:#006F0F;}
.header{color:#1a4d80;font-size:14px;font-weight:700;}
/* logo on top starts*/
#header-top {
height: 66px;
position: relative;
width: 800px;
margin: 0 auto;
padding-bottom: 15px;
background-image:url(images/steel_frame.gif);
}

#header-wrapper {

}

#header-first {
float: left;
}

.logo-top {
padding-top: 10px;
padding-left: 15px;
}

#header-middle {
width:90%;
float: left;
padding-top: 25px;
}

.logo-name {
display: inline; 
float: left;
color: #FFFFFF;
font-weight: bold;
font-size: 35px;
padding-left: 15px;
position: relative;
font-family: Helvetica, Tahoma, Verdana;
font-style: italic;
}

.logo-text {
display: inline;                       
float: left;
color: #FFFFFF;
font-weight: normal;
position: relative;
padding-left: 15px;
padding-top: 20px;
font-family: Helvetica, Tahoma, Verdana;
}

.logo-text2 {
color: #FFA600;
display: inline;                       
float: right;	
font-family: Helvetica, Tahoma, Verdana;
font-size: 1.8em;
font-weight: bold;
position: relative;
}

/* logo on top ends*/

.red{color:#BF0000;}
.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;}
.successbox {border: 1px solid #66CC00;font-weight: bold;background-color: #DDFFC6;text-align: center;padding: 10px;color: #009933;}
.clientareatableactive{background-color:#DFFFE0}
.clientareatablepending{background-color:#EFEFEF}
.clientareatablesuspended{background-color:#FFF6CF}
.clientareatableterminated{background-color:#FFCFCF}
.clientticketreplyheader{background-color:#EBEBEB;color:#333;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #EBEBEB;border-left:1px solid #CCC;}
.clientticketreply{background-color:#F5F5F5;margin:0 0 10px;padding:10px;border-right:1px solid #CCC;border-bottom:1px solid #CCC;border-left:1px solid #CCC;}
.adminticketreplyheader{background-color:#CFE6FF;color:#333;border-top:1px solid #CAE6FF;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF}
.adminticketreply{background-color:#EEF6FF;padding:10px;margin:0 0 10px;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF;}
.networkissueaffected{background-color:#EFEFEF;padding:10px;margin: 0 0 10px;}
.textgreen{color:#158F00;}
.textred{color:#9F0000;}
a,a:visited{color:#333;text-decoration:none;}
a:hover{color:#666;text-decoration:none;}
body{background-color:#369;background-image:url(images/bg_background.gif);background-repeat:repeat-x;margin:0;padding:0;}
body,td,th{color:#666;font-family:"Lucida Sans Unicode, Lucida Grande, sans-serif";font-size:12px;}
form{margin:0;padding:0;}
h1{border-bottom:0px solid #EBEBEB;color:#333;font-size:1.4em;line-height:1.2em;font-weight:lighter;margin:0 0 12px;padding:0 0 3px;}
h2{border-bottom:0px solid #F5F5F5;color:#333;font-size:1.2em;line-height:1em;font-weight:lighter;margin:0 0 5px;padding:10px 0 3px;}
h3{color:#333;font-size:1em;line-height:1em;font-weight:lighter;;margin:0;padding:10px 0 5px;}
hr{background-color:#EBEBEB;border:0;border-top:1px solid #EBEBEB;height:0;margin:10px 0;overflow:hidden;}
input,select,textarea{color:#666;font-family:"Lucida Sans Unicode, Lucida Grande, sans-serif";font-size:11px;margin:5px 0 0 0;padding:2px;display:inline;}
p{margin:0;padding:3px 0 8px;}
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;}
.kbarticle {padding: 2px 5px 5px 15px;}
.kbviews {color:#A8A8A8;font-size:10px;}
.kbalsoread {padding: 5px 5px 5px 15px;background-color: #F5F5F5;border-bottom: 1px solid #ccc;font-weight: bold;margin: 10px 0 10px 0;}
#tabsK ul {
  float:right; /* 齊右*/
  margin:0;
  padding: 1px 2px 0px 10px;
  list-style:none;
}
#tabsK li {
  display:inline;
  margin:0;
  padding:0;
}
/*home page content*/
#plan .plans h1 {
	margin: 0px;
	padding: 0px;
}
#plan .plans ul {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}
#plan .plans p {
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
/*home page content*/
#plan .vpsone {
	background-image: url('images/bg-vpsone.jpg');
	background-repeat: no-repeat;
/*	height: 215px;
	width: 250px;  */
    margin: 0 0 0 10px;
	padding: 0 12px 50px 10px;
	float:left;
}
#plan .vpstwo {
	background-image: url('images/bg-vpstwo.jpg');
	background-repeat: no-repeat;
/*	height: 215px;
	width: 220px; */
	padding: 0 5px 50px 10px; 
	float:right;
}
#plan .vpsone li {
	list-style-image: url('images/arrow2.gif');
	margin: 0px;
	padding: 3px;
}
#plan .vpstwo li {
	list-style-image: url('images/arrow3.gif');
	margin: 0px;
	padding: 3px;
}

#plan .vpsone h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #577FB9;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#plan .vpstwo h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#FFA800;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#plan .vps a:hover{
	background-color:#005A8C;
	color:#FFF;
	text-decoration:none;
}

/*portfolio page content*/

#plan .portfolio {
	background-image: url('images/bg_port.jpg');
	background-repeat: no-repeat;
	float:left;
	height:auto;
    margin:0; 
	padding:10px 0;
	width:532px;
}

#plan .portfolio ul{
	list-style-type:none;
	padding:0px;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:25px;
    width:auto;
}

#plan .portfolio li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
    line-height:130%; 
	margin:0;
	padding:3px;
    width:auto;
}

#plan .portfolio p{
    font-size:small;
    line-height:130%; 
	margin:0;
	padding:10px 20px;
    width:auto;
}

/* Begin portfolio image*/
#plan .iport1 {
	background-repeat: no-repeat;
	float: left;
	width: 220px;
}

#plan .iport2 {
	background-repeat: no-repeat;
	float: right;
	padding: 10px 15px 10px 0px;
	width: auto;
}

#plan .iport2 img{
	margin: 0px;
	padding: 0px;
}

#plan .tos {
	background-image: url('images/bg_port.jpg');
	background-repeat: no-repeat;
	float:left;
	height:auto;
    margin:0 20px 0 0; 
	padding:10px 30px 10px 20px;
	width:482px;
}

#plan .tos a{
	text-decoration:underline;
}

#plan .tos a:hover{
	background-color:#005A8C;
	color:#FFF;
	text-decoration:none;
}

#plan .tos p{
    font-size:small;
}

#plan .tos1 p{
    line-height:130%; 
}

#plan .host {
	background-image: url('images/bg_port.jpg');
	background-repeat: no-repeat;
	float:left;
	height:auto;
    margin:0 20px 0 0; 
	padding:10px 30px 10px 20px;
	width:482px;
}

#plan .host a{
	text-decoration:underline;
}

#plan .host a:hover{
	background-color:#005A8C;
	color:#FFF;
	text-decoration:none;
}

#plan .host ul{
	list-style-type:circle;
	margin:0;
	padding:10px 0 0 20px;
}

#plan .host ol.a{
	list-style-type:lower-roman;
	list-style-position:outside;
	margin:0;
	padding:10px 0 0 35px;
}

#plan .host ol.b{
	list-style-type:lower-alpha;
	list-style-position:outside;
	margin:0;
	padding:5px 0 5px 20px;
}

#plan .host ul.c{
	list-style-type:circle;
	margin:0;
	padding:5px 0 5px 15px;
}

#plan .host ul.d{
    font-size:14px;
	list-style-type:circle;
    list-style-position:inside;
    line-height:150%; 
	margin:0;
	padding:25px 0 70px 30px;
}

#plan .tos ul.a{
	list-style-type:lower-alpha;
	margin:0;
	padding:10px 0 0 30px;
}

#plan .tos li{
	list-style-image:none;
	list-style-position:outside;
    line-height:130%; 
	margin:0;
	padding:0;
}

#plan .errorpage {
    font-size:14px;
	line-height:130%;
    margin:0; 
	padding:50px 50px 200px 50px;
}

.pageicon img{
	padding:0px 10px 0px 20px;
}

#plan .ordernow1 a{
background-color:transparent;
background-image:url('images/ordernow1.gif');
background-position:20px 0;
background-repeat:no-repeat;
border:medium none;
cursor:pointer;
margin-left:auto;
margin-right:auto;
margin-top:30px;
display:block;
width:180px;
}

#plan .ordernow1 a:hover{
background-position:20px -40px;
background-color:transparent;
}

#plan .ordernow2 a{
background-color:transparent;
background-image:url('images/ordernow1_2.gif');
background-position:20px 0;
background-repeat:no-repeat;
border:medium none;
cursor:pointer;
height:40px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
display:block;
width:180px;
}

#plan .ordernow2 a:hover{
background-position:20px -40px;
background-color:transparent;
}

#plan .ordernow3 a{
background-color:transparent;
background-image:url('images/ordernow1_3.gif');
background-position:20px 0;
background-repeat:no-repeat;
border:medium none;
cursor:pointer;
height:40px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
display:block;
width:180px;
}

#plan .ordernow3 a:hover{
background-position:20px -40px;
background-color:transparent;
}

/* Domains List*/

#plan .domainwrap1 {
margin-top:20px;
margin-bottom:470px;
}

#plan .domainwrap2 {
margin-top:20px;
}

#plan .domain {
font-family: verdana, arial, sans-serif, helvetica;
font-size: 1.15em;
}

#plan .domain a{
background-color:transparent;
background-position:0 0;
background-repeat:no-repeat;
border:medium none;
cursor:default;
height:30px;   /* button height */
line-height:30px;  /* set the value equals buttion height so that text vertical alignment is centered*/
float:left;
color: #FFFFFF;
margin-top:10px;
margin-left:12px;
margin-right:8px;
text-align:center;
display:block;
width:140px; /* hover active area width */
text-decoration: none;
}

#plan .domain1 a{
background-image:url('images/domains1.gif');
}

#plan .domain2 a{
background-image:url('images/domains2.gif');
}

#plan .domain3 a{
background-image:url('images/domains3.gif');
}

#plan .domain4 a{
background-image:url('images/domains4.gif');
}

#plan .domainx{
height:30px;
width:140px;
float:left;
color: #FFFFFF;
margin-top:10px;
margin-left:12px;
margin-right:8px;
}

#plan .domain a:hover{
background-position:0px -30px;  /* -ve: button image vertical shift */
background-color:transparent;
}

#plan .op05 a{
opacity:0.5;
filter: alpha(opacity = 50); /* IE */
}

#plan .domaindemo a{
cursor:pointer;
}
/* --------------------------------------------------------------
   TWITTER FEED
-------------------------------------------------------------- */

#twitterfeed ul {
    list-style-type: none;
    padding: 0;
    margin: 15px 0 20px 0;
}
#twitterfeed li {
    background-image: url(../../images/twittericon.png);
    background-repeat: no-repeat;
    background-position: 0;
    margin: 0 20px 10px 20px;
    padding-left: 25px;
}
#twitterfeed p {
    text-align: center;
    margin: 15px;
}

#announcementstwitter {
    float: right;
    width: 250px;
    margin: 0 0 20px 10px;
    padding: 10px 0 10px 0;
    border: 1px dashed #f5e303;
    background-color: #ffffec;
}
#announcementstwitterfeed ul {
    list-style-type: none;
    padding: 0;
    margin: 15px 0 0 0;
}
#announcementstwitterfeed li {
    padding: 10px;
    border-top: 1px dashed #f5e303;
}
#announcementstwitterfeed p {
    text-align: center;
    padding: 10px;
    margin: 10px 0 0 0;
    border-top: 1px dashed #f5e303;
}