body
{
	margin 				    : 0px;
	background-color	: #ffffff;
}
td
{
	font-family	: Verdana, Tahoma, Sans-Serif;
  font-size   : 11px;
  color       : #003B6F;
  line-height : 14px;
}

.division_opening{
  font-family	: Verdana, Tahoma, Sans-Serif;
  font-size   : 11px;
  color       : #003B6F;
  line-height : 25px;
}

/*AT HOME AND HOME PAGE STYLES*/
.white_block
{
  background-color : #ffffff;
}

.blue_copy
{

}
.white_copy
{
  color : #ffffff;
}
.white_copy_padded
{
  color   : #ffffff;
  padding : 3px;
}

.white_copy_head
{
  color     : #ffffff;
  padding   : 3px;
  font-size : 13px;
}

.grey_block
{
  background-color : #DEDEDE;
  padding-left     : 10px;
  padding-top      : 10px;
  padding-bottom   : 10px;
}

.grey_block_nopad
{
  background-color : #DEDEDE;
  padding-left     : 2px;
  padding-right    : 2px;
}

.grey_outline
{
  border : 1px solid #DEDEDE;
  padding : 5px;
}

.grey_end
{
  border-right : 1px solid #DEDEDE;
  border-bottom : 1px solid #DEDEDE;
  padding : 5px;
}


.blue_block
{
  background-color : #C0E2F6;
  padding-left     : 12px;
  padding-top      : 10px;
  padding-bottom   : 10px;
  padding-right    : 12px;
  Color            : #FFFFFF;
}

.green_block
{
  background-color : #00A254;
  padding-left     : 4px;
  padding-top      : 4px;
  padding-bottom   : 4px;
  padding-right    : 4px;
  Color            : #FFFFFF;
}

.padding_7px
{
  padding : 7px;
}

.padding_5px
{
  padding : 5px;
}

.green_text
{
  color : #00A254;
}

.large_green_text
{
  color     : #00A254;
  font-size : 13px;
}

.medium_large_green_text
{
  color     : #00A254;
  font-size : 12px;
}

.heading_green_text
{
  color     : #00A254;
  font-size : 13px;
}

.copy_block
{
  padding : 10px, 10px, 10px, 10px;
}

.medium_green_text
{
  color     : #00A254;
  font-size : 11px;
}

.medium_green_text_padding_base
{
  color          : #00A254;
  font-size      : 11px;
  padding-bottom : 20px;
}

.red_underline_link
{
  color : #FF0000;
}

.page_header_green
{
  font-size    : 18px;
  color        : #00A254;
  padding-left : 3px;
  font-weight  : bold;
  text-align   : left;
  line-height  : 20px;
}

.Opening_para
{
  /*font-weight: bold;*/
  color       : #000000;
  text-align  : justify;
  line-height : 14px;
}
.blue_grad_title{
  background-image      : url(/pls/portal/docs/page/contents/common/stylesheet/images/h_tile.gif);
}
.small_text{
  font-size             : 10px;
}
.blue_title
{
  
  background-attachment : scroll;
  background-repeat     : no-repeat;
  background-color      : #FFFFFF;
  font-weight           : bold;
  color                 : #FFFFFF;
  text-align            : Left;
  padding-left          : 6px;
  background-image      : url(/pls/portal/docs/page/contents/common/stylesheet/images/long_blue_title.gif);
}

.long_blue_title
{
  background-image  : url(/pls/portal/docs/page/contents/common/stylesheet/images/long_blue_title.gif);
  background-repeat : no-repeat;
  font-weight       : bold;
  color             : #FFFFFF;
  text-align        : Left;
  padding-left      : 6px;
  width             : 406px;
  height            : 22px;
}

.short_blue_title
{
  background-image  : url(/pls/portal/docs/page/contents/common/stylesheet/images/short_blue_title.gif);
  background-repeat : no-repeat;
  font-weight       : bold;
  color             : #FFFFFF;
  text-align        : Left;
  padding-left      : 6px;
  width             : 406px;
  height            : 22px;
}


ul
{
  margin-top    : 6px;
  margin-bottom : 8px;
  line-height   : 14px;
}

ul.small
{
  margin-top    : 4px;
  margin-bottom : 4px;
  line-height   : 12px;
  margin-left   : 10px;
  padding-left  : 4px;
}

ul.no_bullet
{
  margin-top      : 6px;
  margin-bottom   : 8px;
  margin-left     : 16px;
  padding-left    : 16px;
  line-height     : 14px;
  list-style-type : none;
}

ul.grey
{
  margin-top       : 6px;
  margin-bottom    : 8px;
  margin-left      : 16px;
  padding-left     : 16px;
  line-height      : 14px;
  list-style-image : url(/pls/portal/docs/page/contents/common/stylesheet/images/bullet_grey.gif);
}

ul.green
{
  margin-top       : 6px;
  margin-bottom    : 8px;
  margin-left      : 16px;
  padding-left     : 16px;
  line-height      : 14px;
  list-style-image : url(/pls/portal/docs/page/contents/common/stylesheet/images/bullet_green.gif);
}

ul.black
{
  margin-top       : 6px;
  margin-bottom    : 8px;
  margin-left      : 16px;
  padding-left     : 16px;
  line-height      : 14px;
  list-style-image : url(/pls/portal/docs/page/contents/common/stylesheet/images/bullet_black.gif);
}

.gradient_blue
{
  background-image  : url(/pls/portal/docs/page/contents/common/stylesheet/images/blue_grad_tile.gif);
  background-repeat : repeat-x;
  padding-left      : 10px;
  line-height       : 16px;
}

li
{
  padding-bottom : 8px;
}

.twenty_px_line_height
{
  line-height  : 20px;
}

.black_link
{
  text-decoration : none;
  color           : #000000;
}

.black_link:hover
{
  text-decoration : underline;
  color           : #000000;
}

.blank_link
{
  text-decoration : none;
  color           : #000000;
}

.blank_link:hover
{
  text-decoration : none;
  color           : #000000;
}


.white_link
{
  text-decoration : none;
  color           : #ffffff;
  font-weight     : Bold;
}

.white_link:hover
{
  text-decoration : underline;
  font-weight     : Bold;
  color           : #ffffff;
}

.dark_blue_link
{
  text-decoration : none;
  color           : #003B6F;
}

.dark_blue_link:hover
{
  text-decoration : underline;
  color           : #003B6F;
}

.green_link
{
  text-decoration : none;
  color           : #03924A;
}

.green_link:hover
{
  text-decoration : underline;
  color           : #03924A;
}
.homepage_grey{
  background-color : #ffffff;
  font-size        : 10px;
  padding          : 5px;
  margin-left      : 5px;
}
.leading_block{
  background-image: url(/pls/portal/docs/page/contents/common/stylesheet/images/leading_block.jpg);
  height          : 99;
}
.dotted_underline
{
  padding       : 7px;
  border-bottom : 1px dotted #003B6F;
}

.blue_underline
{
  padding       : 7px;
  border-bottom : 1px solid #53BBE8;
}

.blue_small_header
{
  color            : #ffffff;
  font-size        : 11px;
  background-color : #53BBE8;
  padding          : 5px;
  text-align       : center;
}


.green_small_header
{
  color            : #ffffff;
  font-size        : 11px;
  background-color : #00AC68;
  padding          : 5px;
  text-align       : center;
}

.green_border
{
  border-bottom  : 1px solid #00AC68;
  border-left    : 1px solid #00AC68;
  border-top     : 0px solid #00AC68;
  border-right   : 0px solid #00AC68;
  padding        : 2 px;
  Vertical-align : Top;
}

.green_border_end
{
  border-bottom  : 1px solid #00AC68;
  border-left    : 1px solid #00AC68;
  border-top     : 0px solid #00AC68;
  border-right   : 1px solid #00AC68;
  padding        : 2 px;
  Vertical-align : Top;
}

.green_title_box
{
  color            : #ffffff;
  font-size        : 24px;
  padding          : 10px;
  background-color : #00AC68;
}

.light_green_bar
{
  background-color : #DDF3E6;
}

/*AT OFFICE STYLES*/
.light_blue_bar
{
  background-color : #DBEEF7;
}

.blue_title_box
{
  color            : #ffffff;
  font-size        : 24px;
  padding          : 10px;
  background-color : #0099D8;
}

.medium_blue_text_padding_base
{
  color          : #0099D8;
  font-size      : 11px;
  padding-bottom : 20px;
}

.justified
{
  text-align : justify;
}

.justified_padded
{
  text-align    : justify;
  padding-left  : 2px;
  padding-right : 5px;
}

.faq
{
  text-decoration : none;
  color           : #003B6F;
}

.Answer
{
  Display : none;
  color   : #000000;
}

.Answer_Padded
{
  Padding-left   : 16px;
  padding-right  : 4px;
  padding-bottom : 6px;
  color          : #000000;
}

.State
{}

.menu_bar{
  color             : #ffffff;
  background-color  : #0096D7;
  font-size         : 11px;
  font-weight       : bold;
  height            : 20px;
  text-align        : center;
  vertical-align    : middle;
  line-height       : 20px;
}
.fakeButton{
  background-color  : #ffffff;
  border            : 1px solid #0096D7;
  padding           : 3px;
  color             : #0096D7;
  text-decoration   : none;
  width             : 100px;
}
.fakeButton:hover{
  background-color  : #0078AC;
  padding           : 3px;
  color             : #ffffff;
  text-decoration   : none;
  width             : 100px;
}
.fakeButtonOff{
  background-color  : #ffffff;
  border            : 1px solid #cccccc;
  padding           : 3px;
  color             : #cccccc;
  text-decoration   : none;
  width             : 100px;
}
.menu_link{
  background-color  : #0096D7;
  padding           : 3px;
  color             : #ffffff;
  text-decoration   : none;
}

.menu_link:hover{
  background-color  : #0078AC;
  padding           : 3px;
  color             : #ffffff;
  text-decoration   : none;
}
.external:link {
	color: 3366CC;
}
.external:visited {
	color: 3366CC;
}
.external:hover {
	color: 3366CC;
}
.external:active {
	color: 3366CC;
}
.style5 {color: #00AB4D}

.footer_menu_bar{
  color             : #ffffff;
  background-color  : #5E5E5F;
  font-size         : 11px;
  vertical-align    : middle;
  line-height       : 25px;
}

.footer_menu_link{
  background-color  : #5E5E5F;
  padding           : 6px;
  color             : #ffffff;
  text-decoration   : none;
}

.Note
{
  font-size : 9px;
  color     : #00A254;

}

.pr_date
{
  color     : #00A254;
  font-size : 10px;
}

.pr_head
{
  font-size      : 13px;
  font-weight    : bold;
  padding-bottom : 10px;
}

/*Styles added for applications*/
h1 {
	font-size: 18px;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
}

h3 {
	padding-top: 3px;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 3px;
}

h4 {
	padding-top: 3px;
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 3px;
}

select {
	font-size: 11px;
}

input {
	font-size: 11px;
}

textarea {
	font-size: 12px;
}

th {
	font-size : 11px;
	font-weight: bold;
	color: #003B6F;
}

/*Clases added for application menus*/
.application_menu {
  /*color             : #ffffff;*/
  /*background-color  : #58C3F0;*/
  color: #0096D7;
  background-color: #80D9FE;
  font-size         : 11px;
  font-weight       : bold;
  height            : 20px;
  text-align        : center;
  vertical-align    : middle;
  line-height       : 20px;
}

.application_menu_link {
  /*background-color  : #58C3F0;*/
  padding           : 3px;
  /*color             : #ffffff;*/
  color: #0096D7;
  background-color: #80D9FE;
  text-decoration   : none;
}

.application_heading {
	font-size: 14pt;
	font-weight: bold;
	color: black;
	padding: 0px;
	background-color: #7FCAEB;
	text-align: left;
}

.application_subheading1 {
	text-align: left;
	padding: 20px;
	font-size: 12pt;
	color: black;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#9CDAA4',EndColorStr='#EEF9EE');
}

.subheading
{ 
  background-image: url(http://dev-02.telkom.co.za/pls/portal/docs/page/components/eservices/images/b_heading.jpg);
  background-repeat: no-repeat;
  color: #000000;
  font-weight: Bold;
  font-size: 11pt;
  color: White;
  padding-left: 42px;
  Padding-Top : 12px;
  Padding-bottom: 10px;
}

.UserInfo
{
  color: black;
  Font-size : 9px;
}

.copy
{
  padding-left    : 20pt;
  padding-bottom  : 16pt;
}

.FrameHead
{
  background-color : rgb(230,230,230);
  color            : #000000;
  font-weight      : Bold;
  font-size        : 11pt;
  Padding-Top      : 4px;
  Padding-left     : 8px;
  Padding-bottom   : 2px;
  text-align       : Left;
  border-bottom    : 2px solid rgb(255,255,255);
}

.FrmCell
{
  border-right     : 2px solid white;
}

.FrmFooter
{
  background-color : rgb(236,236,236);
  text-align            : left;
  padding-top      : 2px;
  padding-bottom   : 2px;
}

.Frame
{
  border        : 1px solid rgb(128,160,185);
  Padding-left  : 5px;
  Padding-right : 5px;
}

.OptionFrame
{
  Padding-left  : 10px;
  Padding-right : 10px;
}

.FrmHeading
{
  background-color      : #6CB9E1;
  font-weight           : bold;
  font-size: 12px;
  padding-top      : 2px;
  padding-bottom   : 2px;
  color: white;
  
}

.FrmLine
{
  padding-top      : 2px;
  padding-bottom   : 2px;
}

.FrmAltLine
{
  background-color : rgb(235,245,255); 
  padding-top      : 2px;
  padding-bottom   : 2px;
}

.error {
  color: red;
  font-weight: bold;
  font-size: 10pt;
}