/* CSS Document */
body { margin:0; padding:0; background:#0e2f44 url(../images/New/bodybg.jpg) center top no-repeat; font-size:13px; font-family: 'zurich', arial; color:#515151;}
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

@font-face {
    font-family: 'zurich bold';
    src: url('../fonts/zurchb-webfont.eot');
    src: url('../fonts/zurchb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/zurchb-webfont.woff') format('woff'),
         url('../fonts/zurchb-webfont.ttf') format('truetype'),
         url('../fonts/zurchb-webfont.svg#zurich_btbold') format('svg');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: 'zurich';
    src: url('../fonts/zurchn-webfont.eot');
    src: url('../fonts/zurchn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/zurchn-webfont.woff') format('woff'),
         url('../fonts/zurchn-webfont.ttf') format('truetype'),
         url('../fonts/zurchn-webfont.svg#zurich_btroman') format('svg');
    font-weight: normal;font-style: normal;
}



/*************************************************************
*********************** General *****************************/
a { color:#00aeef; text-decoration:none; outline:none; }
a:hover { color:#00aeef; text-decoration:underline; }
img { border: none; }
h1, h2, h3, h4, h5, h6, ul, li, p, form { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul, li{ list-style:none; list-style-type:none;}
.clear { clear:both; padding:0; margin:0; height:0; }
.clr { clear:both; }
h1{ color:#333; font-size:24px; font-family: 'zurich bold', arial; line-height:1.3; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:15px;}
h1 span{ font-size:11px; text-transform:uppercase; font-family: 'zurich', arial; color:#999;}

h3{ font-size:19px; color:#333; border-bottom:1px solid #d2d3d5; padding-bottom:4px; margin-bottom:15px;}
h5{ font-size:17px; color:#333;  font-family: 'zurich bold', arial; padding-bottom:8px; }
h5 span{ color:#f58634;}


/* set image max width to 100% */
img {max-width: 100%;height: auto;width: auto\9;/* ie8 */}



input[type=text], input[type=password] { border:#dbe2e6 1px solid; padding:5px; color:#515151; font-size:13px; font-family:Arial; }
textarea { border:#dbe2e6 1px solid; padding:5px; font-size:13px; color:#515151; font-family:Arial; }
select { border:#d1e3e6 1px solid; padding:3px; font-size:13px; color:#515151; font-family:Arial; }
input[type=radio], input[type=checkbox] { vertical-align:-2px; //vertical-align:-1px;}
.inputbutton { background:#02a8e8 url(../images/New/butbg.png) bottom repeat-x; border:none; height:30px; padding:0 18px 0 18px; line-height:1; overflow:visible; cursor:pointer; color:#FFF; vertical-align:middle; font-family:Arial; font-size:13px; font-weight:bold; }
.inputbutton:hover{ background:#165e83 url(../images/New/butbg_h.png) bottom repeat-x;}



/*************************************************************
********************* Main wrapper **************************/
#wrapper { width:980px; min-width:320px; margin:0 auto; padding:30px 0 0 0; }




/*************************************************************
************************ Header *****************************/
#header { background:#FFF; height:118px; }
.hdr_top{ background:#FFF url(../images/New/headerbg.png) bottom repeat-x; height:76px; position:relative; z-index:1000;}
.logo{ position:absolute; top:15px; left:15px;}
.welcome{ position:absolute; top:11px; right:5px;}
a.logout{ display:inline-block; width:57px; height:54px; background:url(../images/New/ic_logout.png) no-repeat; margin-left:12px;}
a.logout:hover{ background:url(../images/New/ic_logout_h.png) no-repeat;}
.welcome a{ vertical-align:-20px;}



/*************************************************************
************************ Nav *****************************/
#nav-wrap {background:url(../images/New/navbg.png) repeat-x; height:42px;}
/* menu icon */
#menu-icon { display: none; /* hide menu icon initially */ }
#nav, #nav li { margin: 0; padding: 0; }
#nav li { list-style: none; float: left; margin-right: 0px; position:relative; background:url(../images/New/seperator.png) no-repeat right top; padding-right:2px; }
/* nav link */
#nav a { height:30px; padding:12px 21px 0 21px; display: block; color: #FFF; font-size:14px; text-decoration:none;  }
#nav a:hover, #nav li:hover a{ background:#0b86bd; }


/* nav dropdown */
#nav ul { background:#0b86bd; padding:0; position: absolute;  display: none; /* hide dropdown */ width: 200px; }
#nav ul li { float: none; margin: 0; padding: 0; border-bottom:1px solid #2ea0d3;  }
#nav ul a { padding: 10px 13px; height:auto;  }
#nav ul a:hover{ background:#154f6d; }
#nav li:hover > ul { display: block; /* show dropdown on hover */ }




/*************************************************************
************************* Content ***************************/
#content { background:#FFF; padding:20px; overflow:hidden; }
.main{ }
.inc{ float:right;}
.text_normal{ line-height:18px; padding-bottom:20px;}
.hm_info{ overflow:hidden; padding:10px 0 35px 0;}
.hm_info .left{ float:left; background:#154f6d; width:48%;}
.hm_info .right{ float:right; background:#154f6d; width:49%;}
.hmt{ font-size:17px; color:#FFF; padding-top:2px;}
.hmt span{font-family: 'zurich bold'; color:#f58634; }
.hm_info a{ text-decoration:underline;}
.hm_info a:hover{ text-decoration:none;}

.hm_status{overflow:hidden;}
.hm_left{float:left; width:48%;}
.hm_right{float:right; width:49%;}
.hm_block{ min-height:50px; margin-bottom:20px;}
.grid_pa{ background:#ddd;font-size:13px;}
.grid_pa strong{ font-family:Arial, Helvetica, sans-serif;}
.grid_pa td{ background:#FFF; padding:9px 8px 8px 8px;}
.grid_pa th{background:#02a8e8 url(../images/New/grid_head.png) bottom repeat-x !important; padding:10px 8px 8px 8px;  font-weight:normal; color:#FFF;}
.announce_overview{ border:1px solid #d3e0e6;}
.announce_overview h2{ background:#f5fafc url(../images/New/titlebg.png) bottom repeat-x; font-family: 'zurich bold'; color:#333; font-size:15px; padding:9px 10px 8px 10px;}
.ann_box{ padding:20px; border-bottom:1px solid #d3e0e6;}
.ann_box .text_normal{ padding-bottom:0px;}
.ann_box h4{font-family: 'zurich bold'; color:#333; font-size:20px; padding:0 0 8px 0; line-height:1;}
h2.title{ background:#f0f0f1; font-size:19px; color:#333; padding:10px 8px 8px 10px; margin-bottom:20px;}
.contact_left{ float:left; width:42%; padding:15px 3% 35px 0;}
.contact_right{ float:left; width:55%; padding:15px 0 35px 0;}
.contact_left h2, .contact_right h2{ font-size:18px; color:#333; font-family: 'zurich bold'; padding:2px 0 5px 0;}
.contact_left .text_normal, .contact_right .text_normal{ padding-bottom:0;}
.con_address{ overflow:hidden; min-height:170px;}
.adr_block{ width:30%; padding-right:3%; float:left; line-height:18px;}
.adr_block strong{ font-weight:normal; color:#333; font-family: 'zurich bold'; font-size:14px;}
.change_password{ padding-top:30px; overflow:hidden; min-height:300px;}


/*Grid Styles*/
/*Pending Installation Grid Styles*/
.grid{ background:#FFF; border-collapse: collapse;font-family:'zurich';font-size:13px;}
.grid tr:nth-of-type(odd) { background: #f8f8f8; }
.grid th{ border: 1px solid #e1e1e1; background:#02a8e8 url(../images/New/grid_head.png) bottom repeat-x; padding:10px 8px 8px 8px;  font-weight:normal; color:#FFF; }
.head{border: 1px solid #e1e1e1; background:#02a8e8 url(../images/New/grid_head.png) bottom repeat-x !important; padding:10px 8px 8px 8px;font-size:13px;  font-weight:normal; color:#FFF;}
.head td a{text-decoration:none;color:#FFF;}
.grid td{ border: 1px solid #e1e1e1; padding:10px 8px 8px 8px; }

/*Pending Approvals Grid Styles*/
.gridApprovals{ background:#FFF; border-collapse: collapse; font-family:'zurich';font-size:13px; }
.gridApprovals tr:nth-of-type(odd) { background: #f8f8f8; }
.gridApprovals th{ border: 1px solid #e1e1e1; background:#02a8e8 url(../images/New/grid_head.png) bottom repeat-x; padding:10px 8px 8px 8px;  font-weight:normal; color:#FFF; }
.gridApprovals td{ border: 1px solid #e1e1e1; padding:10px 8px 8px 8px; }

/*Pending Approvals Grid Styles*/
.gridDeals{ background:#FFF; border-collapse: collapse; font-family:'zurich';font-size:13px;}
.gridDeals tr:nth-of-type(odd) { background: #f8f8f8; }
.gridDeals th{ border: 1px solid #e1e1e1; background:#02a8e8 url(../images/New/grid_head.png) bottom repeat-x; padding:10px 8px 8px 8px;  font-weight:normal; color:#FFF; }
.gridDeals td{ border: 1px solid #e1e1e1; padding:10px 8px 8px 8px; }

/*Mearchant Search Grid Styles*/
.gridSearch{ background:#FFF; border-collapse: collapse; font-family:'zurich';font-size:13px;}
.gridSearch tr:nth-of-type(odd) { background: #f8f8f8; }
.gridSearch th{ border: 1px solid #e1e1e1; background:#02a8e8 url(../images/New/grid_head.png) bottom repeat-x; padding:10px 8px 8px 8px;  font-weight:normal; color:#FFF; }
.gridSearch td{ border: 1px solid #e1e1e1; padding:10px 8px 8px 8px; }

/*All Mearchant Grid Styles*/
.gridViewAll{ background:#FFF; border-collapse: collapse; font-family:'zurich';font-size:13px;}
.gridViewAll tr:nth-of-type(odd) { background: #f8f8f8; }
.gridViewAll th{ border: 1px solid #e1e1e1; background:#02a8e8 url(../images/New/grid_head.png) bottom repeat-x; padding:10px 8px 8px 8px;  font-weight:normal; color:#FFF; }
.gridViewAll td{ border: 1px solid #e1e1e1; padding:10px 8px 8px 8px; }

/*Ticket Grid Styles*/
.gridTicket{ background:#FFF; border-collapse: collapse; font-family:'zurich';font-size:13px;}
.gridTicket tr:nth-of-type(odd) { background: #f8f8f8; }
.gridTicket th{ border: 1px solid #e1e1e1; background:#02a8e8 url(../images/New/grid_head.png) bottom repeat-x; padding:10px 8px 8px 8px;  font-weight:normal; color:#FFF; }
.gridTicket td{ border: 1px solid #e1e1e1; padding:10px 8px 8px 8px; }

/*Resource Documents Grid Styles*/
.gridDocs{ background:#FFF; border-collapse: collapse; font-family:'zurich';font-size:13px;}
.gridDocs tr:nth-of-type(odd) { background: #f8f8f8; }
.gridDocs th{ border: 1px solid #e1e1e1; background:#02a8e8 url(../images/New/grid_head.png) bottom repeat-x; padding:10px 8px 8px 8px;  font-weight:normal; color:#FFF; }
.gridDocs td{ border: 1px solid #e1e1e1; padding:10px 8px 8px 8px; }

/*Residuals Grid Styles*/
.gridResidualsInfo{ background:#FFF; border-collapse: collapse; font-family:'zurich';font-size:13px;}
.gridResidualsInfo tr:nth-of-type(odd) { background: #f8f8f8; }
.gridResidualsInfo th{ border: 1px solid #e1e1e1; background:#02a8e8 url(../images/New/grid_head.png) bottom repeat-x; padding:10px 8px 8px 8px;  font-weight:normal; color:#FFF; }
.gridResidualsInfo td{ border: 1px solid #e1e1e1; padding:10px 8px 8px 8px; }

/*Office Withdrawal Grid Styles*/
.gridWithdraw{ background:#FFF; border-collapse: collapse; font-family:'zurich';font-size:13px;}
.gridWithdraw tr:nth-of-type(odd) { background: #f8f8f8; }
.gridWithdraw th{ border: 1px solid #e1e1e1; background:#02a8e8 url(../images/New/grid_head.png) bottom repeat-x; padding:10px 8px 8px 8px;  font-weight:normal; color:#FFF; }
.gridWithdraw td{ border: 1px solid #e1e1e1; padding:10px 8px 8px 8px; }

/*Ticket Info Grid Style*/
.gridTicketInfo{background:#FFF; border-collapse: collapse; font-family:'zurich';font-size:13px;}
.gridTicketInfo tr:nth-of-type(odd) { background: #f8f8f8; }
.gridTicketInfo th{ border: 1px solid #e1e1e1; background:#02a8e8 url(../images/New/grid_head.png) bottom repeat-x; padding:10px 8px 8px 8px;  font-weight:normal; color:#FFF; }
.gridTicketInfo td{ border: 1px solid #e1e1e1; padding:10px 8px 8px 8px; }

/*Ticket Info Detail Grid Style*/
.gridTicketDetail{background:#FFF; border-collapse: collapse; font-family:'zurich';font-size:13px;}
.gridTicketDetail tr:nth-of-type(odd) { background: #f8f8f8; }
.gridTicketDetail th{ border: 1px solid #e1e1e1; background:#02a8e8 url(../images/New/grid_head.png) bottom repeat-x; padding:10px 8px 8px 8px;  font-weight:normal; color:#FFF; }
.gridTicketDetail td{ border: 1px solid #e1e1e1; padding:10px 8px 8px 8px; }

/*Ticket Info Detail Grid Style*/
.gridOpenTicket{background:#FFF; border-collapse: collapse; font-family:'zurich';font-size:13px;}
.gridOpenTicket tr:nth-of-type(odd) { background: #f8f8f8; }
.gridOpenTicket th{ border: 1px solid #e1e1e1; background:#02a8e8 url(../images/New/grid_head.png) bottom repeat-x; padding:10px 8px 8px 8px;  font-weight:normal; color:#FFF; }
.gridOpenTicket td{ border: 1px solid #e1e1e1; padding:10px 8px 8px 8px; }

/*ATM Merchant Info Detail Grid Style*/
.gridATMMerchantsStyle{background:#FFF; border-collapse: collapse; font-family:'zurich';font-size:13px;}
.gridATMMerchantsStyle tr:nth-of-type(odd) { background: #f8f8f8; }
.gridATMMerchantsStyle th{ border: 1px solid #e1e1e1; background:#02a8e8 url(../images/New/grid_head.png) bottom repeat-x; padding:10px 8px 8px 8px;  font-weight:normal; color:#FFF; }
.gridATMMerchantsStyle td{ border: 1px solid #e1e1e1; padding:10px 8px 8px 8px; }

/*ATM Transaction Activity Grid Style*/
.grdActivity{background:#FFF; border-collapse: collapse; font-family:'zurich';font-size:13px;}
.grdActivity tr:nth-of-type(odd) { background: #f8f8f8; }
.grdActivity th{ border: 1px solid #e1e1e1; background:#02a8e8 url(../images/New/grid_head.png) bottom repeat-x; padding:10px 8px 8px 8px;  font-weight:normal; color:#FFF; }
.grdActivity td{ border: 1px solid #e1e1e1; padding:10px 8px 8px 8px; }

/*Office Grid Style*/
.gridOffice{ background:#FFF; border-collapse: collapse; font-family:'zurich';font-size:13px;}
.gridOffice tr:nth-of-type(odd) { background: #f8f8f8; }
.gridOffice th{ border: 1px solid #e1e1e1; background:#02a8e8 url(../images/New/grid_head.png) bottom repeat-x; padding:10px 8px 8px 8px;  font-weight:normal; color:#FFF; }
.gridOffice td{ border: 1px solid #e1e1e1; padding:10px 8px 8px 8px; }

/*Resource Documents Grid Styles*/
.gridDocsUp{ background:#FFF; border-collapse: collapse; font-family:Arial;font-size:13px;}
.gridDocsUp tr:nth-of-type(odd) { background: #f8f8f8; }
.gridDocsUp th{ border: 1px solid #e1e1e1; background:#02a8e8 url(../images/New/grid_head.png) bottom repeat-x; padding:10px 8px 8px 8px;  font-weight:normal; color:#FFF; }
.gridDocsUp td{ border: 1px solid #e1e1e1; padding:10px 8px 8px 8px; }
.gridDocsUp td:nth-of-type(6) {text-align:center !important;}

/*Resource Documents Grid Styles*/
.gridAnn{ background:#FFF; border-collapse: collapse; font-family:Arial;font-size:13px;}
.gridAnn tr:nth-of-type(odd) { background: #f8f8f8; }
.gridAnn th{ border: 1px solid #e1e1e1; background:#02a8e8 url(../images/New/grid_head.png) bottom repeat-x; padding:10px 8px 8px 8px;  font-weight:normal; color:#FFF; }
.gridAnn td{ border: 1px solid #e1e1e1; padding:10px 8px 8px 8px; }
.gridAnn td:nth-of-type(6) {text-align:center !important;}

.pager{ padding:15px 0 20px 0;}
.pager ul { margin:4px 0px 5px 0px; padding:0px; list-style-type:none; }
.pager ul li { padding:0; margin:2px 1px; display:inline; }
.pager ul li a { font-size:12px; color:#60636b; text-decoration:none; border:#ccdadf 1px solid; background:#FFF url(../images/New/paging.png) top repeat-x; margin:0; padding:3px 6px 3px 6px; font-family:arial; font-size:13px; }
.pager ul li a:hover { color:#FFF; text-decoration:none; background:#0098da; border:none; padding:4px 7px 4px 7px; }
.pager ul li a.active { color:#FFF; border:none; text-decoration:none; background:#0098da; padding:4px 7px 4px 7px; }

.pager span{color:#FFF; border:none; text-decoration:none; background:#0098da; padding:4px 7px 4px 7px;}
.pager a { font-size:12px; color:#60636b; text-decoration:none; border:#ccdadf 1px solid; background:#FFF url(../images/New/paging.png) top repeat-x; margin:0; padding:3px 6px 3px 6px; font-family:arial; font-size:13px; }
.pager a:hover { color:#FFF; text-decoration:none; background:#0098da; border:none; padding:4px 7px 4px 7px; }
.pager a.active { color:#FFF; border:none; text-decoration:none; background:#0098da; padding:4px 7px 4px 7px; }
.pager_left{ float:left; width:50%;}
.pager_right{ float:right; width:50%; text-align:right;}

.pageSize{padding:5px;font-size:13px;}

.page{padding:15px 0 20px 0;}
.page_left{float:left;padding-right:10px;}
.page_right{float:left; text-align:right;}

.atm_info{ overflow:hidden;}
.atm_info li{ float:left; width:170px; height:250px; margin-right:30px; text-align:center;}
.atm_img{ text-align:center; border:1px solid #d2d3d5; padding:10px; margin-bottom:13px;}
.atm_info li a{ color:#333; font-size:15px; font-family: 'zurich bold'; }

.info_left{ float:left; width:55%;}
.info_right{ float:left; width:45%; font-family:arial; font-weight:bold; line-height:18px;}

.atm_detail{ border:1px solid #ddd; margin-bottom:20px; overflow:hidden;}
.atm_detail h2.title{ border-bottom:1px solid #ddd; position:relative; margin-bottom:0px;}
.status{ position:absolute; top:13px; right:10px; font-size:15px; text-transform:uppercase; color:#f58634;}
.ad_img{ float:left; border-right:1px solid #ddd; padding:10px; width:140px; text-align:center;}
.ad_text{ float:left; padding:15px; width:75%;}
.ad_list{ float:left;width:48%; padding-right:2%;}
ul.listing li{ background:url(../images/New/bullet.png) 0px 5px no-repeat; line-height:135%; padding-left:12px; margin-bottom:5px;}

.lt_last{ padding-top:55px;}






/*************************************************************
************************* Footer ****************************/
#footer { overflow:hidden; padding:23px 0 30px 0; color:#a1b1bb; font-size:12px; }
.foot_left{ float:left; line-height:18px; width:50%;}
.foot_right{ float:right; line-height:18px; text-align:right; width:50%;}
.cs_text{color:#FFF;}



/*************************************************************
************************* lOGIN ****************************/
#login{ width:590px;margin:0 auto;}
.login_header{ background:#FFF url(../images/New/headerbg.png) bottom repeat-x; height:76px; position:relative; z-index:1000; margin-top:120px;}
.login_content{background:#FFF; border-top:1px solid #cad6d9; padding:25px 30px 25px 30px;}
.login_footer{padding:23px 10px 30px 10px; color:#a1b1bb; font-size:12px; text-align:center; line-height:18px;}
.key{ position:absolute; top:14px; right:15px;}
.login_content h2{ padding:0 0 8px 0; margin:0; font-size:18px; color:#333; text-align:center; border:none; font-family: 'zurich bold';}
.login_content .sml_text{ line-height:18px; padding-bottom:20px; text-align:center; border-bottom:1px solid #d1e0e9;}
.rd_text{ line-height:18px; padding:18px 0 0 0;  border-top:1px solid #d1e0e9; color:#e02828; text-align:center;}
.login_field{ overflow:hidden; padding:30px 0px;}

.form_label{ float:left; width:29%; text-align:right; padding:6px 1% 0 0;}
.form_field{ float:left; width:70%; margin-bottom:17px;}
.textbox{ width:250px;}


/***** Place iPad view CSS under here (Smaller than 980px) *****/
@media only screen and (min-width: 768px) and (max-width: 979px) {
#wrapper { width: auto; padding:0;}
.main{ float:left; width:82%; }
.inc{ float:right; width:16%;}
#content { padding:15px; }
.hmt{ font-size:13px;}
.hm_info a{ font-size:11px;}
#footer {padding:20px 10px 20px 10px;}
.ad_text{  width:67%;}

/***** End *****/
}


/***** Place iPhone portrait view CSS under here (320px) *****/
@media only screen and (max-width: 767px) {
body{ background-image:none;}
#wrapper { width: auto;  padding:0;}
#header { background:#FFF; height:110px; }
.hdr_top{ height:68px;}
.logo{ top:11px; left:11px;}

.welcome{ position:absolute; top:68px; right:0; color:#FFF;}
a.logout{ display:inline-block; width:40px; height:42px; background:url(../images/New/ic_logout_mob.png) no-repeat; margin-left:8px;}
a.logout:hover{ background:url(../images/New/ic_logout_mob.png) no-repeat; }
.welcome a{ vertical-align:-16px;}


#nav-wrap { position: relative; }
/* menu icon */
#menu-icon { color: #484e58; width: 40px; height: 42px; background:url(../images/New/menu-icon.png) no-repeat 13px center; padding: 0px 0px 0 13px; cursor: pointer;  display: block; /* show menu icon */ }
#menu-icon:hover {  }
#menu-icon.active { background-color:#0b86bd;}
/* main nav */
#nav { clear: both; position: absolute; width:100%; z-index: 10000; background: #0b86bd; display: none; /* visibility will be toggled with jquery */ }
#nav li { clear: both; float: none; background:none;   border-bottom:1px solid #2ea0d3; }
#nav a, #nav ul a { font: inherit; background: none; display:block; padding:10px 0 10px 10px; height:auto; color: #FFF; font-size:13px; }
#nav li a:hover, #nav ul li a:hover { background: #154f6d; color: #FFF; }
/* dropdown */
#nav ul { width: auto; position: static; margin-bottom:15px; display: block; border: none; background: inherit; }
#nav ul li { margin: 0 0 0 15px; border:none; }
#nav ul li a { padding:7px 0 7px 10px; }


h1{ color:#333; font-size:19px; line-height:1.2; padding-bottom:8px;}
h1 span{ font-size:10px; }

#content { padding:11px; }
.inc{ float:none; width:auto; text-align:center; padding:20px 0 10px 0; border-top:1px solid #ddd; }
.main{ float:none; width:auto; }
.text_normal{ font-size:12px; line-height:17px; padding-bottom:20px;}

.hm_info{ padding:5px 0 25px 0;}
.hm_info .left{ float:none; width:auto; margin-bottom:13px;}
.hm_info .right{ float:none; width:auto;}
.hmt{ font-size:13px;}
.hm_info a{ font-size:11px;}

.hm_left{float:none; width:auto; }
.hm_right{float:none; width:auto; }
h3{ font-size:17px; color:#333; margin-bottom:13px;}
#footer {padding:20px 10px 20px 10px; text-align:center;}
.foot_left{ float:none; width:auto; text-align:center; padding-bottom:10px;}
.foot_right{ float:none; width:auto; text-align:center;}
.cs_block{ display:inline-block; }

#login{ width:auto;}
.login_header{ height:68px; margin-top:0;}
.key{ display:none;}
.login_content{ padding:15px;}
.login_content h2{ padding:0 0 5px 0; margin:0; font-size:15px; color:#333; text-align:center; border:none; font-family: 'zurich bold';}
.login_content .sml_text{ line-height:16px; font-size:12px; padding-bottom:16px; text-align:center;  border-bottom:1px solid #d1e0e9;}
.rd_text{ line-height:16px; font-size:12px; padding:15px 0 0 0;}

.login_field{ overflow:hidden; padding:20px 0px;}
.form_label{ float:none; width:auto; text-align:left; padding:0 0 4px 0;}
.form_field{ float:none; width:auto; margin-bottom:17px;}
.textbox{ width:100%; box-sizing:border-box;-moz-box-sizing:border-box;}


.announce_overview h2{ font-size:14px; padding:8px 8px 7px 8px;}
.ann_box{ padding:13px; }
.ann_box h4{ font-size:18px; }
.contact_left h2, .contact_right h2{ padding:4px 0 5px 0;}
.contact_left{ float:none; width:auto; padding:0 0 20px 0;}
.contact_right{ float:none; width:auto; padding:0 0 20px 0;}
h2.title{ background:#f0f0f1; font-size:16px; color:#333; padding:8px 7px 7px 8px;}
.contact_left h2, .contact_right h2{ font-size:15px; }
.adr_block{ width:auto; padding:0 0 20px 0; float:none;}

.con_address{ min-height:100px;}
.change_password{ padding-top:10px; overflow:hidden; min-height:100px;}

.grid_pa strong{ font-size:12px;}



/* * * * * * grid Responsive - Pending Installtions * * * * * */
/* Force table to not be like tables anymore */
table.grid, .grid thead, .grid tbody, .grid th, .grid td, .grid tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
.grid tr.head { position: absolute;top: -9999px;left: -9999px;}
.grid tr { border: 1px solid #e1e1e1; }
.grid td {	/* Behave  like a "row" */	border: none;	border-bottom: 1px solid #e1e1e1; 	position: relative;	padding-left: 50%; }
.grid td:before { 	/* Now like a table header */	position: absolute;	/* Top/left values mimic padding */	top: 6px;	left: 6px;	width: 45%; 	padding-right: 10px; 	white-space: nowrap;}
.grid td{ text-align:left;}

/* Label the data */
.grid td:nth-of-type(1):before { content: "DBA Name"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.grid td:nth-of-type(2):before { content: "Ship Date";  color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.grid td:nth-of-type(3):before { content: "Comments"; text-align:left;  color:#333; font-family:Arial; font-weight:bold; font-size:12px; }

/* * * * * * grid Responsive - Pending Approvals * * * * * */
/* Force table to not be like tables anymore */
table.gridApprovals, .gridApprovals thead, .gridApprovals tbody, .gridApprovals th, .gridApprovals td, .gridApprovals tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
.gridApprovals tr.head { position: absolute;top: -9999px;left: -9999px;}
.gridApprovals tr { border: 1px solid #e1e1e1; }
.gridApprovals td {	/* Behave  like a "row" */	border: none;	border-bottom: 1px solid #e1e1e1; 	position: relative;	padding-left: 50%; }
.gridApprovals td:before { 	/* Now like a table header */	position: absolute;	/* Top/left values mimic padding */	top: 6px;	left: 6px;	width: 45%; 	padding-right: 10px; 	white-space: nowrap;}
.gridApprovals td{ text-align:left;}

/* Label the data */
.gridApprovals td:nth-of-type(1):before { content: "DBA Name"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridApprovals td:nth-of-type(2):before { content: "Comments"; text-align:left;  color:#333; font-family:Arial; font-weight:bold; font-size:12px; }

/* * * * * * grid Responsive - Deals Recieved * * * * * */
/* Force table to not be like tables anymore */
table.gridDeals, .gridDeals thead, .gridDeals tbody, .gridDeals th, .gridDeals td, .gridDeals tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
.gridDeals tr.head { position: absolute;top: -9999px;left: -9999px;}
.gridDeals tr { border: 1px solid #e1e1e1; }
.gridDeals td {	/* Behave  like a "row" */	border: none;	border-bottom: 1px solid #e1e1e1; 	position: relative;	padding-left: 50%; }
.gridDeals td:before { 	/* Now like a table header */	position: absolute;	/* Top/left values mimic padding */	top: 6px;	left: 6px;	width: 45%; 	padding-right: 10px; 	white-space: nowrap;}
.gridDeals td{ text-align:left;}

/* Label the data */
.gridDeals td:nth-of-type(1):before { content: "DBA Name"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridDeals td:nth-of-type(2):before { content: "Date"; text-align:left;  color:#333; font-family:Arial; font-weight:bold; font-size:12px; }

/* * * * * * grid Responsive - Search Merchant * * * * * */
/* Force table to not be like tables anymore */
table.gridSearch, .gridSearch thead, .gridSearch tbody, .gridSearch th, .gridSearch td, .gridSearch tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
.gridSearch tr.head { position: absolute;top: -9999px;left: -9999px;}
.gridSearch tr { border: 1px solid #e1e1e1; }
.gridSearch td {	/* Behave  like a "row" */	border: none;	border-bottom: 1px solid #e1e1e1; 	position: relative;	padding-left: 50%; }
.gridSearch td:before { 	/* Now like a table header */	position: absolute;	/* Top/left values mimic padding */	top: 6px;	left: 6px;	width: 45%; 	padding-right: 10px; 	white-space: nowrap;}
.gridSearch td{ text-align:left;}

/* Label the data */
.gridSearch td:nth-of-type(1):before { content: "ATM TID"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridSearch td:nth-of-type(2):before { content: "DBA Name"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridSearch td:nth-of-type(3):before { content: "Last Transaction"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridSearch td:nth-of-type(4):before { content: "App Date"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridSearch td:nth-of-type(5):before { content: "Own Type"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridSearch td:nth-of-type(6):before { content: "Surcharge"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridSearch td:nth-of-type(7):before { content: "Equipment"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }

/* * * * * * grid Responsive - All Merchant Control * * * * * */
/* Force table to not be like tables anymore */
table.gridViewAll, .gridViewAll thead, .gridViewAll tbody, .gridViewAll th, .gridViewAll td, .gridViewAll tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
.gridViewAll tr.head { position: absolute;top: -9999px;left: -9999px;}
.gridViewAll tr { border: 1px solid #e1e1e1; }
.gridViewAll td {	/* Behave  like a "row" */	border: none;	border-bottom: 1px solid #e1e1e1; 	position: relative;	padding-left: 50%; }
.gridViewAll td:before { 	/* Now like a table header */	position: absolute;	/* Top/left values mimic padding */	top: 6px;	left: 6px;	width: 45%; 	padding-right: 10px; 	white-space: nowrap;}
.gridViewAll td{ text-align:left;}

/* Label the data */
.gridViewAll td:nth-of-type(1):before { content: "DBA Name"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridViewAll td:nth-of-type(2):before { content: "TID"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridViewAll td:nth-of-type(3):before { content: "Last Transaction"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridViewAll td:nth-of-type(4):before { content: "Date Installed"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridViewAll td:nth-of-type(5):before { content: "Type"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }

/* * * * * * grid Responsive - Ticket * * * * * */
/* Force table to not be like tables anymore */
table.gridTicket, .gridTicket thead, .gridTicket tbody, .gridTicket th, .gridTicket td, .gridTicket tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
.gridTicket tr.head { position: absolute;top: -9999px;left: -9999px;}
.gridTicket tr { border: 1px solid #e1e1e1; }
.gridTicket td {	/* Behave  like a "row" */	border: none;	border-bottom: 1px solid #e1e1e1; 	position: relative;	padding-left: 50%; }
.gridTicket td:before { 	/* Now like a table header */	position: absolute;	/* Top/left values mimic padding */	top: 6px;	left: 6px;	width: 45%; 	padding-right: 10px; 	white-space: nowrap;}
.gridTicket td{ text-align:left;}

/* Label the data */
.gridTicket td:nth-of-type(1):before { content: "Ticket Num"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridTicket td:nth-of-type(2):before { content: "Department"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridTicket td:nth-of-type(3):before { content: "Category"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridTicket td:nth-of-type(4):before { content: "Created"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }

/* * * * * * grid Responsive - Resource Documents * * * * * */
/* Force table to not be like tables anymore */
table.gridDocs, .gridDocs thead, .gridDocs tbody, .gridDocs th, .gridDocs td, .gridDocs tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
.gridDocs tr.head { position: absolute;top: -9999px;left: -9999px;}
.gridDocs tr { border: 1px solid #e1e1e1; }
.gridDocs td {	/* Behave  like a "row" */	border: none;	border-bottom: 1px solid #e1e1e1; 	position: relative;	padding-left: 50%; }
.gridDocs td:before { 	/* Now like a table header */	position: absolute;	/* Top/left values mimic padding */	top: 6px;	left: 6px;	width: 45%; 	padding-right: 10px; 	white-space: nowrap;}
.gridDocs td{ text-align:left;}

/* Label the data */
.gridDocs td:nth-of-type(1):before { content: "Date"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridDocs td:nth-of-type(2):before { content: "Title"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridDocs td:nth-of-type(3):before { content: "Description"; text-align:left; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }

/* * * * * * grid Responsive - Residuals Grid * * * * * */
/* Force table to not be like tables anymore */
table.gridResidualsInfo, .gridResidualsInfo thead, .gridResidualsInfo tbody, .gridResidualsInfo th, .gridResidualsInfo td, .gridResidualsInfo tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
.gridResidualsInfo tr.head { position: absolute;top: -9999px;left: -9999px;}
.gridResidualsInfo tr { border: 1px solid #e1e1e1; }
.gridResidualsInfo td {	/* Behave  like a "row" */	border: none;	border-bottom: 1px solid #e1e1e1; 	position: relative;	padding-left: 50%; }
.gridResidualsInfo td:before { 	/* Now like a table header */	position: absolute;	/* Top/left values mimic padding */	top: 6px;	left: 6px;	width: 45%; 	padding-right: 10px; 	white-space: nowrap;}
.gridResidualsInfo td{ text-align:left;}

/* Label the data */
.gridResidualsInfo td:nth-of-type(1):before { content: "Period"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridResidualsInfo td:nth-of-type(2):before { content: "Action"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }

/* * * * * * grid Responsive - Office Withdrawal * * * * * */
/* Force table to not be like tables anymore */
table.gridWithdraw, .gridWithdraw thead, .gridWithdraw tbody, .gridWithdraw th, .gridWithdraw td, .gridWithdraw tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
.gridWithdraw tr.head { position: absolute;top: -9999px;left: -9999px;}
.gridWithdraw tr { border: 1px solid #e1e1e1; }
.gridWithdraw td {	/* Behave  like a "row" */	border: none;	border-bottom: 1px solid #e1e1e1; 	position: relative;	padding-left: 50%; }
.gridWithdraw td:before { 	/* Now like a table header */	position: absolute;	/* Top/left values mimic padding */	top: 6px;	left: 6px;	width: 45%; 	padding-right: 10px; 	white-space: nowrap;}
.gridWithdraw td{ text-align:left;}

/* Label the data */
.gridWithdraw td:nth-of-type(1):before { content: "Period"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridWithdraw td:nth-of-type(2):before { content: "Withdrawals"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }

/* * * * * * grid Responsive - Ticket Info * * * * * */
/* Force table to not be like tables anymore */
table.gridTicketInfo, .gridTicketInfo thead, .gridTicketInfo tbody, .gridTicketInfo th, .gridTicketInfo td, .gridTicketInfo tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
.gridTicketInfo tr.head { position: absolute;top: -9999px;left: -9999px;}
.gridTicketInfo tr { border: 1px solid #e1e1e1; }
.gridTicketInfo td {	/* Behave  like a "row" */	border: none;	border-bottom: 1px solid #e1e1e1; 	position: relative;	padding-left: 50%; }
.gridTicketInfo td:before { 	/* Now like a table header */	position: absolute;	/* Top/left values mimic padding */	top: 6px;	left: 6px;	width: 45%; 	padding-right: 10px; 	white-space: nowrap;}
.gridTicketInfo td{ text-align:left;}

/* Label the data */
.gridTicketInfo td:nth-of-type(1):before { content: "Office ID"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridTicketInfo td:nth-of-type(2):before { content: "Ticket Num"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridTicketInfo td:nth-of-type(3):before { content: "Create Date"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridTicketInfo td:nth-of-type(4):before { content: "Phone"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridTicketInfo td:nth-of-type(5):before { content: "Ticket Status"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }

/* * * * * * grid Responsive - Ticket Info Detail* * * * * */
/* Force table to not be like tables anymore */
table.gridTicketDetail, .gridTicketDetail thead, .gridTicketDetail tbody, .gridTicketDetail th, .gridTicketDetail td, .gridTicketDetail tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
.gridTicketDetail tr.head { position: absolute;top: -9999px;left: -9999px;}
.gridTicketDetail tr { border: 1px solid #e1e1e1; }
.gridTicketDetail td {	/* Behave  like a "row" */	border: none;	border-bottom: 1px solid #e1e1e1; 	position: relative;	padding-left: 50%; }
.gridTicketDetail td:before { 	/* Now like a table header */	position: absolute;	/* Top/left values mimic padding */	top: 6px;	left: 6px;	width: 45%; 	padding-right: 10px; 	white-space: nowrap;}
.gridTicketDetail td{ text-align:left;}

/* Label the data */
.gridTicketDetail td:nth-of-type(1):before { content: "Date & Time"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridTicketDetail td:nth-of-type(2):before { content: "User Name"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridTicketDetail td:nth-of-type(3):before { content: "Contact Name"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridTicketDetail td:nth-of-type(4):before { content: "User Type"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }

/* * * * * * grid Responsive - Open Ticket* * * * * */
/* Force table to not be like tables anymore */
table.gridOpenTicket, .gridOpenTicket thead, .gridOpenTicket tbody, .gridOpenTicket th, .gridOpenTicket td, .gridOpenTicket tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
.gridOpenTicket tr.head { position: absolute;top: -9999px;left: -9999px;}
.gridOpenTicket tr { border: 1px solid #e1e1e1; }
.gridOpenTicket td {	/* Behave  like a "row" */	border: none;	border-bottom: 1px solid #e1e1e1; 	position: relative;	padding-left: 50%; }
.gridOpenTicket td:before { 	/* Now like a table header */	position: absolute;	/* Top/left values mimic padding */	top: 6px;	left: 6px;	width: 45%; 	padding-right: 10px; 	white-space: nowrap;}
.gridOpenTicket td{ text-align:left;}

/* Label the data */
.gridOpenTicket td:nth-of-type(1):before { content: "Ticket Num"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridOpenTicket td:nth-of-type(2):before { content: "Department"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridOpenTicket td:nth-of-type(3):before { content: "Category"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridOpenTicket td:nth-of-type(4):before { content: "Created"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }

/* * * * * * grid Responsive - ATM Merchants * * * * * */
/* Force table to not be like tables anymore */
table.gridATMMerchantsStyle, .gridATMMerchantsStyle thead, .gridATMMerchantsStyle tbody, .gridATMMerchantsStyle th, .gridATMMerchantsStyle td, .gridATMMerchantsStyle tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
.gridATMMerchantsStyle tr.head { position: absolute;top: -9999px;left: -9999px;}
.gridATMMerchantsStyle tr { border: 1px solid #e1e1e1; }
.gridATMMerchantsStyle td {	/* Behave  like a "row" */	border: none;	border-bottom: 1px solid #e1e1e1; 	position: relative;	padding-left: 50%; }
.gridATMMerchantsStyle td:before { 	/* Now like a table header */	position: absolute;	/* Top/left values mimic padding */	top: 6px;	left: 6px;	width: 45%; 	padding-right: 10px; 	white-space: nowrap;}
.gridATMMerchantsStyle td{ text-align:left;}

/* Label the data */
.gridATMMerchantsStyle td:nth-of-type(1):before { content: "TID"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridATMMerchantsStyle td:nth-of-type(2):before { content: "Model Name"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridATMMerchantsStyle td:nth-of-type(3):before { content: "Last Transaction"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridATMMerchantsStyle td:nth-of-type(4):before { content: "Surcharge"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridATMMerchantsStyle td:nth-of-type(5):before { content: "Status"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }

/* * * * * * grid Responsive - ATM Transaction Activity * * * * * */
/* Force table to not be like tables anymore */
table.grdActivity, .grdActivity thead, .grdActivity tbody, .grdActivity th, .grdActivity td, .grdActivity tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
.grdActivity tr.head { position: absolute;top: -9999px;left: -9999px;}
.grdActivity tr { border: 1px solid #e1e1e1; }
.grdActivity td {	/* Behave  like a "row" */	border: none;	border-bottom: 1px solid #e1e1e1; 	position: relative;	padding-left: 50%; }
.grdActivity td:before { 	/* Now like a table header */	position: absolute;	/* Top/left values mimic padding */	top: 6px;	left: 6px;	width: 45%; 	padding-right: 10px; 	white-space: nowrap;}
.grdActivity td{ text-align:left;}

/* Label the data */
.grdActivity td:nth-of-type(1):before { content: "TID"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.grdActivity td:nth-of-type(2):before { content: "Act Date"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.grdActivity td:nth-of-type(3):before { content: "Act Time"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.grdActivity td:nth-of-type(4):before { content: "Amount"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.grdActivity td:nth-of-type(5):before { content: "Report"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }


/* * * * * * grid Responsive - Office * * * * * */
/* Force table to not be like tables anymore */
table.gridOffice, .gridOffice thead, .gridOffice tbody, .gridOffice th, .gridOffice td, .gridOffice tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
.gridOffice tr.head { position: absolute;top: -9999px;left: -9999px;}
.gridOffice tr { border: 1px solid #e1e1e1; }
.gridOffice td {	/* Behave  like a "row" */	border: none;	border-bottom: 1px solid #e1e1e1; 	position: relative;	padding-left: 50%; }
.gridOffice td:before { 	/* Now like a table header */	position: absolute;	/* Top/left values mimic padding */	top: 6px;	left: 6px;	width: 45%; 	padding-right: 10px; 	white-space: nowrap;}
.gridOffice td{ text-align:left;}

/* Label the data */
.gridOffice td:nth-of-type(1):before { content: "OfficeID"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridOffice td:nth-of-type(2):before { content: "Office Name"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }

/* * * * * * grid Responsive - Resource Documents * * * * * */
/* Force table to not be like tables anymore */
table.gridDocsUp, .gridDocsUp thead, .gridDocsUp tbody, .gridDocsUp th, .gridDocsUp td, .gridDocsUp tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
.gridDocsUp tr.head { position: absolute;top: -9999px;left: -9999px;}
.gridDocsUp tr { border: 1px solid #e1e1e1; }
.gridDocsUp td {	/* Behave  like a "row" */	border: none;	border-bottom: 1px solid #e1e1e1; 	position: relative;	padding-left: 50%; }
.gridDocsUp td:before { 	/* Now like a table header */	position: absolute;	/* Top/left values mimic padding */	top: 6px;	left: 6px;	width: 45%; 	padding-right: 10px; 	white-space: nowrap;}
.gridDocsUp td{ text-align:left;}

/* Label the data */
.gridDocsUp td:nth-of-type(1):before { content: "Date"; text-align:left; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridDocsUp td:nth-of-type(2):before { content: "Title"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridDocsUp td:nth-of-type(3):before { content: "Edit"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridDocsUp td:nth-of-type(4):before { content: "File Name or download link"; text-align:left; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridDocsUp td:nth-of-type(5):before { content: "User Type"; text-align:left; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridDocsUp td:nth-of-type(6):before { content: "Action"; text-align:left; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }

/* * * * * * grid Responsive - Announcements * * * * * */
/* Force table to not be like tables anymore */
table.gridAnn, .gridAnn thead, .gridAnn tbody, .gridAnn th, .gridAnn td, .gridAnn tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
.gridAnn tr.head { position: absolute;top: -9999px;left: -9999px;}
.gridAnn tr { border: 1px solid #e1e1e1; }
.gridAnn td {	/* Behave  like a "row" */	border: none;	border-bottom: 1px solid #e1e1e1; 	position: relative;	padding-left: 50%; }
.gridAnn td:before { 	/* Now like a table header */	position: absolute;	/* Top/left values mimic padding */	top: 6px;	left: 6px;	width: 45%; 	padding-right: 10px; 	white-space: nowrap;}
.gridAnn td{ text-align:left;}

/* Label the data */
.gridAnn td:nth-of-type(1):before { content: "Subject"; text-align:left; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridAnn td:nth-of-type(2):before { content: "PostDate"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridAnn td:nth-of-type(3):before { content: "PostTS"; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridAnn td:nth-of-type(4):before { content: "Title"; text-align:left; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridAnn td:nth-of-type(5):before { content: "User Type"; text-align:left; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridAnn td:nth-of-type(6):before { content: "Edit"; text-align:left; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }
.gridAnn td:nth-of-type(7):before { content: "Delete"; text-align:left; color:#333; font-family:Arial; font-weight:bold; font-size:12px; }


.pager_left{ float:none; width:auto; text-align:center; padding-bottom:15px;}
.pager_right{ float:none; width:auto; text-align:center;}

.page_left{float:none; width:auto; text-align:center; padding-bottom:15px;}
.page_right{float:none; width:auto; text-align:center;}

.atm_info{ overflow:hidden;}
.atm_info li{ float:none; margin:0 auto; text-align:center;}
.atm_img{ text-align:center; border:1px solid #d2d3d5; padding:10px; margin-bottom:13px;}
.atm_info li a{ color:#333; font-size:15px; font-family: 'zurich bold'; }
h5{ font-size:15px;  }

.info_left{ float:none; width:auto;}
.info_right{ float:none; width:auto; }

.status{ top:10px; right:9px; font-size:14px;}
.ad_img{ float:none; width:auto; border-right:none; border-bottom:1px solid #ddd; padding:10px; text-align:center;}
.ad_text{ float:none; width:auto; padding:15px;}
.ad_list{ float:none; width:auto;}
.lt_last{ padding-top:0;}

.validator{font-family:Arial;font-size:12px;text-align:left;color:#FF0000}




/***** End *****/
}


/***** Place iPhone landscape view CSS under here (480px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {
#wrapper { width: auto; }


/***** End *****/
}