/*---------Vodacom styles---------*/

/*---------Top bar Begin---------*/
body {
	scrollbar-face-color: #4682B4;
	scrollbar-shadow-color: White;
	scrollbar-highlight-color: White;
	scrollbar-3dlight-color: #4682B4;
	scrollbar-darkshadow-color: #4682B4;
	scrollbar-track-color: #4682B4;
	scrollbar-arrow-color: White;
	background-repeat: repeat;
	background-position: left top;
	background-color : #026AA7;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 0px;
	margin-top : 0px;
}
	
.bordersbg {

	background-repeat: repeat-x;
	background-position: left top;
}

.bodybg {

	background-repeat: repeat-y;
	background-position: left top;
	background-color: #0396D9;
}

.bgbrightblue {

	background-repeat: repeat-y;
	background-position: left top;
	background-color: #0396D9;
}

.bglightblue {
	background-color: #F1F8FE;
}

a.smallbluelink:link, a.smallbluelink:visited, a.smallbluelink:active {
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : normal;
	color : #426B8F;
	text-decoration : none;
}
a.smallbluelink:hover {
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : normal;
	color : #00A1FF;
	text-decoration : none;
}
a.bluelink:link, a.bluelink:visited, a.bluelink:active {
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : normal;
	color : #0066B3;
	text-decoration : none;
	line-height : 15px;
	padding-left: 10px;
}
a.bluelink:hover {
    font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : bolder;
	color : #00A044;
	text-decoration : none;
	padding-left: 10px;
}
a.greenlink:link, a.greenlink:visited, a.greenlink:active {
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : bolder;
	color : #00A044;
	text-decoration : none;
	padding-left: 5px;	
}
a.greenlink:hover {
    font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : bolder;
	color : #00A044;
	text-decoration : none;
	padding-left: 5px;
}
a.tabtext02:link, a.tabtext02:visited, a.tabtext02:active {
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : bolder;
	color : #025892;
	text-align : center;
	text-decoration : none;
	width: 175px;
}
a.tabtext02:hover {
   font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : bolder;
	color : #00A044;
	text-align : center;
	text-decoration : none;
	width: 175px;
}
.tab02 {
   font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : bolder;
	color : #00A044;
	text-align : center;
	text-decoration : none;
	width: 175px;
}
a.tabtext:link, a.tabtext:visited, a.tabtext:active {
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : bolder;
	color : #025892;
	text-align : center;
	text-decoration : none
}
a.tabtext:hover {
   font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : bolder;
	color : #00A044;
	text-align : center;
	text-decoration : none;
}
.tab {
   font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : bolder;
	color : #00A044;
	text-align : center;
	text-decoration : none;
}
.textblue {
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : normal;
	color : #0066B3;

}

.textblue02 {
	border : 1px solid #87A4BE;
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : normal;
	color : #0066B3;
	padding-left : 5px;
	padding-right : 8px;
	padding-top : 8px;
	padding-bottom : 20px;	
	text-align : justify;
}
.textblue03 {
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : normal;
	color : #0066B3;
	padding-left : 5px;
	padding-right : 8px;
	padding-top : 8px;
	padding-bottom : 20px;	
	text-align : justify;
}
.smallbluecopy {
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : normal;
	color : #426B8F;
}

.logincell {
	background-image: url(/images/nav/header/my_vodac_r2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left : 21px;
	height : 27px;
}

.cellform {
	border : 1px solid #FFFFFF;
	background-image: url(/images/formbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : normal;
	color : #21517A;
	padding-left : 5px;
	padding-top : 3px;
	height : 20px;
	width : 145px;

}

.loginpassword {
	background-image: url(/images/nav/header/my_vodac_r3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left : 21px;
	height : 27px;
}

.passwordform {
	border : 1px solid #FFFFFF;
	background-image: url(/images/formbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : normal;
	color : #21517A;
	padding-left : 5px;
	padding-top : 3px;
	height : 20px;
	width : 110px;

}

.searchbg {
	background-image: url(/images/nav/searchbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left : 15px;
}

.searchform {
	border : 1px solid #FFFFFF;
	background-image: url(/images/formbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : normal;
	color : #21517A;
	padding-left : 5px;
	padding-top : 3px;
	height : 20px;
	width : 120px;

}
/*---------Top bar End---------*/

/*---------Main Begin---------*/

.mainpad {
	padding-left : 4px;
	Padding-top:  3px;
}

.header {
	background-image: url(/images/landing_page/headergradbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-left : 10px;
	height : 25px;
}

.headerfooter {
	background-image: url(/images/footersgradbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-left : 10px;
	height : 19px;
}

.contentbgwhite {
	background-color: #FFFFFF;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
}

.textboldblack {
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : bold;
	color : #000000;
}

.textboldblue {
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : bold;
	color : #0066B3;
}
.textboldwhite {
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : bold;
	padding-left: 5px;
	color : #ffffff;
	background-image: url(/images/panel_right/lower_tile.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}


.tableborder {
	border : 1px solid #87A4BE;
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : normal;
	color : #0066B3;
	padding-left : 5px;
}

.textboldgreen {
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : bold;
	color : #008131;
}

.pleft2 {
	padding-left : 2px;

}

.dashed {
	background-image: url(/images/dashed.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height : 17px;
}

select {
	border : 1px solid #FFFFFF;
	background-color : #C9DEEF;
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : normal;
	color : #2C577A;
	padding-left : 5px;
	width : 220px
}
.specials {
	background-color : #C9DEEF;
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : normal;
	color : #2C577A;

	width : 160px
}
/*---------Main End---------*/

/*---------Footer Begin---------*/
.footerbg {
	background-image: url(/images/footer/footerbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top : 5px;
}
/*---------Footer End---------*/

/*---------MyVodacom start---------*/
.sec_nav {
	background-image: url(../myvodacom/images/nav/sec_nav_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
a.sec_nav_txt:link, a.sec_nav_txt:visited, a.sec_nav_txt:active, sec_nav_txt:hover {
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : bold;
	color : #FFFFFF;
	text-decoration: none;
}
.sep_line {
	color:#FFFFFF;
	font-family:Arial;
	font-size:11px;
	padding:5,5,5,5;
}

.content_boxes {
	background-color : #E7F3FC;
	border : 1px solid #C3E0F5;
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : normal;
	color : #129020;
	padding:5,5,5,5;
}
.content_head {
	background-color : #E7F3FC;
	border : 1px solid #C3E0F5;
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : normal;
	color : #025892;
	padding:5,5,5,5;
}
.content_main_head {
	background-color : #E7F3FC;
	border : 1px solid #C3E0F5;
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : normal;
	color : #129020;
	padding:5,5,5,5;
}


/*---------MyVodacom end---------*/

ul {
	list-style-image: url(/images/arrow.gif);
}

a {
	text-decoration: underline;
	color : #00A044;
}

.textblueheader {
	font-family : Verdana,Arial;
	font-size : 13px;
	font-weight : bold;
	color : #0066B3;
	
}

.textblueheader2 {
	font-family : Verdana,Arial;
	font-size : 15px;
	font-weight : bold;
	color : #0066B3;
	
}

.textbluebold {
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : bold;
	color : #0066B3;
	text-align : justify;
	
}

.textbluesmall {
	font-family : Verdana,Arial;
	font-size : 9px;
	font-weight : normal;
	color : #0066B3;
	text-align : justify;
	
}

.textwhite {
	font-family : Verdana,Arial;
	font-size : 11px;
	color : #FFFFFF;
	background-color: #0066B3;
	
}

.textblue03border {
	border : 1px solid #87A4BE;
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : normal;
	color : #0066B3;
	padding-left : 5px;
	padding-right : 8px;
	padding-top : 8px;
	padding-bottom : 20px;	
	text-align : justify;
}

td, body, p {
	font-family : Verdana,Arial;
	font-size : 11px;
	color : #0066B3;
}

table {
	border-collapse: collapse;
}

.mainpadnew {
	background-image: url(/images/bodybgnew.gif);
	background-color: #0396D9;
	padding-left : 4px;		
}