body {
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    /*background: #CCCCCC url(images/bg.gif) repeat-x;*/
}

a:link {
   color: #12563a;
    text-decoration: none
}

a:visited {
    color: #12563a;
    text-decoration: none
}

a:active {
    color: #008000;
    text-decoration: underline
}

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

#container {
    width: 100%;
    margin: auto;
    background: #FFFFFF;
    height:595px;
}

.header {
    margin-left: 0px;
    height: 2%;
    width: 100%;
    background:#004634;
    padding-top:5%;
    
}
#logo {
    clear: left;
    padding: 30px;
    color: #FFFFFF;
    font-size: 8px;
    margin-top:-64px;
    background: url(/oamcustom/pages/images/nedbank_logo_new.jpg) left;
    background-repeat:no-repeat;
    height:15px;
}
#content {
    width: 800px;
}

#left_column {
    background: #FFFFFF;
    float: left;
    width: auto;
    height: auto;
}

#right_column {
    float: left;
    width: 100%;
    min-height: 400px;
    background: #FFFFFF;
}

#footer {
    clear: left;
    padding: 5px;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

#footer a {
    color: #FFFFFF;
}

#site_title {
    padding-top: 60px;
    padding-left: 80px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 28px;
    color: #FFFFFF;
}

#site_slogan {
    padding-top: 10px;
    padding-left: 80px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
}

#user_id {
    clear: left;
    padding: 5px;
    color: #fff;
    font-size: 14px;
    text-align: center;
}
#faq {
     clear: left;
    margin-top: 0px;
    padding: 10px;
    border: 1px solid #CCCCCC;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
   /* background: #12563a;*/
   background:#DCDCDC ;
    color: #FFFFFF;
}
#tnc {
     clear: left;
    margin-top: 0px;
    padding: 10px;
    border: 1px solid #CCCCCC;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
   /* background: #12563a;*/
   background:#DCDCDC ;
    color: #FFFFFF;
}
#demo {
     clear: left;
    margin-top: 0px;
    padding: 10px;
    border: 1px solid #CCCCCC;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
   /* background: #12563a;*/
   background:#DCDCDC ;
    color: #FFFFFF;
}
#doc {
     clear: left;
    margin-top: 0px;
    padding: 10px;
    border: 1px solid #CCCCCC;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
   /* background: #12563a;*/
   background:#DCDCDC ;
    color: #FFFFFF;
}
#right_content{
    width: 660px;
    height: 400px;
    overflow: scroll;
    overflow-x:hidden;
    color: #000000;
}
.line {
    clear: left;
    height: 3px;
    /*background: #008800;*/
}

.pic {
    float: right;
    margin-left: 10px;
    border: 1px solid #000000;
}

.checkBox {
    padding-bottom: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: black;
}
.loginFailed{
  color: #12563a;  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  
}
.login {
    margin-left: 180px;
    height: 30px;
    width: 65px;
    color: #fff;
    font-weight:bold;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: url(/oamcustom/pages/images/login.jpg)repeat;
    border:0px;
}
.data{
 font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;   
  color:#808080;
  margin-top:8px;
}
.sub_data{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;   
 font-weight:bold;
 color:#808080;
}
.heading{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
  font-size: 16px;   
   color: #12563a;
}
.section_box_header {
    margin-left: 10px;
    padding: 1px;
   /* border: 1px solid #AACCAA;*/
    background: #12563a;
    color: #FFFFFF;
    height: 575px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.pwd {
    margin-left: 25px;
    -moz-margin-start: 40px;
    -webkit-margin-start: 34px;
}

.disable {
    pointer-events: none;
}

.keysMove {
    position: absolute;
    top: 10px;
    left: 10px;
}

.section_box {
    margin: 10px;
    padding: 10px;
    border: 1px solid #12563a;
    background: #FFFFFF;
    color: #FFFFFF;
    height: 450px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top:15px;
}
.section_box_right_column {
    margin: 10px;
    padding: 10px;
    border: 0px solid #12563a;
    background: #FFFFFF;
    color: #FFFFFF;
    height: 475px;
    width:100%;
    margin-left:5px;
    margin-top:15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}


.section_box2 {
    margin-top: 0px;
    padding: 10px;
    border: 1px solid #CCCCCC;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
   /* background: #12563a;*/
   background:#DCDCDC ;
    color: #FFFFFF;
   margin-left:650px;
    
}
.section_box_right {
    clear: left;
    margin-top: 0px;
    padding: 10px;
    border: 1px solid #CCCCCC;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
   /* background: #12563a;*/
   background:#DCDCDC ;
    color: #FFFFFF;
    height:60px;
    width:640px;
}
.section_box3 {
    clear: left;
    margin-top: 0px;
    padding: 0px;
    border: 0px solid #CCCCCC;
    background: #FFFFFF;
    color: #666666;
    padding-left:40px;
}

.section_box4 {
    clear: left;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #CCCCCC;
    background: #F8F8F8;
    color: #666666;
}

.section_box5 {
    clear: left;
    margin-top: 200px;
    padding: 10px;
    border: 1px solid #CCCCCC;
    background: #12563a;
    color: #FFFFFF;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

#section_contact {
    clear: left;
    padding: 20px;
    color: #FFFFFF;
    font-size: 14px;
    margin-left:890px;
}

.text_area {
    margin: 10px;
}

.publish_date {
    margin-top: 5px;
    color: #999999;
    font-size: 11px;
    font-weight: bold;
}

.title {
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #008800;
}

.subtitle0 {
    padding-bottom: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #12563a;
}

.subtitle {
    padding-bottom: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: #12563a;
    margin-top:20px;
     text-align: center;
}

.left_menu {
    padding-bottom: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #12563a;
    text-align: right;
}

.subtitle_pwd {
    padding-bottom: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #12563a;
    margin-left:10px;
}
.subtitle_language{
    margin-left:-140px;
    color:#000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: center;
}
.subtitle1 {
    padding-bottom: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
}

.glossymenu {
    list-style-type: none;
    margin: 5px;
    padding: 0px;
    width: 185px;
    border: 1px solid #006600;
}

.glossymenu li a {
    font: bold 13px "Trebuchet MS", Verdana, Helvetica;
    color: white;
    display: block;
    width: auto;
    padding: 6px;
    padding-left: 10px;
    text-decoration: none;
}

*html.glossymenu li a {
    width: 180px;
}

.glossymenu li a:visited, .glossymenu li a:active {
    color: white;
}

.glossymenu li a:hover {
    background-image: url(/custompages/images/button_active.gif);
    color: #006600;
}