/* CSS Document for http://www.protcolwebstats.ie | Version 1
   Author - Protocol | Hosting Ireland | 
   http://www.hostingireland.ie | July 2007 */

/* =body declarations for body | ###IEB[]XHACK### 
	Body aligned to centered for browsers then 
countered to left for IE with #center division
==================================================*/

body{
	text-align: center;
	font-size: 11px;
	font-family: 'Lucidia Grande', Verdana, Arial;
	margin: 0px;
	background-color: #FFFFFF;
	color: #333333;
}
	
#center{
	width: 1000px;
	text-align: left;
	margin: auto;
}

/* =divs | declarations for divisions 
   during initial border layout
==================================================*/

/* =topstrip | top strip top of page
==================================================*/

#topstrip{
	background-image: url(../graphics/blue_strip.gif);
	background-repeat: repeat-x;
	height: 22px;
}

/* =banner | banner image at top of page
==================================================*/

#banner{
}

/* =navigation | site navigation area
==================================================*/

#navigation{
	margin-right: auto;
	margin-bottom: auto;
	background-image: url(../graphics/navbg.jpg);
	background-repeat: repeat-x;
}

/* =main | main image at top of page
==================================================*/

#maincontent{
	background-repeat: repeat-x;
	height: 576px;
}

#mainbg{
  background-image: url(../graphics/mainbg.jpg);
	background-repeat: repeat-x;
	height: 576px;
}

#maincontents{
	background-image: url(../graphics/mainbg1.jpg);
	background-repeat: repeat-x;
	height:890px;
}

.container{
  background-image: url(../graphics/mainpicbg.jpg);
  background-repeat: no-repeat;
  position:relative;
  top:20px;
  left:10px;
  height:450px;
  width:976px;
}

.infotext{
  position:absolute;
  height:395px;
  width:950px;
  top:40px;
  left:0px;
  overflow:auto;
}

.infopara1{
  position:absolute;
  left:340px;
  top:200px;
  width:630px;
}

.infopara2{
  position:absolute;
  left:260px;
  top:260px;
  width:630px;
}

.para2img{
  position:relative;
  left:40px;
  top:40px;
}

.current {
	position:relative;
	height:420px;
	width:250px;
	background-image: url(../graphics/currentacbg.jpg);
	background-repeat: no-repeat;
	top: 35px;
	left:50px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.listdname{
  top:20px;
	height:20px;
	width:200px;
}

#currenthandle {
	margin:2px;
	padding:2px;
	width: 98%;
	color:white;
	font-weight: bold;
	height: 25px;
}

.summary {
	position:relative;
	height:203px;
	width:597px;
	background-image: url(../graphics/summarybg.jpg);
	background-repeat: no-repeat;
	top: -385px;
	left: 350px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#summaryhandle {
	margin:2px;
	padding:2px;
	width: 98%;
	color:white;
	font-weight: bold;
	height: 25px;
}

.detailsbox {
	position:relative;
	height:453px;
	width:598px;
	background-image: url(../graphics/accountdetailsbg.jpg);
	background-repeat: no-repeat;
	top: -400px;
	left: 350px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#phils-div
{
	position: relative;
	padding: 25px;
	padding-top: 40px; 
}
		
#detailshandle {
	margin:2px;
	padding:2px;
	width: 98%;
	color:white;
	font-weight: bold;
	height: 25px;
}

.subscriptions {
	position:relative;
	height:204px;
	width:598px;
	background-image: url(../graphics/subscriptionsbg.jpg);
	background-repeat: no-repeat;
	top: -370px;
	left: 350px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#subscriptionshandle {
	margin:2px;
	padding:2px;
	width: 98%;
	color:white;
	font-weight: bold;
	height: 25px;
}

#userdetails {
  position:absolute;
  top:105px;
  left:45px;
  height: 227px;
	width: 500px;
  background-image: url(../graphics/editdetailsbg.gif);
}

.loginbox{
  background-image: url(http://www.a-v-d.com/site/graphics/loginbox.jpg);
  position: relative;
  height:207px;
  width:400px;
  top: 100px;
  left: 320px;
}

.confirmbox{
  background-image: url(http://www.a-v-d.com/site/graphics/confirmbox.jpg);
  position: relative;
  height:207px;
  width:400px;
  top: 100px;
  left: 320px;
}

.loginusername{
  position: absolute;
  top: 90px;
  left: 140px;
}

.loginpassword{
  position: absolute;
  top: 110px;
  left: 140px;
}

.loginsubmit{
  position: absolute;
  top: 230px;
  left: 300px;
}

.selectdomain{
  position: relative;
  top:40px;
  left: 20px;
}

.yearselection{
  position: relative;
  top:40px;
  left: 20px;
}

.monthselection{
  position: relative;
  top:20px;
  left: 10px;
}

.weekselection{
  position: relative;
  top:20px;
  left: 10px;
}

.btnselect{
  position: relative;
  top:20px;
  left: 10px;
}

/*TAB ONE, EDIT ACCOUNT DETAILS*/
.detname{
  position: relative;
	top: 6px;
	margin-left: 80px;
}

.detlblname{
  position: absolute;
  top: 92px;
  left: 59px;
}

.detemail{
  position: relative;
	top: 7px;
  margin-left: 80px;
}

.detlblemail{
  position: absolute;
  top: 115px;
  left: 68px;
}

.detphone{
  position: relative;
	top: 8px;
	margin-left: 80px;
}

.detlblphone{
  position: absolute;
  top: 137px;
  left: 64px;
}

.detaddress1{
  position: relative;
	top: 6px;
	margin-left: 100px;
}

.detlbladdress{
  position: absolute;
  top: 92px;
  left: 300px;
}

.detaddress2{
  position: relative;
	top: 7px;
	margin-left: 100px;
}

.detaddress3{
  position: relative;
	top: 8px;
	margin-left: 100px;
}

.detcountry{
  position: relative;
	top: 9px;
	margin-left: 327px;
}

.detsubmit{
  position: absolute;
	top: 195px;
	left: 380px;
	width:120px;
}

.detnote{
  position: absolute;
	top: 200px;
	left: 50px;
	width:350px;
	border:0px solid;
}
/*END TAB ONE*/

/*TAB TWO, ADD/REMOVE DOMAIN*/
.domlbldname{
  position: relative;
	top: 20px;
	left: 10px;
	font-weight: bold;
}

.addnewdomain{
  position: absolute;
	top: 80px;
	left: 45px;
}
.addnewdomaininstructions{
  position: absolute;
	top: 100px;
	left: 35px;
}

.domlinkrem{
  position: relative;
	top: 20px;
	left: 100px;
}

.domlinkdis{
  position: relative;
	top: 20px;
	left: 110px;
}
/*END TAB TWO*/

/*TAB THREE, ADD CREDIT*/
.detdname{
  position: relative;
	top: 25px;
	margin-left: 19px;
}

.detlbldname{
  position: absolute;
  top: 85px;
  left: 59px;
  font-weight: bold;
}

.detcremain{
  position: relative;
	top: 25px;
  margin-left: 50px;
}

.detlblcremain{
  font-weight: bold;
  position: absolute;
  top: 85px;
  left: 190px;
}

.detlinkaddcred{
  position: relative;
  top: 25px;
  left: 10px;
}

.addcredit{
  position: relative;
  top: 12px;
  left: 280px;
  border: 0px dotted gray;
}

#addmorecredit{
  position: relative;
  top: 12px;
  left: 280px;
  border: 0px dotted gray;
}

.detcurcredlbl{
  font-weight: bold;
  position: absolute;
  top: 13px;
  left: 34px;
}

.detcreditclose{
  position: absolute;
  top: 1px;
  left: 190px;
  font-size:9px;
}

.detoldcredit{
  position: absolute;
  top:13px;
  left: 140px;
}

.detnewcalclbl{
  position: absolute;
  top:88px;
  left: 140px;
}

.detnewcalc{
  font-weight: bold;
  position: absolute;
  top:88px;
  left: 22px;
}

.detcost{
  position: absolute;
  top:65px;
  left: 140px;
}

.detcostlbl{
  position: absolute;
  top:65px;
  left: 46px;
  font-weight: bold;
}

.detnewcredlbl{
  position: absolute;
  top: 38px;
  left: 5px;
  font-weight: bold;
}

.detnewcredit{
  position: absolute;
  top:35px;
  left: 140px;
}

.detlinkcont{
  position: absolute;
  top:108px;
  left: 60px;
}

#payment{
  position: relative;
  top:28px;
  left: 10px;
}

.detcardtypelbl{
  position: absolute;
  font-weight: bold;
  top:28px;
  left: 10px;
}

.detcardnolbl{
  position: absolute;
  font-weight: bold;
  top:50px;
  left: 38px;
}

.detcardbtn{
  position: absolute;
  top:70px;
  left: 138px;
}

.detcardclose{
  position: absolute;
  top:2px;
  left: 460px;
  font-size:9px;
}
/*END TAB THREE*/
.dname{
	position: absolute;
	top: 60px;
	margin-left: 155px;
}

.cremain{
	margin-left: 180px;
	top: 90px;
	position: absolute;
	text-decoration: none;
	color: #CC3300;
	display: block;
}

.custname{
	position: absolute;
	display: block;
	margin-left: 95px;
	top: 43px;
}

.custemail{
	position: absolute;
	display: block;
	margin-left: 95px;
	top: 60px;
}

.custtel{
	position: absolute;
	display: block;
	margin-left: 95px;
	top: 79px;
}

.custaddress{
	position: absolute;
	display: block;
	margin-left: 95px;
	top: 97px;
}

.subscriptiondname{
	position: absolute;
	left: 150px;
	top: 61px;
}

.status{
	position: absolute;
	left: 445px;
	top: 61px;
	font-weight: normal;
	color: #cc3300;
}

.promotions{
	position: absolute;
	display: block;
	margin-left: 132px;
	top: 90px;
}

.adddomainbutton{
  position:absolute;
	left: 160px;
	top: 115px;
}

.addnewdomain{

  top:130px;
  left:150px;

}

.managebutton{
  position:absolute;
	left: 205px;
	top: 135px;
	cursor: url(aero_unavail.cur),crosshair;
}

.nogo{
  cursor: url(aero_unavail.cur),crosshair;
  font-weight:bold;
}

.detailseditbutton{
  position:absolute;
	left: 65px;
	top: 380px;
}

.editbutton{
	margin-left: 355px;
	margin-top: 98px;
}

.tabbutton1{
	margin-left: 55px;
	margin-top: 18px;
}

a:link {
	color: #CC3300;
	text-decoration: underline;
}

a:visited {
	color: #CC3300;
	text-decoration: underline;
}

/*Tab container*/
.shadetabs{
padding: 3px 0;
margin-left: 30px;
margin-top: 20px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left;
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(../graphics/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{
background-image: url(../graphics/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{
text-decoration: none;
}

.tabcontentstyle{
border: 1px solid gray;
width: 510px;
margin-bottom: 1em;
padding: 10px;
margin-left: 30px;
}

.substabcontentstyle{
border: 1px solid gray;
width: 410px;
margin-bottom: 1em;
padding: 10px;
margin-left: 30px;
}
.tabcontent{
display:none;
}
/*end*/

/*SUBSCRIPTIONS PAGE*/

.managepage{
position: relative;
top: 100px;
left: 40px;
border: 0px;
}
.subdomain{
  position: absolute;
  top:50px;
  left: 40px;
}

.subpage{
  position: absolute;
  top:70px;
  left: 56px;
}

.subkeywordbtn{
  position: absolute;
  top:210px;
  left: 180px;
}

.subaddkeywordbtn{
  position: absolute;
  top:210px;
  left: 45px;
}

.subdelkeywordbtn{
  position: absolute;
  top:210px;
  left: 335px;
}

.subdnamelbl{
  position: absolute;
  top:50px;
  left: 40px;
  font-weight:bold;
}

.subpnamelbl{
  position: absolute;
  top:65px;
  left: 60px;
}

.submanagelbl{
  position: absolute;
  top:65px;
  left: 360px;
}

.subsdesc{
  position: absolute;
  top:95px;
  left: 50px;
}

.subsubmit{
  position: absolute;
  top:210px;
  left: 185px;
}
.subdisenablelbl{
  position: absolute;
  top:65px;
  left: 420px;
}

.btncancelpageyes{
  position: absolute;
  top:150px;
  left: 220px;
}

.confirmlbl{
  position: absolute;
  top:130px;
  left: 80px;
  font-weight: bold;
}

.subsaddnewdomain{
  position: absolute;
  top:400px;
  left: 430px;
}

.lnkpagename{
  position: absolute;
  top:130px;
  left: 300px;
}

.errorlbl{
  position: absolute;
  top:210px;
  left: 130px;
  font-weight:bold;
  color: red;
}

.backlnk{
  position: absolute;
  top:225px;
  left: 280px;
}

.subsaddnew{
  position: absolute;
  top:400px;
  left: 100px;
}
.subsaddnewlbl{
  position: absolute;
  top:380px;
  left: 130px;
}

.confyes{
  position: absolute;
  top:280px;
  left: 230px;
}

.confno{
  position: absolute;
  top:280px;
  left: 280px;
}

.continuelnk{
  position: absolute;
  top:280px;
  left: 250px;
}

#pageinfo{
  position: absolute;
  top:20px;
  left: 10px;
}

.seldomain{
  position: absolute;
  top:20px;
  left: 50px;
}

.selyear{
  position: absolute;
  width:500px;
  height:20px;
  top:20px;
  left: 50px;
}

.refreshLink{
  position: absolute;
  top:25px;
  left: 270px;
}

.selMonthNote{
  position: absolute;
  top:170px;
  left: 550px;
}
