@charset "utf-8";
/* CSS Document */



#mainContainer{
	width:100%;
}

#logo{
	width:220px;
	height:100px;
	position:absolute;
	left:350px;
	top:-20px;
}

.clearer{
clear:both;	
}


.pageFooter{
	clear:both;
	width:890px;
	margin-left:10px;
	padding-top:5px;
	text-align:right;
	border-top:dotted #CCC 1px;
	margin-top: 25px;
}

.header{
	
font-size:24px;	
color:#FF0066
}

/* Home Styles */

#homeBg{
	width:50%;
	background: url(images/homeBg.png) repeat;
	margin-top:330px;
	margin-bottom:10px;
}

#homeContentFloater{
	float:right;
	height:2px;
	width:2px;
	position:relative;
}

#homeContent{
	width:910px;
	position:absolute;
	left:-455px;
	top:0px;
	background: url(images/homeBg.png) repeat-x;
	height: 340px;
}

#homeFlash{
	width:910px;
	height:300px;
	position:absolute;
	left:-455px;
	top:-320px;
}

#homeLeft{
	width:480px;
	padding-left:5px;
	padding-top:0px;
	float:left;
}

#leftInfo{
	width:440px;
	padding:10px;
	
	
	float:left;
}

#leftTitle{
}

#leftInfoText{
	margin-top:10px;
	clear: both;
	font-size: 13px;
}

#rightInfoText{
	width:150px;
	float:left;
	margin-top:10px;
	margin-left:10px;
}

#homeRight{
	width:400px;
	float:left;	
}

#homeBottomContent{
	width:910px;
	float:left;
}

#benefitsLabel{
	width:114px;
	height:39px;
	float:left;
	margin-right:10px;
	margin-left:30px;
}


#bottomInfo{
	width:225px;
	height:29px;
	float:left;
	margin-right:10px;
	padding:5px;
	background: url(images/gradientBoxBg.jpg) no-repeat;
	color:#FFFFFF;
	text-align:center;
}

#rokLogoHome{
	width:90px;
	height:45px;
	position:absolute;
	left:-45px;
	top:330px;
}

#accountTab{
	width:161px;
	height:24px;
	position:absolute;
	color:#FFFFFF;
	text-align:center;
	padding-top:5px;
	top:-330px;
	left:290px;
	font-weight: bold;
	background-color: #000;
	height:20px;
}

#accountTab a{
	color:#FFF;
	text-decoration:none;
}

#accountTab a:hover{
	color:#FFF;
	text-decoration:underline;
}

#flagTab{
	width:150px;
	height:27px;
	position:absolute;
	text-align:left;
	top:-320px;
	left:145px;
}


/* Sub Pages */

#subPageBg{
	width:50%;
	background: url(images/new_subPageBg.jpg) repeat-x;
	margin-top:80px;
	margin-bottom:30px;
}

#subContent{
	width:890px;
	position:absolute;
	left:-455px;
	top:0px;
	background-color: #FFF;
}

#rokLogoSub{
	width:90px;
	height:45px;
	position:absolute;
	left:-45px;
	top:555px;
}

#chargePageBg{
	width:50%;
	height:624px;
	margin-top:80px;
	margin-bottom:30px;
	background-image: url(images/new_chargePageBg.jpg);
}

#chargeLogoSub{
	width:90px;
	height:45px;
	position:absolute;
	left:-45px;
	top:555px;
}

#chargeContent{
	width:910px;
	height:624px;
	position:absolute;
	left:-455px;
	top:0px;
	background-image: url(images/new_chargePageBg.jpg);
}


/* Address Book */

#addressBook{
	float:left;
	width:602px;
	height:471px;
	margin-left:20px;
	margin-top:42px;
	position:relative;
	border: 5px solid #FF0066;
}

#addressTabs{
	height:22px;
	width:557px;
	margin-top:16px;
	padding-left:20px;
	float:left;
}

.startTab{
	width:5px;
	height:22px;
	float:left;
}

.endTab{
	width:5px;
	height:22px;
	float:left;
	margin-right:5px;
}

#contactTab{
	height:19px;
	background: url(images/tabContact.gif) repeat-x;
	padding-top:3px;
	text-align:center;
	float:left;
}

#deleteTab{
	height:19px;
	padding-top:3px;
	background: url(images/tabDelete.gif) repeat-x;
	text-align:center;
	float:left;
}

#deleteTab a, #deleteTab a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}

#deleteTab a:hover {
	text-decoration:underline;
}

#viewAllTab{
	height:19px;
	padding-top:3px;
	background: url(images/tabViewAll.gif) repeat-x;
	text-align:center;
	float:right;
}

.viewAllStartTab{
	width:5px;
	height:22px;
	float:right;
}

.viewAllEndTab{
	width:5px;
	height:22px;
	float:right;
	margin-right:5px;
}

.numLetterTab{
	width:29px;
	height:19px;
	padding-top:3px;
	background: url(images/tabNumLetter.gif) no-repeat;
	margin-right:3px;
	text-align:center;
	float:right;
}

.tabLink a, .tabLink a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#333333;
}

.tabLink a:hover {
	text-decoration:underline;
}

#numberHolderHeader{
	float:left;
	width:580px;
	padding-left:20px;
	padding-top:13px;
	padding-bottom:8px;
	background-color: #EEE;
}

.numberHolder{
	float:left;
	width:500px;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	height: 20px;
}

.selectAllTick{
	float:left;
	width:30px;
}

.nameHeader{
	float:left;
	margin-top:3px;
	width:180px;
}

.numberHeader{
	float:left;
	margin-top:3px;
	width:260px;
}

.editEntry{
	float:left;
	width:18px;
}

#paginationHolder{
	width:400px;
	height:30px;
	position:absolute;
	top:430px;
	left:190px;
}
#paginationNumbers {
	float:right;
}
.arrowHolder{
	width:19px;
	height:15px;
	float:right;
}

.pageNumHolder{
	width:15px;
	height:15px;
	text-align: center;
	float:right;
}

.pageNumHolderHi{
	width:15px;
	height:15px;
	text-align: center;
	float:right;
	background-color: silver;
}

.pageNumHolder a, .pageNumHolder a:visited {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#333333;
}

.pageNumHolder a:hover {
	text-decoration:underline;
}

.pageNumHolderHi a, .pageNumHolderHi a:visited {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#333333;
}

.pageNumHolderHi a:hover {
	text-decoration:underline;
}

/*Navigation */

#navContainer{
	background: url(images/new_navBg.jpg) no-repeat;
	width:885px;
	height:36px;
	padding-top:4px;
	padding-left:5px;
	position:relative;
	float:left;
}

#menu {
  padding:0;
  margin:0;
}
  
#menu li {
  list-style-type:none;
  border-right: dotted #FFFFFF 1px;
  float:left;
  color:#FFF;
}

#menu a, #menu a:visited {
  display:block;
  color: #FFFFFF;
  font-size:13px;
  font-weight:bold;
  text-decoration:none;
  padding-left:8px;
  padding-right:8px;
  padding-top:4px;
  padding-bottom:3px;
}

#menu a:hover {
  text-decoration:underline;
 
  color:#FFFFFF;
}


/* Options Nav */

#leftNav{
	width:205px;
	height:175px;
	float:left;
	margin-top:42px;
	padding-top:15px;
	padding-left:0px;
}

#options {
  padding:0;
  margin:0;
}
  
#options li {
  list-style-type:none;
  color:#000;
  text-align:center;
  width:160px;
  float:left;
}

#options a {
  list-style-type:none;
  color:#000;
  text-align:center;
  width:160px;
  float:left;
}

#options a {
	display:block;
	color: #000;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	padding-left:8px;
	padding-right:8px;
	padding-top:4px;
	padding-bottom:3px;
}

#options a:hover {
	text-decoration:underline;
	background-color:#000;
	color:#FFFFFF;
}


#addContactClose{
	width:15px;
	height:15px;
	float:right;
}



#addContactLeft{
	width:320px;
	float:left;
	border-right: dotted 1px #9D1539;
}

.addContactEntryPanel{
	float:left;
	width:160px;
	color: #FCDB8E;
}

.addContactEntryPanel input{
	background-color:#990000;
	color: #FFFFFF;
	width:140px;
	border: 0px;
}

.addContactFeedback{
	width:290px;
	background-color:#FCDB8E;
	margin-top:10px;
	margin-right:10px;
	padding:10px;
	float:left;
	display:none;
}


/* Edit Contacts */

#editContactPanel{
	width:390px;
	background-color: #FF0066;
	border: solid 10px #990000;
	padding:10px;
	float:left;
	margin-top:200px;
	display:none;
}

.editContactPanel{
	float:left;
	width:190px;
	color: #FCDB8E;
}

.editContactPanel input{
	background-color:#990000;
	color: #FFFFFF;
	width:175px;
	border: 0px;
}

.contactFeedback{
	width:370px;
	background-color:#FCDB8E;
	margin-top:10px;
	margin-right:10px;
	padding:10px;
	float:left;
	display:none;
}

/* Delete Contacts */

.deleteContactFeedback{
	width:370px;
	background-color:#FCDB8E;
	margin-top:10px;
	margin-right:10px;
	padding:10px;
	float:left;
	display:none;
}

.loginFeedback{
	width:290px;
	background-color:#FFF;
	margin-top:10px;
	margin-right:10px;
	padding:10px;
	float:left;
	display:none;
}

#chargeAccountMain2{
	width:630px;
	height:550px;
	float:left;
	margin-top:5px;
}