*{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#194264;
	line-height:18px;
}

/* COMMON CSS */

.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
.hide{
	display:none;
}
.inline{
	display:inline;
}
.bold{
    font-weight:bold;
}
.italic{
    font-style:italic;
}
.overflow{
	overflow:hidden;
}
.text-right{
	text-align:right;
}
.colorblue{
    color:#016aa7;
}
.colordarkblue{
    color:#194264;
}
.colormaroon{
    color:#9C0A29;
}
.fontsize12{
    font-size:12px;
}
.fontsize14{
    font-size:14px;
}
.borderbtmgray{
     border-bottom:1px solid #e8e8e8;
}
.margintop5{
    margin-top:5px;	
}
.margintop10{
    margin-top:10px;	
}
.margintop20{
    margin-top:20px;	
}
.marginleft60{
    margin-left:60px;	
}
.paddingtop15{
    padding-top:15px;
}
.paddingtop25{
    padding-top:25px;
}
.paddingright10{
    padding-right:10px;	
}
.paddingright50{
    padding-right:50px;	
}
.paddingbtm15{
    padding-bottom:15px;   
}
.borderleftgray{
    border-left:1px solid #dadada;
}
.bordertopgray{
    border-top:1px solid #dadada;	
}
.paddingleft4{
    padding-left:4px;
}
.paddingleft28{
    padding-left:28px;
}
.paddingleft80{
    padding-left:80px;
}

/* PRE-DEFINED */

a{
   text-decoration:none;
}
a:hover{
   text-decoration:underline;
}

ul{
	list-style-type:none;
}
h1{
    font:normal 22px Arial, Helvetica, sans-serif; 
    color:#588aa5;
	float:left;
}
h1.header font{
    font:normal 22px "Trebuchet MS"; 
    color:#747070;	
}
h3{
    font-size:14px;   
	color:#4a4949;
}
#header{
    background:url(../images/headerbg.gif) repeat-x;
    height:129px;
}
#header-inside{
    margin:0 auto;	
    width:948px;
}
#logincontainer{
   background:url(../images/loginbg.jpg) no-repeat;
   padding-top:25px;
   height:34px;
   width:222px;
   float:right;
}
#logincontainer p{
   font: normal 13px Arial, Helvetica, sans-serif;
   text-align:center;
   color:#FFFFFF;
}
#logincontainer p a{
   text-decoration:none;
   color:#409df3;
}
#logincontainer p a:hover{
   text-decoration:underline;
}
#bannerarea{
   background:url(../images/bannerbg.gif) repeat-x;
   height:114px;
}
#banner-inside{
   background:url(../images/banner.jpg) no-repeat;
   background-position:40px 0;
   margin:0 auto;  
   height:112px;
   width:1002px;   
}
#navigator-holder{
   margin-top:8px;
   width:222px;
}
#navigator-holder .navigator-top{
   background:url(../images/navition-top.gif) bottom no-repeat;  
   width:222px;
   height:60px;
}
#navigator-holder .navigator-mid{
   background:url(../images/navition-mid.gif) repeat-y;
   width:222px;
}
#navigator-holder .navigator-btm{
   background:url(../images/navition-btm.gif) top no-repeat;
   width:222px;
   height:6px;
}
#navigation{
   margin:0;
   padding:4px 0 0 0;
}
#navigation li{
   background:url(../images/menuseparator.gif) bottom no-repeat;
   padding:5px 0 2px 35px;      
}
#navigation li div{
   padding:4px 0 0 46px;
   height:28px;
}
#navigation li div.home{
   background:url(../images/home-ico.gif) no-repeat;  
}
#navigation li div.client{
   background:url(../images/client-ico.gif) no-repeat; 
    background-position:0 -2px; 
}
#navigation li div.announcement{
   background:url(../images/announcement-ico.gif) no-repeat;
   background-position:0 -4px;
     
}
#navigation li div.knowledge{
   background:url(../images/knowledge-ico.gif) no-repeat;  
}
#navigation li div.submit{
   background:url(../images/submit-ico.gif) no-repeat;
   background-position:0 -4px;  
}
#navigation li div.download{
   background:url(../images/downloadz-ico.gif) no-repeat;  
}
#navigation li div.order{
   background:url(../images/order-ico.gif) no-repeat;  
}
#navigation li div a{
   font: bold 16px "Myriad Pro"; 
   color:#FFFFFF;
}
#navigation li div a{ 
   text-decoration:none;
}
#navigation li div a:hover{
   color:#53dff8;  
}
#leftcol{
   background:url(../images/contentbgtop.jpg) top no-repeat;
   padding-top:18px;   
   width:715px;
   float:left;
}
#leftcolbtm{
   background:url(../images/contentbgbtm.jpg) bottom no-repeat;
   padding-bottom:10px;   
   width:715px;
   float:left;
}
#leftcolmid{
   border-left:1px solid #bababa;
   border-right:1px solid #bababa;
   padding-left:20px;
   padding-right:24px;
   min-height:532px;    
   width:669px;
   float:left;
}
#rightcol{
   margin-left:10px;
   width:222px;
   float:left;
}
#contentholder{
   background:url(../images/contentbg.gif) repeat-x;
}
#maincontent{
   padding-top:22px;
   margin:0 auto;
   width:948px;   
}
#clientlogin{  
   width:223px; 
}
#clientlogintop{
   background:url(../images/clientlogtop.jpg) bottom no-repeat;
   height:69px;
   width:223px;
}
#clientloginmid{
   background-color:#FFFFFF;
   border-left:1px solid #bababa;
   border-right:1px solid #bababa;
   padding:1px 0 0 7px;
   min-height:131px;
   width:214px;
}
#clientloginbtm{
   background:url(../images/clientlogbtm.jpg) top no-repeat;   
   width:223px;
   height:7px;   
}
#footer{
   background:url(../images/footerbg.gif) repeat-x;
   padding-top:22px;
   margin-top:20px;
   height:73px;
   clear:both;
}
#footer-inside{
   background:url(../images/footerlogo.jpg) no-repeat;
   font:normal 11px Verdana, Arial, Helvetica, sans-serif;
   text-align:center;
   padding-top:54px;
   margin:0 auto;   
   width:948px;
}
#addfileupload{   
   background:url(../images/add.gif) no-repeat;
   text-decoration:none;
   padding-left:20px;   
}
#addfileupload:hover{ 
   color:#9C0A29; 
}

/* CLASSES */

.logomargin{
   margin:45px 0 0 25px;
   border:0;
   float:left;
}
.inputtext{
   border:1px solid #cecece;
   padding:2px 0 2px 2px;
}
.inputsearch{
   background:url(../images/searchbg.gif) no-repeat;
   border:1px solid #c5c5c5;
   padding:4px 0 2px 3px;   
   border-right:none; 
   height:16px; 
   width:192px;
}
.inputselect{
   background:url(../images/selectbg.gif) no-repeat;
   border:1px solid #c5c5c5;
   padding:3px 3px 3px 0;
   margin-left:2px;   
   height:24px; 
   width:121px;
}
.selectdefault{ 
   border:1px solid #c5c5c5;
   padding:2px 1px 2px 0;
   margin-left:2px;   
   height:21px;   
}
.pageindentifier{
   background:url(../images/identbg.gif) no-repeat;  
   padding:5px 0 0 10px;
   font-size:14px; 
   margin-top:30px;
   width:659px; 
   height:24px; 
   float:left;
}
.pageindentifier a{
   text-decoration:none;
    color:#016aa7;
}
.pageindentifier a:hover{
   text-decoration:underline;  
}
.contenttext{
   padding-top:10px;
   font-size:14px;
   color:#4a4949;
   clear:both;
}
.descriptiontext{
   padding:10px 0 0 10px;   
   font-size:12px; 
   width:650px;
   clear:both;
}
.frameborder{
   border:1px solid #EBEBEB;
   margin:15px auto 15px auto; 
   padding:15px; 
   width:325px; 
}
.ordertopholder{
   border-bottom:1px solid #f5f5f5; 
   padding:15px 0 15px 0;
   width:668px;
   float:left;
}
.hostingholder{
   background:url(../images/hostingbg.jpg) 25px 0 no-repeat;   
   padding-left:102px;   
   width:165px;   
   float:left;   
}
.hostingholder ul li, .domainlistholder ul li{
   list-style-image:url(../images/listbullets.gif);
}
.hostingholder a, .domainlistholder a{
   text-decoration:none;
}
.hostingholder a:hover, .domainlistholder a:hover{
   text-decoration:underline;
}
.domainlistholder{
   background:url(../images/cartbg.jpg) 25px 0 no-repeat;
   padding-left:102px;
   width:295px; 
   float:left;
}
.cartbox{
   background-color:#F5F5F5;
   border:1px solid #EBEBEB;
   line-height:20px;
   padding:10px;
}
.ticketnumber{
   border:1px solid #f1eeee;
   padding:20px 28px;
   margin:40px auto 20px auto;
   font-size:25px;  
   color:#4479b4;
   width:175px;   
}
.ticketnumber a{
   font-size:25px;
   color:#f12c1d;
   text-decoration:none;
}
table.hosting{
   border:1px solid #e8e8e8; 
   margin:10px 0;
}
table.hosting tr.gray{
   background-color:#efefef;  
}
table.hosting td.hostplan{
   padding-left:30px; 
   font-size:14px; 
   font-weight:bold; 
   color:#194264;  
   width:195px;
}
table.hosting td.planprice{
   padding:6px 0 6px 30px;   
   color:#9c0a29;
}
table.availhosting{
   border:1px solid #e8e8e8;
   margin-bottom:15px;
}
table.availhosting tr.thbg{
   background-color:#dff0ff;
}
table.availhosting th{
   font-weight:bold;
   padding:5px 0;
}
table.availhosting td.domaininfo{
   background-color:#efefef; 
   text-align:center;
   padding:5px 0;
}
table.availhosting td.totalinfo, table.availhosting td.totaldue,  table.availhosting td.totalrequired{
   background-color:#F5F5F5; 
   text-align:center;
   padding:10px 0;
}
table.availhosting td.totaldue{
   background-color:#E7FFDA;   
}
table.availhosting tr.lightbluebg:hover td.whiteinfo{
   background-color:#EFF5FF;
}
table.availhosting td.totalrequired{
   background-color:#FFE1E1;
}
table.availhosting td.whiteinfo{      
   text-align:center;
   padding:5px 0;
}
table.frame {  
   border-left:1px solid #EBEBEB;
   border-top:1px solid #EBEBEB;
   border-right:1px solid #EBEBEB;
   margin-top:10px;
}
table.frame table td{
   background-color:#FFF;
   border-bottom:1px solid #EBEBEB;
   padding-left:10px;
}
table.frame table td.fieldarea{
   border-right:1px solid #EBEBEB;
   background-color:#F5F5F5;
   text-align:right;
   padding:10px;
   color:#333333;  
}

table.viewticket{
   border:1px solid #e8e8e8;
   margin-bottom:15px;
}
table.viewticket td.clientinfo{     
   padding:5px 12px 5px 10px;
   background-color:#dff0ff;
}
table.viewticket td.clientticket{
   background-color:#ecf5fe;   
   padding:10px 12px 10px 32px;
}
table.viewticket td.clientinfo p.cName{
   background:url(../images/userimg1.gif) no-repeat;
   padding-left:22px;   
   float:left;
}
table.viewticket td.clientinfo p.cDate, table.clientreply td.clientticketreplyheader p.cDate{
   color:#9c0a29;
   float:right;
}

table.adminreply{
   border:1px solid #dcf3d0;
   margin-bottom:15px;
}
table.adminreply td.adminticketreplyheader{     
   padding:5px 12px 5px 10px;
   background-color:#dcf0d1;
}
table.adminreply td.adminticketreply{
   background-color:#e9f8e1;   
   padding:10px 12px 10px 32px;
}
table.adminreply td.adminticketreplyheader p.cName{
   background:url(../images/userimg3.gif) no-repeat;
   padding-left:22px;   
   float:left;
}
table.adminreply td.adminticketreplyheader p.cDate{
   color:#31730d;
   float:right;
}

table.clientreply{
   border:1px solid #ededed;
   margin-bottom:15px;
}
table.clientreply td.clientticketreplyheader{     
   padding:5px 12px 5px 10px;
   background-color:#ededed;
}
table.clientreply td.clientticketreply{
   background-color:#f8f8f8;   
   padding:10px 12px 10px 32px;
}
table.clientreply td.clientticketreplyheader p.cName{
   background:url(../images/userimg2.gif) no-repeat;
   padding-left:22px;   
   float:left;
}

ul.clientareamnu li{ 
   margin-right:5px;  
   display:inline;
}
ul.clientareamnu li a img{
   border:none;
}
ul.submitticket li{   
   padding:12px 0 12px 70px;
   border:1px solid #f1eeee;  
   margin-top:20px;   
}
ul.submitticket li.technicaldept{
   background:url(../images/technicalimg.gif) left no-repeat;
   background-position:7px 6px;
}
ul.submitticket li.billingdept{
   background:url(../images/billingimg.gif) left no-repeat;
   background-position:5px 6px;
}
ul.submitticket li.salesdept{
   background:url(../images/salesimg.gif) left no-repeat;  
   background-position:5px 6px; 
}

/* adminlinkfader */

#adminmaincontent{
   padding:10px 0 0 28px;  
   width:620px;  
}
#adminmaincontent ul {
   float: left;  
   margin: 0;
   padding: 0; 
   list-style: none;
}
#adminmaincontent li {
   background:url(../images/categoriesbg.gif) no-repeat;   
   position: relative;
   cursor:pointer;
   float: left;  
   height: 66px;
   width: 309px; 
}
#adminmaincontent a.linkfader {
   h3-size: 1em;
   color: #194264;
   text-decoration: none;
   padding: 10px 0 5px;
   display: block; 
   height: 45px;
   position: relative;
   z-index: 2;
}
a.darkbluelink{
  text-decoration:none;  
  font-weight:bold;
  font-size:14px;
  color:#125c87;
}
a.darkbluelink:hover{
  text-decoration:underline;
}
a.bluelink{
  text-decoration:none;
  color:#016aa7;
}
a.bluelink:hover{
  text-decoration:underline;
  color:#9C0A29;
}
a.maroonlink{
  text-decoration:none;
  font-size:11px;
  color:#9C0A29;
}
a.maroonlink:hover{
  text-decoration:underline;
  color:#9C0A29;
}
a.tickettitle{   
   background:url(../images/article.gif) no-repeat;
   text-decoration:none;
   padding-left:20px;
   padding-bottom:4px;   
}
a.tickettitle:hover{
   text-decoration:underline;   
}
a.rss{
  background:url(../images/rssfeed.gif) no-repeat;
  padding-left:20px;
  text-decoration:none;
  font-size:14px; 
}
a.rss:hover{
  text-decoration:none;
  color:#016aa7;
}
a.linkfader img {
   border: 0;
   float: left;
   margin: 0 10px;
}
p.description{
   line-height:1.2em; 
   padding-top:3px;
}
.fader {
   opacity: 0;
   -moz-opacity: 0;
   filter:alpha(opacity=0);
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 66px;
   background-color: #A4ADB7;
   line-height:10px;
   cursor:pointer;
}