/* ______________________ 

Styles Sheet update: AQUAONLINE

Date         			 Author            Description
---------------  	   	 ----------        ----------------------
21 November 2003  		 Dave Hicks        styles added for vodacom4me new Look & feel are below

_________________ */


/*  --	Styles for vodacom4me content --	*/

.bolddarkred {color:#E41914;font-family : Verdana,Arial;font-size : 11px;font-weight:bold;}

body	{scrollbar-face-color: #0E69A4;
		scrollbar-shadow-color: White;
		scrollbar-highlight-color: White;
		scrollbar-3dlight-color: #4682B4;
		scrollbar-darkshadow-color: #4682B4;
		scrollbar-track-color: #4682B4;
		scrollbar-arrow-color: #FFFFFF;
}

.smallwhitecopy {
	font-family : Verdana,Arial;
	font-size : 9px;
	font-weight : normal;
	color : #FFFFFF;
}

a.smallwhitelink:link, a.smallwhitelink:visited, a.smallwhitelink:active, a.smallwhitelink:hover {
	font-family : Verdana,Arial;
	font-size : 9px;
	font-weight : normal;
	color : #FFFFFF;
}

.smallbluecopy {
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : normal;
	color : #426B8F;
}

a.red:link, a.red:visited, a.red:active, a.red:hover {
	font-family : Verdana,Arial;
	font-size : 9px;
	font-weight : bold;
	color : #E91717;
	text-decoration:none;
}

a.blue_nounderline:link, a.blue_nounderline:visited, a.blue_nounderline:active, a.blue_nounderline:hover {
	font-family : Arial;
	font-size : 11px;
	font-weight : normal;
	color : #025892;
	text-decoration:none;
}

a.lightbluelink:link, a.lightbluelink:visited, a.lightbluelink:active {
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : bold;
	color : #A8DAF2;
	text-decoration : underline;
}

a.lightbluelink:hover {
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : bold;
	color : #004B89;
	text-decoration : none;
}

a.lightbluelink02:link, a.lightbluelink02:visited, a.lightbluelink02:active {
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : bold;
	color : #A8DAF2;
	text-decoration : underline;
}

a.lightbluelink02:hover {
	font-family : Verdana,Arial;
	font-size : 11px;
	font-weight : bold;
	color : #A8DAF2;
	text-decoration : none;
}

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;
}

.footerbg {
	background-image: url(../images/footer/footerbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top : 5px;
}

.lrgwhite { font-family: Arial; font-size: 22px; font-weight: bold; color: white; padding-bottom: 5px;}


TD	{ font-family: Verdana,Arial; font-size: 11px; color:#025892;}
OL	{ font-family: Verdana,Arial; font-size: 11px;}
UL	{ font-family: Verdana,Arial; font-size: 11px;}

.grey_light {background-color:#F6F6F6;padding:5px;}
.grey_med {background-color:#D8D8D8;padding:5px;color:#5D5D5D;font-size: 10px;font-weight:bold;}
.grey_dark {background-color:#C4C4C4;padding:5px;color:#5D5D5D;font-size: 10px;}

.tariff_blue { font-family: Verdana,Arial; font-size: 11px; font-weight: normal; color: #4377B0;}

.blue { font-family: Verdana, arial; font-size: 10px; font-weight: normal; color: #456D8F;}

.orange_line {background-color:#FF7D27;padding:5px;}

.txtlrgspacing	{ font-family: Verdana,Arial; font-size: 11px; line-height:15px;}

.bold	{ font-family: Verdana,Arial; font-size: 11px; font-weight: bold;}

.green	{ font-family: Verdana,Arial; font-size: 11px; font-weight: bold;color:#009933;}

.boldwhite	{ font-family: Verdana,Arial; font-size: 11px; font-weight: bold;color:#FFFFFF;}

.normalwhite { font-family: Verdana,Arial; font-size: 11px;font-weight:normal;color:#FFFFFF;}

TD.white	{ font-family: Verdana,Arial; font-size: 11px; font-weight: bold; color: white;}
.boldorange	{ font-family: Verdana,Arial; font-size: 11px; font-weight: bold; color: #FF6600;}
.orange	{ font-family: Verdana,Arial; font-size: 11px; font-weight: normal; color: #FF6600;}
.red	{ font-family: Verdana,Arial; font-size: 11px; font-weight: normal; color: red;}
.boldred	{ font-family: Verdana,Arial; font-size: 11px; font-weight: bold; color: red;}


TD.blacklrg { font-family: Verdana,Arial; font-size: 14px; font-weight: bold; color: #000000;}

.vodacomblue { font-family: Verdana,Arial; font-size: 11px; font-weight: normal; color: #004287;}
.vodacombluebold { font-family: Verdana,Arial; font-size: 11px; font-weight: bold; color: #004287;}

.vodacomgreen { font-family: Verdana,Arial; font-size: 11px; font-weight: normal; color: #008131;}
.vodacomgreenbold { font-family: Verdana,Arial; font-size: 11px; font-weight: bold; color: #008131;}

.blue_head { font-family: Verdana,Arial; font-size: 12px; font-weight: bold; color: #004287;}

.greybold { font-family: Verdana,Arial; font-size: 11px; font-weight: bold; color: #666666;}
.grey { font-family: Verdana,Arial; font-size: 11px; font-weight: normal; color: #666666;}
.greysmall { font-family: Verdana,Arial; font-size: 10px; font-weight: normal; color: #666666;}
.lightgrey { font-family: Verdana,Arial; font-size: 11px; font-weight: normal; color: #999999;}

a.smallblack:link	{ font-family: Verdana,Arial; font-size: 10px; color: #003366; text-decoration: underline; font-weight: normal;}
a.smallblack:active  { font-family: Verdana,Arial; font-size: 10px; color: #003366; text-decoration: underline; font-weight: normal;}
a.smallblack:visited { font-family: Verdana,Arial; font-size: 10px; color: #003366; text-decoration: underline; font-weight: normal;}
a.smallblack:hover	{ font-family: Verdana,Arial; font-size: 10px; color: #000000; text-decoration: none; font-weight: normal;}

.darkgreen { font-family: Verdana,Arial; font-size: 11px; font-weight: normal; color: #006600;}

.smallblack { font-family: Verdana,Arial; font-size: 9px; font-weight: normal; color: #000000;}

a:link	{ font-family: Verdana,Arial; font-size: 11px; color: #009933; text-decoration: underline; font-weight:normal;}
a:active  { font-family: Verdana,Arial; font-size: 11px; color: #009933; text-decoration: underline; font-weight:normal;}
a:visited { font-family: Verdana,Arial; font-size: 11px; color: #009933; text-decoration: underline; font-weight:normal;}
a:hover	{ font-family: Verdana,Arial; font-size: 11px; color: #009933; text-decoration: none; font-weight:normal;}

a.breadcrumb:link	{ font-family: Verdana,Arial; font-size: 11px; color: #009933; text-decoration: underline; font-weight:normal;}
a.breadcrumb:active  { font-family: Verdana,Arial; font-size: 11px; color: #009933; text-decoration: underline; font-weight:normal;}
a.breadcrumb:visited { font-family: Verdana,Arial; font-size: 11px; color: #009933; text-decoration: underline; font-weight:normal;}
a.breadcrumb:hover	{ font-family: Verdana,Arial; font-size: 11px; color: #009933; text-decoration: none; font-weight:normal;}

a.bottomnav:link	{ font-family: Verdana,Arial; font-size: 9px; color: #003165; text-decoration: underline; font-weight:normal;}
a.bottomnav:active  { font-family: Verdana,Arial; font-size: 9px; color: #003165; text-decoration: underline; font-weight:normal;}
a.bottomnav:visited { font-family: Verdana,Arial; font-size: 9px; color: #003165; text-decoration: underline; font-weight:normal;}
a.bottomnav:hover	{ font-family: Verdana,Arial; font-size: 9px; color: #000000; text-decoration: none; font-weight:normal;}

a.pagelink:link	{ font-family: Verdana,Arial; font-size: 11px; color: #006600; text-decoration: underline; font-weight:normal;}
a.pagelink:active  { font-family: Verdana,Arial; font-size: 11px; color: #006600; text-decoration: underline; font-weight:normal;}
a.pagelink:visited { font-family: Verdana,Arial; font-size: 11px; color: #86AA86; text-decoration: underline; font-weight:normal;}
a.pagelink:hover	{ font-family: Verdana,Arial; font-size: 11px; color: #006600; text-decoration: none; font-weight:normal;}

a.boldblack:link	{ font-family: Verdana,Arial; font-size: 11px; color: #000000; text-decoration: none; font-weight:bold;}
a.boldblack:active  { font-family: Verdana,Arial; font-size: 11px; color: #000000; text-decoration: none; font-weight:bold;}
a.boldblack:visited { font-family: Verdana,Arial; font-size: 11px; color: #000000; text-decoration: none; font-weight:bold;}
a.boldblack:hover	{ font-family: Verdana,Arial; font-size: 11px; color: #3392BD; text-decoration: none; font-weight:bold;}

.navybg
{
font-family: Verdana,Arial;
background-color: #004287;
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
Padding-left:10px;

}

.heading1 {font-family: Verdana,Arial; color: #006600; font-size: 11px; font-weight: bold; Padding-left:10px;}
a.heading1:link {font-family: Verdana,Arial; color: #006600; font-size: 11px; font-weight: bold; Padding-left:10px;}
a.heading1:visited {font-family: Verdana,Arial; color: #006600; font-size: 11px; font-weight: bold; Padding-left:10px;}
a.heading1:hover {font-family: Verdana,Arial; color: #003F80; font-size: 11px; font-weight: bold; Padding-left:10px;}


.bg01_new {background-color: #E7F3FC;}
.bg02_new {background-color: #D0E8FA;}
.bg03_new {background-color:#0396D9;}
.bg04_new {background-color:#EFF6FC;}
.bg05_new {background-color: #E7F3FC;}
.bg01 {background-color: #E5EBF2;}
.bg02 {background-color: #d6e0eb;}

.bgnew {background-color: #C3D0DE;font-weight:bold;}

.babyblueborder {border:1px #C3E0F5;border-style : solid;}
.lightblueborder {Border: 1px #0396D9;border-style : solid;}
.whiteborder {Border: 1px #FFFFFF;border-style : solid;}
.lightblueborderbg01 {Border: 1px #3392BD; border-style : solid; background-color: #E5EBF2; }
.lightblueborderbg02 {Border: 1px #3392BD; border-style : solid; background-color: #d6e0eb;}
.lightblueborderbg03 {Border: 1px #3392BD; border-style : solid; background-color: #C3D0DE;}


.vodaorange 
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background : #E91717;
	font-weight: bold
	
}

INPUT.Orange 
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background : #E91717;
	font-weight: bold
	
}

.formbutton
{
 color:#E91717;
 font-size: 10px;
 font-weight: bold;
 font-family: Arial,verdana;
 border-left:1px outset #3392BD;
 border-top:1px outset #3392BD;
 border-right:1px outset #3392BD;
 border-bottom:1px outset #3392BD;
 background:#FFFF42; 
}

INPUT{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #E91717;


}

textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #E91717;
}

OPTION {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #E91717;


}

SELECT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #E91717;


}