/* Reset Element to create consistency across browsers */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
    display: block;
}
body
{
    line-height: 1;
}
ol, ul
{
    list-style: none;
}
blockquote, q
{
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: '';
    content: none;
}

strong
{
    font-weight: bold;
}

/* remember to define visible focus styles! 
:focus {
	outline: ?????;
} */

/* remember to highlight inserts somehow! */
ins
{
    text-decoration: none;
}
del
{
    text-decoration: line-through;
}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

/*General Styling that affects all screen sizes*/

body
{
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; */
    font-family: Calibri, Candara, Segoe, "Segoe UI" , Optima, Arial, sans-serif;
    font-weight: 300;
    color: #666666;
    font-size: 1.1em;
}

input, .SMChild, .SMChildSelected, .SMParentSelected, .SMParent
{
    font-family: Calibri, Candara, Segoe, "Segoe UI" , Optima, Arial, sans-serif;
}

a, a:active, a:visited
{
    text-decoration: none;
    color: #666666;
}

a:hover
{
    text-decoration: underline;
}

div#preContainer /*Container for Alert and Login pages*/
{
    width: 960px;
    margin: 0 auto; /*padding: 10px;*/
}

div#preContainer div.content
{
    /*padding: 10px;*/
    width: 940px;
    margin: 0 10px 10px 10px;
}

div.header
{
    height: auto;
    margin: 10px;
}

#master div.header
{
    height: 120px;
    margin: 10px;
}

div.logo
{
    height: 125px;
    width: 100%;
    float: right;
    margin-bottom: 10px;
    background: url(../img/logo2.png) no-repeat top right;
}

#ibtext
{
    height: 30px;
    width: 180px;
    margin-top: 95px;
    float: left;
    background: url(../img/ibtxt.png) no-repeat bottom left;
}

div.grayBar, div.grayBar2
{
    height: 40px;
    background: #CCCCCC url(../img/ibtext2.png) no-repeat 10px center;
}

div.grayBar
{
    height: 70px;
    background: #CCCCCC url(../img/ibtext2.png) no-repeat 10px center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(PIE.htc);
}

#loginButton
{
    background: url(../img/dkgreenbg.png) repeat-x bottom left;
    height: 195px;
    width: 200px;
    float: left;
    margin-right: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(PIE.htc);
}

#btnClose
{
    background: url(../img/power.png) no-repeat bottom center;
    width: 195px;
    vertical-align: top;
    text-align: center;
    padding: 20px 0px 100px;
    font-size: 30px;
    cursor: pointer;
    text-decoration: none;
    display: block;
}

#scamList
{
    width: 400px;
    float: left;
    margin: 0px 35px 0px 0px;
}

div.scamitem
{
    border: 1px solid #999999;
    background-color: #F6F6F6;
    background-repeat: no-repeat;
    background-position: 10px center;
    margin-bottom: 10px;
    padding: 5px 0px 5px 120px;
    min-height: 80px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(PIE.htc);
}

div.scamitem p
{
    width: 210px;
}

div.scamitem div.circle
{
    background: url(../img/circle.png) no-repeat center center;
    width: 44px;
    padding: 10px 0px;
    margin: 15px -22px 0 0;
    line-height: 20px;
    font-size: 18px;
    height: 24px;
    float: right;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

div.scam1
{
    background-image: url(../img/scam1.png);
}

div.scam2
{
    background-image: url(../img/scam2.png);
}

div.scam3
{
    background-image: url(../img/scam3.png);
}

div.scam4
{
    background-image: url(../img/scam4.png);
}

div.scam5
{
    background-image: url(../img/scam5.png);
}

#secureMessage
{
    width: 250px;
    float: left;
    margin-top: 26px;
}

div#preContainer #maincontent
{
    width: 630px;
    float: left;
    position: relative;
}

div#preContainer #sidebarRight
{
    width: 290px;
    float: right;
    position: relative;
}

div#preContainer #sidebarRight div.roundBox, div#master #sidebarRight div.roundBox 
{
    width: 280px;
    height: 115px;
    float: right;
    position: relative;
    padding: 0px;
    margin: 10px 0px 0px 0px;
    overflow: hidden;
}

div#preContainer #sidebarRight div.roundBox1, div#master #sidebarRight div.roundBox1
{
    width: 280px;
    height: 115px;
    float: right;
    position: relative;
    padding: 0px;
    margin: 10px 0px 0px 0px;
    overflow: hidden;
}


div#preContainer #sidebarRight div.longad, div#master #sidebarRight div.longad
{
    height: 500px;
}

div#trusteer
{
    background: url(../img/rapport.png) no-repeat bottom left;
    width: 210px;
    height: 26px;
}

.roundBox
{
    border: 1px solid #EDEDED;
    text-align: left;
    position: relative;
    padding: 10px 20px;
    background: url(../img/gradbg.png) repeat-x bottom left;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(PIE.htc);
    margin: 10px 0px;
}

.roundBox1
{
    
    text-align: left;
    position: relative;
    padding: 10px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(PIE.htc);
    margin: 10px 0px;
}


div.footer
{
    height: 40px;
    background: url(../img/footbg.png) repeat-x bottom left;
    margin: 10px;
    position: relative;
}

div.footer p
{
    margin: 0px;
    text-align: right;
    padding: 10px 20px;
    font-size: 0.6875em;
}


/*Login Form*/
div.loginform h3, div.loginform p
{
    text-align: center;
}

div.adbox
{
    width: 160px;
    float: left;
    height: 170px;
    margin-right: 11px;
}

div.adbox p
{
    font-size: 0.75em;
    margin: -20px 0px 0px -10px;
    height: 100px;
}

div.adbox a
{
    font-size: 0.75em;
    padding: 5px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #666666;
    color: #FFFFFF;
    behavior: url(PIE.htc);
}

div.adbox h3
{
    margin: 10px -15px 0 -10px;
    padding: 5px 0 30px;
}

div.lastbox, .lastbox
{
    margin-right: 0px;
}

div.Keypad div.formInput
{
    height: 40px;
}

div.formInput input, div.formInput textarea
{
    border: 1px solid #C5C5C5;
    width: 240px;
    height: 25px;
    line-height: 30px;
    padding: 4px;
    margin-bottom: 10px;
}

div.acctPicker input
{
    border: 1px solid #C5C5C5;    
}

div.acctPicker
{
    padding: 5px;
    font-size: 0.85em;
}

#loginpad
{
    width: 351px;
    margin: 0px auto 55px;
}

#loginpad input#txtUserName
{
    float: none;
}


div.formLabel
{
    float: left;
    font-weight: bold;
    line-height: 35px;
    width: 100px;
}

div.formLabPay
{
    float: left;
    margin-left:10px;
    font-weight: bold;
    line-height: 35px;
    width: 125px;
}

div.formLab 
{
    float: right;
    font-weight: bold;
    line-height: 5px;
    width: 125px;
    
}

div.formLabel2, td.formLabel2
{
    float: left;
    font-weight: bold;
    line-height: 35px;
    width: 210px;
}

div.formLabel3, td.formLabel3
{
    float: left;
    margin-left:10px;
    font-weight: bold;
    line-height: 35px;
    width: 710px;
}

div.formLabel4, td.formLabel4
{
    float: left;
    font-weight: bold;
    line-height: 35px;
    width: 240px;
}

div.formLabel5, td.formLabel5
{
    float: left;
    font-weight: bold;
    line-height: 35px;
    width: 230px;
    margin-left: 10px;
}

div.formMessage, td.formMessage
{
    float: left;
    font-weight: bold;
    line-height: 25px;
    width: 610px;
    padding-left: 20px;
}

div.formNote, td.formNote
{
    float: left;
    font-style: normal;
    font-size: 0.76em;
    line-height: 25px;
    width: 610px;
    padding-left: 10px;
}

td.formLabel2
{
    padding-left: 20px;
}

div.formInput input.passkey
{
    position: absolute;
}

div.formDetails div.legend
{
    border: 1px solid #CCCCCC;
    background-color: #EBEBEB;
    font-weight: bold;
    padding: 10px;
}

div.formDetails div.formLabel3, div.formDetails div.formLabel4, div.formDetails div.formLabel5, div.formDetails div.formRow, div.formDetails div.formLabel5,div.formDetails div.formLabel3
{
	font-size: 0.85em;
}
 
div.formDetails div.formLabel, div.formDetails div.formLabel2, div.formDetails div.formLabel3 
{
    margin-left: 15px;
    font-size: 0.85em;
    margin-bottom: 10px;
 }

div.formDetails div.formInput, div.formDetails div.formInput2, div.formDetails div.formRadio
{
    float: left;
    line-height: 35px;
    padding-left: 5px;
    margin-bottom: 10px;
    font-size: 0.85em;
    vertical-align: middle;
}

div.formDetails div.formInput input, div.formDetails div.formInput textarea
{
    /*margin-left: 5px;*/
}

div.formDetails div.formInput input.acctNum
{
    line-height: 20px;
    margin: 0px;
    padding: 0px 5px;
    border: 1px solid #C5C5C5;
    background-color: #555555;
    color: #FFFFFF;
    font-weight: bold;
    height: 24px;
}

div.formDetails p.justified
{
    padding: 5px 10px;
    background-color: #F0F0F0;
}

div.formButton
{
    padding-left: 5px;
}

div.formButton .button
{
    float: left;
    margin: 5px 20px 10px 0px;
}

div.formRadio input, div.formRadio label
{
    line-height: 35px;
    width: 50px;
}

div.spacer2
{
    width: 230px;
    height: 20px;
    float: left;
}

div.notices p input.token
{
    border: 1px solid #CCCCCC;
    line-height: 1em;
    padding: 5px;
    width: 100px;
}

div.Keypad
{
    width: 250px;
    position: relative;
    float: right;
}

div.Keypad p
{
    text-align: left;
}

.keyPadOrangeKey, .keyPadKey
{
    height: 35px;
    width: 35px;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    padding: 0px;
    margin: 0px 10px 10px 0px;
    cursor: pointer;
    behavior: url(PIE.htc);
}

div.Keypad input.FatButton
{
    float: right;
    height: 75px;
    background: url(../img/greenbg.png) repeat-x bottom left;
    border: none;
    color: #FFFFFF;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    behavior: url(PIE.htc);
}


.keyPadKey
{
    border: 1px solid #C5C5C5;
    background: url(../img/keybg.png) repeat-x bottom left;
}

.keyPadOrangeKey, div.dateBox, a.orangeButton
{
    background: url(../img/footbg.png) repeat-x bottom left;
    color: #FFFFFF;
    border: none;
}

a.orangeButton
{
    padding: 10px 20px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    font-weight: bold;
    height: 30px;
    behavior: url(PIE.htc);
}

/*Master page layout*/
div#master
{
    width: 960px;
    margin: 10px auto;
}

#master div.topBar
{
    border: 1px solid #CCCCCC;
    background-color: #EBEBEB;
    height: 40px;
    margin: 0 10px 10px 10px;
}

#master div.topBar div.topMenu
{
    display: inline-block;
    float: right;
    font-size: 0.8em;
}

div.topMenuLeft
{
    float: left;
    padding-left: 20px;
    line-height: 40px;
    display: inline-block;
}

div.topMenuRight
{
    float: right;
    padding-right: 1px;
    margin-right: 10px;
    line-height: 40px;
    text-align: right;
    display: inline-block;
    font-size:12px;
    color: Black;
}
div.topMenuRight a
{
    display: block;
    background: url(../img/exit.png) no-repeat scroll right 5px transparent;
    padding-right: 30px;
}


#master div#sidebarRight
{
    width: 280px;
    float: left;
    padding-top: 90px;
}

#master div#sidebarLeft
{
    width: 240px;
    float: left;
}

#master div.mainContent
{
    width: 680px;
    float: left;
    padding: 0px 10px;
				height:  auto;
}

#master div#pageContent
{
    margin: 0px 10px;
}

div.dateBox
{
    width: 230px;
    margin: -1px;
    float: left;
    height: 42px;
    line-height: 40px;
    padding-left: 10px;
}

div.greeting h2
{
    font-size: 1.625em;
}

div.greeting h2, div.greeting p
{
    padding: 0px;
    margin: 0px 0px 5px 0px;
}

div#AccountStatusPane
{
    margin-top: 20px;
}

/*Navigation Bar*/

div.SMMenu
{
    width: 230px;
    border-top: 1px solid #CCCCCC;
}

div.SMParent, div.SMParentOver
{
    border: none;
    border-bottom: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    height: 38px;
    line-height: 35px;
    color: #666666;
}

div.SMParentSelected
{
    border: 1px solid #CCCCCC;
    border-top: none;
    background-color: #EBEBEB;
    height: 38px;
    line-height: 35px;
    font-size: 13px;
    color: #333333;
}

div.SMChild, div.SMChildOver, div.SMChildSelected
{
    font-size: 12px;
    padding: 5px 0px 5px 30px;
    text-decoration: none;
}

div.SMChild a, div.SMChildOver a, div.SMChildSelected a
{
    color: #666666;
    text-decoration: none;
}

div.SMMenu a:hover, div.SMMenu a:active
{
    color: #D94F00;
    text-decoration: none;
}

div.SMChildSelected
{
}

div.SMChildrenBox
{
    border: none;
    border-bottom: 1px solid #CCCCCC;
    background: #F6F6F6;
}

div.addMenu
{
    margin: 0px 10px 0px 0px;
}

div.addMenu a
{
    display: block;
    text-decoration: none;
}

/*Typesetting*/
p, ul li
{
    font-size: 0.8125em;
    line-height: 1.5em;
    margin: 10px 0px;
}

h1
{
    font-size: 2em;
    margin: 20px 0px;
}

h2
{
}

h3
{
    font-size: 1em;
    font-weight: bold;
    margin: 10px 0px;
}

h3.shield
{
    background: url(../img/shield.png) no-repeat top right;
}

h3.apps
{
    background: url(../img/apps.png) no-repeat top right;
}

NewPayee
{
			margin-left: 500px;

}
.gallery {list-style-type: none; padding: 0px; margin: 0px;}
.gallery li {list-style: none; display: inline;}
.gallery img { vertical-align: middle}

h4
{
    font-weight: bold;
    color: #444444;
    margin-bottom: 10px;
    line-height: 16px;
}

caption
{
    font-size: 16px;
    text-align: left;
    margin: 5px;
}

p.token
{
    background: url(../img/token.jpg) no-repeat bottom right;
}

h2.bigtext
{
    font-size: 40px;
    padding-bottom: 0;
    font-weight: bold;
}

.LoginButton
{
				background: url(../img/greenbg.png) repeat-x bottom left;
			 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: none;
    color: #FFFFFF;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 20px;
    text-decoration: none;
    cursor: pointer;
    behavior: url(PIE.htc);

}

.button, a.button
{
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color: #ededed;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 20px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff;
    cursor: pointer;
    behavior: url(PIE.htc);
}

.button:hover, a.button:hover
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color: #dfdfdf;
}

.button:disabled, a.button:disabled
{
    background-color: #ffffff;
    color: #dfdfdf;
}

.inlinebutton, a.inlinebutton
{
    background: #D94F00;
    color: #FFFFFF;
    padding: 2px 5px;
}

.desktop, .netbook, .tablet, .smartphone
{
    display: none;
}

/*Social Icons Footer*/
div.socialfooter
{
    background: url(../img/socialbg.png) repeat-x top left;
    margin-top: 50px;
}

div.socialicons
{
    margin: 0px auto;
    height: 120px;
    width: 880px;
}

div.socialicons div
{
    width: 220px;
    float: left;
    margin: 0px 0px 10px 0px;
}

div.socialicons div h3
{
    text-align: center;
    color: #333333;
    margin: 0px;
    padding: 70px 0px 0px 0px;
}

div.socialicons div p
{
    text-align: center;
    color: #333333;
    margin: 0px;
    font-size: 11px;
    padding: 0px 5px;
}

div.socialicons div.fb
{
    background: url(../img/fb.png) no-repeat top center;
}

div.socialicons div.email
{
    background: url(../img/email.png) no-repeat top center;
}

div.socialicons div.twit
{
    background: url(../img/twit.png) no-repeat top center;
}

div.socialicons div.web
{
    background: url(../img/web.png) no-repeat top center;
}

div.socialicons div.gtconn
{
    height: 40px;
    width: 470px;
    margin: 50px auto;
    padding-left: 110px;
    background: url(../img/gtconn.jpg) no-repeat left center;
}

div.socialicons div.gtconn p
{
    text-align: left;
    line-height: 40px;
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
}

/*Account Status Pane styles*/
div#AccountStatusPane
{
    margin-bottom: 10px;
}

div#AccountStatusPane table.responsive
{
    border: 1px solid #CCCCCC;
}

div#AccountStatusPane table a
{
    font-weight: bold;
}

div#AccountStatusPane div.datePicker
{
    display: inline-block;
    float: left;
    padding: 5px;
    margin-bottom: 10px;
}

div#AccountStatusPane div.datePicker input
{
    border: 1px solid #C5C5C5;
    line-height: 30px;
    height: 30px;
}

div.notices, div.formDetails
{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #CCCCCC;
    margin: 10px 0px;
    behavior: url(PIE.htc);
}

div.notices h3, div.formDetails h3
{
    padding: 10px 5px 5px 40px;
    color: #333333;
    font-size: 14px;
    height: 20px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    margin-top: 0px;
    behavior: url(PIE.htc);
}

div.formDetails h4
{
    background-color: #EFEFEF;
    padding: 5px 10px;
}

div.notices p, div.formDetails p
{
    padding: 5px;
}

div.notices h3
{
    background: #E2E2E2 url(../img/info.png) no-repeat 5px 5px;
}

div.formDetails h3.csicon
{
    background: #E2E2E2 url(../img/csicon.png) no-repeat 5px 5px;
}

div.notices .textMulti
{
    font-family: Verdana;
    font-size: 14px;
    width: 695px;
    height: 250px;
    border: 1px solid #CCCCCC;
    background: url(../img/gradbg.png) repeat-x bottom left;
    padding: 5px;
}

div.formDetails h3
{
    background: #E2E2E2 url(../img/form.png) no-repeat 5px 5px;
}

div.formDetails h3.ServiceHD
{
    background: none;
    margin-bottom: 0px;
    border: 1px solid #ccc;
    padding-left: 10px;
}

div.formDetails tr.ServiceRow
{
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc; 
    font-size: 13px;   
}

div.formDetails tr.ServiceRow.odd
{
    background-color: #EEEEEE;
}


div.formDetails tr.ServiceRow td
{
    padding: 5px;
}

div.tableContainer
{
	width: 100%; /*height: 250px;*/
    margin: 10px auto;
    overflow: auto;
    border-top: 1px solid #CCCCCC;
    font-size: 11px;
	}

div#notification
{
    position: relative;
    width: 50%;
    margin: 10px auto 10px auto; 
    text-align:center;
    
}

div.split
{
	height:200px;
    width:calc(100% / 3);
    display:inline-block;
}

/*Color Classes*/
.orange, a.orange, #loginpad a:hover
{
    color: #D94F00;
}

.white, a.white
{
    color: #FFFFFF;
}

.red
{
    color: Red;
}

.gray
{
    color: #666666;
}

.darkGray
{
    color: #545454;
}

.darkerGray
{
    color: #333333;
}

/*Layout Classes*/
.clear
{
    clear: both;
}

.clear1
{
	 padding-bottom: 20px;
}

.clear2
{
	padding-top: 10px;
}
.left
{
    float: left;
}

.right
{
    float: right;
}

.justified
{
    text-align: justify;
}

.toppadding
{
    padding-top: 10px;
}

.nopadding
{
    padding: 0px;
}

.bottommargin
{
	margin-left: 150px;
}

.leftmargin
{
    margin-left: 10px;
}

.centermargin
{
	margin-right: 5px;
}

.rightmargin
{
    margin-right: 10px;
}

.longleftmargin, input.longleftmargin
{
    margin-left: 230px;
}

.nomargin
{
    margin: 0px;
}

div.loanItem {
    color: #999;
    border-bottom: 2px solid #D94F00;
    padding: 20px 0 5px;
}

div.loanItem div.loanimg {
    width: 70px;
    height: 70px;    
    margin: 0 20px 0 0;
    float: left;
    background: url(../img/LoanIcons/others.png) no-repeat top left;
    cursor: pointer;
}

div.loanItem div.loanname {
    color: #D94F00;
    font-size: 12px;
}

div.loanItem div.loanimg:hover 
{
    background: url(../img/LoanIcons/others-dk.png) no-repeat top left;
}

div.loanItem div.led_27 
{
    background: url(../img/LoanIcons/27.png) no-repeat top left;
}

div.loanItem div.led_27:hover 
{
    background: url(../img/LoanIcons/27-dk.png) no-repeat top left;
}

div.loanItem div.led_84 
{
    background: url(../img/LoanIcons/84.png) no-repeat top left;
}

div.loanItem div.led_84:hover 
{
    background: url(../img/LoanIcons/84-dk.png) no-repeat top left;
}

div.loanItem div.led_85 
{
    background: url(../img/LoanIcons/85.png) no-repeat top left;
}

div.loanItem div.led_85:hover 
{
    background: url(../img/LoanIcons/85-dk.png) no-repeat top left;
}

div.loanItem div.led_93 
{
    background: url(../img/LoanIcons/93.png) no-repeat top left;
}

div.loanItem div.led_93:hover 
{
    background: url(../img/LoanIcons/93-dk.png) no-repeat top left;
}

div.loanItem div.led_94 
{
    background: url(../img/LoanIcons/94.png) no-repeat top left;
}

div.loanItem div.led_94:hover 
{
    background: url(../img/LoanIcons/94-dk.png) no-repeat top left;
}

div.loanItem div.led_95 
{
    background: url(../img/LoanIcons/95.png) no-repeat top left;
}

div.loanItem div.led_95:hover 
{
    background: url(../img/LoanIcons/95-dk.png) no-repeat top left;
}

div.loanItem div.led_96 
{
    background: url(../img/LoanIcons/96.png) no-repeat top left;
}

div.loanItem div.led_96:hover 
{
    background: url(../img/LoanIcons/96-dk.png) no-repeat top left;
}

div.loanItem div.led_97 
{
    background: url(../img/LoanIcons/97.png) no-repeat top left;
}

div.loanItem div.led_97:hover 
{
    background: url(../img/LoanIcons/97-dk.png) no-repeat top left;
}

div.loanItem h3 {
    font-size: 25px;
}

div.loanItem p {
    font-size: 10px;
}

div.loanItem div.loanbal {
    color:#333;
}

div.loanItem div.loanamt, div.loanItem div.loanbal {
    text-align: left;
    width: 190px;
    float: left;
}

div.loanItem div.loanins, div.loanItem div.loanout {
    text-align: center;
    width: 100px;
    float: left;
}

div#usageLeft {
    /*width: 320px;*/
    float: left;
    text-align: center;
    padding: 10px;
}

div#usageRight {
    padding: 10px;
}

div#usageLeft h4 {
    color: #D94F00;
    font-size: 23px;
    padding: 10px 0 25px;
    font-weight: normal;
}

div#usageLeft div.column {
    width: 82px;
    float: left;
}

div#usageLeft div.label {
    width: 90px;
    float: left;
}

div#usageLeft div.atm {
    width: 80px;
    height: 60px;
    background: url(../img/apps/atm.png) no-repeat top center;
}

div#usageLeft div.divider {
    background: url(../img/divider.png) no-repeat right 50px;
}

div#usageLeft div.pos {
    width: 80px;
    height: 60px;
    background: url(../img/apps/pos.png) no-repeat top center;
}

div#usageLeft div.web {
    width: 80px;
    height: 60px;
    background: url(../img/apps/web.png) no-repeat top center;
}

div#usageLeft div.ivr {
    width: 80px;
    height: 60px;
    background: url(../img/apps/tel.png) no-repeat top center;
}
div#usageLeft div.mbank {
    width: 80px;
    height: 60px;
    background: url(../img/apps/mob.png) no-repeat top center;
}
div#usageLeft div.ibank {
    width: 80px;
    height: 60px;
    background: url(../img/apps/web.png) no-repeat top center;
}
div#usageLeft p {
    line-height: 14px;
    padding: 10px 5px;
    height: 20px;
}

div#usageLeft h3, div#usageRight h3 {
    border-bottom: 1px solid #D8D8D8;
    font-size: 16px;
    text-align: left;
    padding: 10px 0 5px;
    color: #3F3F3F;
}


/*Styles to override default for various screen sizes*/
/*Desktop - Screen > 1240px*/
@media screen and (min-width: 1240px)
{
    .desktop
    {
        display: inline-block;
    }

    div#master
    {
        width: 1240px;
        margin: 0px auto;
    }

    #master div.topBar div.topMenu
    {
        width: 980px;
    }

    div.bottomads
    {
        width: 680px;
        margin: 0 auto;
    }

    div.bottomads div.adbox
    {
        width: 170px;
    }
}

/*Netbook - Screen between 960px and 1239px*/
@media screen and (min-width: 960px) and (max-width: 1239px)
{
    .netbook
    {
        display: inline-block;
    }

    div#master
    {
        width: 960px;
        margin: 0px auto;
    }

    #master div.topBar div.topMenu
    {
        width: 700px;
    }

    #master div.mainContent
    {
        width: 680px;
    }
    
}

/*Tablet - Screen between 768px and 959px*/
@media screen and (min-width: 768px) and (max-width: 959px)
{
    .tablet
    {
        display: inline-block;
    }

    div#preContainer
    {
        width: 768px;
    }

    div#preContainer div.content
    {
        /*padding: 10px;*/
        width: 748px;
        margin: 0 10px 10px 10px;
    }
    div#preContainer #maincontent
    {
        width: 100%;
        float: none;
        position: relative;
    }

    div#preContainer #sidebarRight
    {
        width: 100%;
        float: none;
        position: relative;
    }

    div#preContainer #sidebarRight div.roundBox
    {
        width: 360px;
        height: 100px;
        float: left;
        margin: 10px 24px 10px 0px;
    }

				div#preContainer #sidebarRight div.roundBox1
    {
        width: 360px;
        height: 100px;
        float: left;
        margin: 10px 24px 10px 0px;
    }

    div#preContainer #sidebarRight div.last, div.last
    {
        margin-right: 0px;
    }

    div.adbox
    {
        width: 200px;
    }

    div#master
    {
        width: 768px;
        margin: 0px auto;
    }

    #master div.topBar div.topMenu
    {
        width: 508px;
    }

    div.dateBox
    {
        width: 200px;
    }

    #master div#sidebarLeft
    {
        width: 200px;
    }

    #master div.mainContent
    {
        width: 525px;
    }

    div.SMMenu
    {
        width: 190px;
        border-top: 1px solid #CCCCCC;
    }

    div.socialicons
    {
        width: 760px;
    }

    div.socialicons div
    {
        width: 190px;
    }

    div.socialicons div.gtconn
    {
        height: 40px;
        width: 470px;
        margin: 50px 120px;
    }

    div#AccountStatusPane
    {
        width: 525px;
  
    }
    
    #scamList
    {
        width: 500px;
    }
        
    #secureMessage 
    {
        width: auto;
    }
    
    div#usageLeft div.column {
    width: 70px;
    }

    div#usageLeft div.label {
        width: 80px;
    }

}

/*Smartphone - Screen between 320px and 479px*/
@media screen and (max-width: 479px) {
	td {width:100% !important; display:block !important;}
	.password-opener{
		display: none;
	}
}
	
@media screen and (max-width: 767px) {
	.password-opener{
		display: none;
	}
	
    .smartphone {
        display: inline-block;
    }

    div#preContainer {
        width: 100%;
    }

    div.header {
        margin: 10px;
    }

    div.logo {
        height: 75px;
		width:100%;
        background: url(../img/logo3.png) no-repeat top right;
    }

    #ibtext {
        height: 20px;
        width: 110px;
        margin-top: 125px;
        float: left;
        background: url(../img/ibtxt_320.png) no-repeat bottom left;
    }

    #loginButton {
        height: auto;
        width: 280px;
    }

    #btnClose {
        background: url("../img/power.png") no-repeat scroll right center transparent;
        padding: 20px 10px;
        text-align: left;
        width: 260px;
    }

    #scamList {
        margin: 10px 0px 0 0;
        width: 280px;
    }

    div.scamitem div.circle {
        margin: 0 5px 0 0;
    }

    #secureMessage {
        width: 235px;
    }

    div.scamitem p {
        width: 140px;
    }

    #scamHeader {
        height: 40px;
        background: url(../img/footbg.png) repeat-x bottom left;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        padding: 0px 10px;
        margin-top: 20px;
    }

    div#mobileNav {
        width: 278px;
        border: 1px solid #cccccc;
        cursor: pointer;
        padding: 0px 10px;
    }

    #scamHeader p {
        font-size: 14px;
        cursor: pointer;
        background: url(../img/arrow-down.png) no-repeat center right;
        display: block;
        line-height: 40px;
    }

    div#mobileNav p {
        margin: 0px;
        background: url(../img/nav.png) no-repeat center right;
        display: block;
        line-height: 40px;
        font-size: 1.2em;
        color: #666666;
    }

    div#preContainer div.content {
        /*padding: 10px;*/
        width: 96%;
        margin: 0 10px 10px 10px;
    }

    div#preContainer #maincontent {
        width: 100%;
        float: none;
        position: relative;
    }

    div#preContainer #sidebarRight {
        width: 100%;
        float: none;
        position: relative;
    }

    #loginpad {
        margin: 0px 0px 0px -5px;
        width: 250px;
    }

    div.Keypad {
        width: 250px;
        float: none;
    }

    input#txtUserName {
        background: url(../img/userid.png) no-repeat center left;
        float: none;
    }


    input#Keypad1_txtPasswordResult {
        background: url(../img/passwd.png) no-repeat center left;
    }

        input#txtUserName:focus, input#Keypad1_txtPasswordResult:focus {
            background: none;
        }

    div.adbox {
        width: 240px;
        height: 140px;
    }

        div.adbox p {
            height: 70px;
        }

    div.bottomads div.adbox {
        margin-left: 10px;
    }

    div#master {
        margin: 0 auto;
        width: 300px;
    }

    #master div.header {
        margin: 10px auto;
    }

    #master div.topBar {
        margin: 0 auto 10px;
    }

    #master div#pageContent {
        margin: 0px auto;

    }

    #master div.mainContent {
        padding: 10px 0;
        width: 300px;
			 }

    div.greeting {
        border-bottom: 1px solid #CCCCCC;
        margin: 10px;
    }

        div.greeting h2 {
            font-size: 1em;
        }

        div.greeting p {
            font-size: 0.95em;
        }

        div.greeting h2, div.greeting p {
            display: inline-block;
        }

    div#AccountStatusPane {
        padding: 10px;
    }

    div.topMenuLeft {
        display: none;
    }

    div.dateBox {
        width: 200px;
    }

    div.SMMenu {
        width: 300px;
        border-top: none;
    }

    div.socialicons, div.socialicons div,
    div.notification, div#master #sidebarLeft {
        width: 300px;
    }

        div.socialicons div.gtconn {
            width: 190px;
        }

    div.formDetails div.formInput, div.formDetails div.formLabel, div.formDetails div.formLabel2, div.formDetails div.formLabel3 {
        margin-bottom: 0px;
    }

    div.spacer2 {
        display: none;
    }

    div#usageLeft div.label {
        display: none;
    }

    div#usageLeft, div#usageRight {
       width: 270px;
    }
}