/** Header **/
.headerlogo { background-image: url("/content/images/E_logo.png"); display: block; height: 94px; left: 10%; position: absolute; top: -10px; width: 168px;}
.mainheader { background-image: url("/content/images/inside_header.jpg"); background-size: cover; height: 94px; width: 100%; }
#header { position: relative; margin-bottom: 0px; color: #000; padding: 0; }
#header h1 { font-weight: bold; padding: 5px 0; margin: 0; color: #fff; border: none; line-height: 2em; font-family: Arial, Helvetica, sans-serif; font-size: 32px !important;}

body { font-size: .75em; font-family: open sans, sans-serif, Arial, Verdana, Helvetica; margin: 0; padding: 0; color: #696969; }
#message { color:#EC0133; }

/** Links **/
a:link { Color:#076dc6; Font-size:13px; Text-decoration:underline; Font-weight: normal; cursor:pointer; }
a:visited { Color:#076dc6; Font-size:13px; Text-decoration:underline; Font-weight:normal; cursor:pointer; }
a:hover { color:#076dc6; font-size:13px; text-decoration: none; cursor:pointer; }
a:active { color:#076dc6; font-size:13px; text-decoration: underline; cursor:pointer; }
a.darklink { float: right; margin-right: 0px; padding-top: 0px; color:#4e5154; }
a.bluelink { color: #05BAD9; cursor: pointer; font-size: 13px; font-weight: normal; }
.breadcrumb a:link { color: #4e5154; font-size: 12px; line-height: 12px; text-decoration:none; }
.breadcrumb a:hover { font-size: 12px; line-height: 12px; color:#0ea023; text-decoration:underline; }
.Container > p a:link { color: #ffffff; text-decoration: underline; }
.Container > p a:visited { color: #ffffff; text-decoration: underline; }
.Container > p a:hover { color: #ffffff; text-decoration: none; }

p, ul
{
    margin-bottom: 20px;
    line-height: 1.5em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

#main
{
    background-color:#ffffff;
    padding: 30px 30px 15px 30px;
    margin-bottom: 15px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: auto;
    min-height:380px;
}

#footer
{
    background: #d9d9d9;
    height: 20px;
	font-size: 10px;
    color: #323941;
    Font-weight: 600;
    padding: 3px 0px 0px 30px;    
    margin: 0;
    position:fixed;
    /**adjust location**/     
    bottom: 0px;
    width: 100%;
}


#footer a#clientlink, #footer a#netiks
{
    color: #076dc6;
	text-decoration: underline;
	font-size: 10px;
    Font-weight: 600;
}

#footer a#clientlink:hover, #footer a#netiks:hover
{
	text-decoration: none;
	font-size: 10px;
    Font-weight: 600;
}

.Container
{
     width:80%;
     text-align:center;
}

.LoginPage .Container, .FirstTimeLoginPage .Container, .ExpiredPasswordPage .Container
{
    width:940px;
}

.Container > p
{
    background: #efeff0;
    height: 44px;
	color: #4e5154;
	font-size: 20px;
	padding: 10px 8px 3px 8px;
	margin:0px 0px 27px 0px;  
	border-top:dashed 1px #a2a4a5;
	font-family: open sans,sans-serif, Arial, Verdana, Helvetica;
}



.accountholder
{
    background: #efeff0;
    color: #4e5154;
	font-size: 20px;
	padding: 10px 8px 7px;
	margin:0px 0px 27px 0px;  
	font-family: open sans,sans-serif, Arial, Verdana, Helvetica;
	text-align:left;
	position:relative;
}

.exportholder
{
    background: #efeff0;
    height: 22px;
	color: #4e5154;
	font-size: 20px;
	padding-top: 3px;
	margin:22px 0 17px;  
	font-family: open sans,sans-serif, Arial, Verdana, Helvetica;
	text-align:left;
	position:relative;
}

div.ExportDocuments {height:20px; padding:0; position:relative;right:10px;float:right;}
div.accountholder div.ExportDocuments {top:5px;}
.exporticon {height:20px; width:20px;top:0; float:right;margin-left:10px;}
.excelimage { background-image:url("images/excel_icon_off.png"); right:30px;}
.excelimage:hover { background-image:url("images/excel_icon_on.png"); }
.printimage { background-image:url("images/print_icon_off.png");  right:60px;}
.printimage:hover { background-image:url("images/print_icon_on.png"); }
.pdfimage{ background-image:url("images/pdf_icon_off.png");  right:0px;}
.pdfimage:hover { background-image:url("images/pdf_icon_on.png"); }
.ibanimage{ background-image:url("images/iban_icon_off.png");  right:0px;}
.ibanimage:hover { background-image:url("images/iban_icon_on.png"); }
.ibanimagesmall{ background-image:url("images/iban_icon_small_off.png"); display: block; height: 14px; position: relative; width: 13px;}
.ibanimagesmall:hover { background-image:url("images/iban_icon_small_on.png"); display: block; height: 14px; position: relative; width: 13px;}
.jpgimage{ background-image:url("images/jpg_icon_off.png");  right:0px;}
.jpgimage:hover { background-image:url("images/jpg_icon_on.png"); }
.editicon { background-image:url("images/Edit_icon_off.png"); display: block; height: 20px; position: relative; width: 20px;}
.editicon:hover { background-image:url("images/Edit_icon_on.png"); display: block; height: 20px; position: relative; width: 20px; }
.refreshicon { background-image:url("images/refresh_icon_off.png"); display: block; height: 18px; position: relative; width: 18px; right: 25px;}
.refreshicon:hover { background-image:url("images/refresh_icon_on.png"); display: block; height: 18px; position: relative; width: 18px; right: 25px;}
.activeicon {background-image: url('images/sprite.png'); background-position:-108px -341px; display: inline-block; height: 20px; width: 20px; margin-right: 5px; vertical-align: middle;}
.inactiveicon {background-image: url('images/sprite.png'); background-position:-144px -341px; display: inline-block; height: 20px; width: 20px; margin-right: 5px; vertical-align: middle;}
.viewicon { background-image:url("images/View_icon_off.png"); display: block; height: 20px; position: relative; width: 20px;}
.viewicon:hover { background-image:url("images/View_icon_on.png"); display: block; height: 20px; position: relative; width: 20px; }
.removeicon {background-image: url('images/sprite.png'); background-position:-180px -341px; display: block; height: 20px; width: 20px; margin-right: 5px; top: -7px; position: relative; right: -11px; cursor:pointer}
.plusicon {background-image: url('images/sprite.png'); background-position:-210px -341px; display: inline-block; height: 20px; width: 20px; vertical-align:middle;}

.Container .breadcrumb
{
    background: #ffffff;
	color: #4e5154;
	font-size: 12px;
	padding: 0 0 5px; 
	border-bottom:dashed 1px #a2a4a5;
	line-height: 12px;
    text-decoration:none; 
    margin-top: -10px;
    text-align:left;
}

.breadcrumb .highlighted
{
    color:#0ea023;
}



.Container .Content
{
    
    border: 0px solid #d7d9dc;	
    margin:0px;
    text-align:left;
}

.Container .Content > p
{
	color: #798087;
	font-size: 11px;
	margin: 16px 0 12px;	
	padding:0;
	line-height:15px;
}


.Container .Content .inputfields
{    
    background: #ffffff;
}

.Container .Content .welcomevalue
 {
    color:#0ea023;
    font-size:19px;
    line-height:19px;
 }
 
.Container .Content .welcomelabel
 {
    Color:#000000;
    Font-size:13px;
    Font-weight: 600;
    padding: 6px 0 34px 0;
 }
 
.mainvalue
 {
    Color:#000000;
    Font-size:13px;
    Font-weight: 600;
    padding: 6px 0 24px 0;
 }
 
 .mainlabelvalue
 {
    Color:#000000;
    Font-size:13px;
    Font-weight: 600;
    padding: 6px 0 24px 0;
 }
 
 .maininputvalue
 {
    Color:#000000;
    Font-size:13px;
    Font-weight: 600;
    padding: 11px 0 28px 0;
 }
 
 .mainblackvalue
 {
    Color:#000000;
    Font-size:13px;
    Font-weight: 600;
    padding: 6px 0 24px 0;
 }
 
 .blackvalue
 {
    Color:#000000;
    Font-size:13px;
    Font-weight: 600;
 }
 
 .blacktext
 {
    Color:#000000;
    Font-size:13px;
    Font-weight: 600;
 }
 
 .greytext
 {
    Color:#4e5154;
    Font-size:13px;
    Font-weight:normal;
 }
 
 .pbfourty { padding-bottom: 20px; }
 .ptfourty { padding-top: 15px; }
 .pbfourteen { padding-bottom: 5px; }
 .pbnine { padding-bottom: 9px; }
 .ptfourteen { padding-top: 5px; }
 .ptthirty { padding-top: 10px; }
 .pbthirty { padding-bottom: 35px; }
 .pbtwenty { padding-bottom: 30px; }
 .pbbutton { padding-bottom: 26px; }
 
 #ContactsAndAddresses
 {
    background-color: #EFEFF0;
    color: #000000;
    font-size: 13px;
    height: 22px;
    margin-bottom: 17px;
    margin-top: 23px;
    padding-left: 6px;
    padding-top: 3px;
 }
 
 .t-toolbar.t-grid-toolbar > div {
    bottom: 6px;
    left: 30px;
    position: absolute;
}

.mainlabel
 {
    color:#0ea023;
    font-size:19px;
    line-height:19px;
 }
 
.innerlabel
 {
    Color:#798087;
    Font-size:13px;
    Font-weight: regular;
    padding: 7px 0 30px 0;
 }
 
 .editlabel
 {
    Color:#798087;
    Font-size:13px;
    Font-weight: regular;
    padding: 9px 0 0 0;
 }
 
 .editvalue
 {
    Color:#000000;
    Font-size:13px;
    Font-weight: 600;
    padding: 9px 0 30px 0;
 }
 
 .innereditlabel
 {
    Color:#000000;
    Font-size:10px;
    Font-weight: 600;
    padding: 9px 0 0 0;
 }
 
.buttoncontainer
 {
    border-top: 1px solid #DDDDDD;
    padding-top: 15px;
    margin-top: 10px;
    padding-bottom: 20px;
 }

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset { /*margin: 1em 0;*/ margin-top: 1em; padding: 1em; border: 1px solid #CCC; }
fieldset p { margin: 2px 12px 10px 10px; }
legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; }
input[type="text"] { color: #4e5154; font-size: 13px; line-height: 13px; border:1px solid #cdcdcd; height: 30px; width: 400px; padding-left:10px; }
input[type="password"] { color: #4e5154; font-size: 13px; line-height: 13px; border:1px solid #cdcdcd; height: 30px; width: 400px; padding-left:10px; }
textarea { padding-left: 10px; }

/* MISC  
----------------------------------------------------------*/
.clear { clear: both; }
.error { color: Red; }
#menucontainer { margin-top: 0px; }
#logocontainer { margin-top: 0px; }
div#title { display: block; float: left; text-align: left; }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { font-weight:normal; color: #EC0133; display: block; font-size: 11px; width:410px; }
.field-validation-valid { display: none; }
#login-form .field-validation-error {width: 235px; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }
.validation-summary-valid { display: none; }

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label, .display-field, .editor-field
{
    margin: 0.5em 0;
}

.text-box
{
    width: 200px;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

.t-edit-form-container
{
    width: 350px;
    margin: 1em;
}
.t-edit-form-container .editor-label, .t-edit-form-container .editor-field
{
    padding-bottom: 1em;
    float: left;
}
.t-edit-form-container .editor-label
{
    width: 30%;
    text-align: right;
    padding-right: 3%;
    clear: left;
}
.t-edit-form-container .editor-field
{
    width: 60%;
}      

.form-actions
{
    padding-top: 1em;
    overflow: hidden;
}
        
.form-actions button
{
    float: right;
}
        
.t-group
{
    border-width: 1px;
    border-style: solid;
    padding: 0 1em 1em;
}

table.box
{
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #A5B3C5;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 10px;  
    position: relative;              
}

td.box
{
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #A5B3C5;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 10px;  
    position: relative;              
}

div.NoAccounts { color: #000000; font-size: 13px; text-align: center; border: 1px solid #cbcbcb; height: 35px; margin: 20px 0; padding: 15px 10px 0; }

/** Subscribe page **/
.applylabel{color:#0ea023; font-size:19px; line-height:19px;}
.applyinputvalue{padding: 6px 0 27px 0;}
.applycombovalue{padding: 6px 0 23px 0;}
.applynewlabel{color:#0ea023; font-size:19px; line-height:19px; padding: 30px 0 0 0;}
.applyblacklabel {Color:#000000; Font-size:13px; Font-weight: 600;padding:7px 0 1px;}
.applygreylabel{Color:#4e5154; Font-size:13px; Font-weight:normal;}
.applycontactinput{padding: 4px 0 17px 0;}
.applytitle{width:392px; height:23px; Background-color:#efeff0;color: #000000; font-size: 13px; padding: 2px 10px 0; margin:5px 0 17px; font-family: open sans,sans-serif, Arial, Verdana, Helvetica; font-weight:600;}
.applicant-textbox { width:200px; }
.applicant-textbox-countrycode { width:75px; }
.applicant-textbox-area { width:75px; }
.applicant-textbox-number { width:150px; }

/** Login Page **/
#btnlogin { height: 34px; width: 108px;}
#loginfooter { background: #d9d9d9; height: 23px; font-size: 10px; color: #323941; Font-weight: 600; padding: 3px 0px 0px 30px; margin: 0; position:fixed; /**adjust location**/ bottom: 0px; width: 100%;}
#loginmain { padding: 0;  _height: 1px; overflow: hidden; background-color:#091626; }
.loginbg {     background: url(images/bg_cover1.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 483px;
    width: 1259px;
    margin: auto;}
.loginnavy{background-image: -webkit-gradient(linear, left top, left bottom, from( #153359 ), to( #091626));
	background-image: -webkit-linear-gradient( #153359, #091626);
	background-image:    -moz-linear-gradient( #153359, #091626);
	background-image:     -ms-linear-gradient( #153359, #091626);
	background-image:      -o-linear-gradient( #153359, #091626);
	background-image:         linear-gradient( #153359, #091626); height: 416px; width: 100%; }
.FirstTimeLoginPage p { line-height: 15px; }
#Username { background-image: url("images/username_icon.png"); background-repeat: no-repeat; padding-left: 31px; width: 205px;}
#Password { background-image: url("images/password_icon.png"); background-repeat: no-repeat; padding-left: 31px; width: 205px;}
#CustomerId { background-image: url("images/customerid_icon.png"); background-repeat: no-repeat; padding-left: 31px; width: 205px;}

.phonehand { background-image: url("images/phonehand.png"); display: block; height: 467px; position: absolute; top: 16px; width: 557px; left:40%;}
.netiksiblogo{background-image:url("images/E_Netiks_Icon.png"); background-repeat:no-repeat; width:168px;height:122px; top:10px; display:block;}
.arrowicon { background-image:url("images/link_arrow.png"); top:2px; display: inline-block; height: 15px; position: relative; width: 16px;}
.clientwebsite { margin-bottom: 20px;background-image:url("images/CB_Website_Link_off.png"); display: block; height: 43px; width: 211px; float:right;}
.clientwebsite:hover { margin-bottom: 20px;background-image:url("images/CB_Website_Link_on.png"); display: block; height: 43px; width: 211px; float:right;}      
.assistance { background-image:url("images/Need_Assistance_Pic.jpg"); width:182px; height:95px; display:block;}
.userGuide { background-image:url("images/UserGuide_Pic.jpg"); width:182px; height:65px; display:block; margin-top:6px;}
.termsandconditions { background-image:url("images/TermsCond_Pic.jpg");  width:182px; height:105px; display:block;}
.weddingAccount { background-image:url("images/Wedding_Account_Pic.jpg");  width:182px; height:105px; display:block;}
.assistanceicon { background-image:url("images/24-7.png"); width:26px; height:30px; display:block; position:absolute; bottom:81px; right:20px; float:right;}

#login-form { padding: 0; }
#login-form label { display: block; line-height: 25px; margin-top: 1em; }

/** Welcome Page **/
.newsdetail { background: none repeat scroll 0 0 #EFEFF0; color: #4E5154; font-size: 15px; height: 22px; padding: 0 5px; margin-bottom:10px; }
 
.creditbanklogo{background-image:url("images/CB_logo.png"); background-repeat:no-repeat; width:168px;height:94px; top:10px; display:block;}
.creditbankwebsite { margin-bottom: 20px;background-image:url("images/CB_Website_Link_off.png"); display: block; height: 43px; width: 211px; float:right;}
.creditbankwebsite:hover { margin-bottom: 20px;background-image:url("images/CB_Website_Link_on.png"); display: block; height: 43px; width: 211px; float:right;}      
.headerlogo { background-image: url("images/CB_logo.png"); display: block; height: 94px; left: 10%; position: absolute; top: -10px; width: 168px;}
.headerlink { background-image: url("images/CB_Website_Link_inside_off.png"); display: block; height: 27px; position: absolute; right: 10%; top: 55px; width: 176px;}
.headerlink:hover { background-image: url("/content/images/CB_Website_Link_inside_on.png"); }

/** Beneficiary **/
/*.AddAccNbr {left: 108px;position: relative;top: -29px;}*/
.AddAccNbr {display:block; width:91.4%; line-height:24px; background:#efeff0; padding:5px; font-family: open sans,sans-serif,Arial,Verdana,Helvetica; font-size: 15px; font-weight: 600; text-align:center; cursor: pointer;margin-left: 2px;
    border: 1px solid #CCCCCC;
    border-top: none;}
.AddAccNbr:hover {display:block; width:91.4%; line-height:24px; background:#e7e7e7; font-family: open sans,sans-serif,Arial,Verdana,Helvetica; font-size: 15px; font-weight: 600; text-align:center; cursor: pointer;}



.t-pager .t-state-active, .t-pager .t-state-hover {
    padding:1px;
}

.tooltipImage {
    background-image: url(images/sprite.png);
    background-position: 141px 562px;
    width: 18px;
    height: 18px;
    border: 1px none black;
    box-shadow: none;
    padding: 0px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}