html
{
    padding: 0px;
}

body
{
    text-align: center;
    margin: 0px;
    padding: auto;
    font-family: Verdana, Arial, Tahoma;
}

a
{
    text-decoration: underline;
    color: #0064bc;
}

a:hover
{
    text-decoration: none;
}

.main-container
{
    width: 767px;
    float: none;
    clear: both;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.page-header
{
    display: block;
    float: none;
    clear: both;
    overflow: hidden;
    height: 81px;
}

.logo a
{
    display: block;
    float: left;
    overflow: hidden;
    text-align: left;
    width: 176px;
    height: 81px;
    background: url(../images/iZonelogo.jpg) no-repeat left top;
}

.header-links
{
    height: 81px;
    float: right;
    width: 500px;
    text-align: right;
    overflow: hidden;
}

.header-links-table-container
{
    float: right;
}

.header-links-table-container td
{
    width: 60px;
    text-align: center;
    height: 81px;
}


a img
{
    border: solid 0px red;
}

.main-menu-container
{
    height: 24px;
    overflow: hidden;
    display: block;
    float: none;
    clear: both;
    background: url(../images/main-menu-bg.jpg) repeat-x left top;
}

.main-menu-container td
{
    height: 19px;
    white-space: nowrap;
}

.main-menu-container a
{
    color: #fff;
    font-size: 10px;
    text-decoration: none;
    border-right: solid 1px #fff;
    padding-left: 5px;
    padding-right: 5px;
}

.page-body
{
    text-align: left;
    overflow: hidden;
    min-height: 10px;
}

.sign-in-container
{
    width: 490px;
    float: right;
}

.sign-in-container table
{
    float: right;
}
.sign-in-container table td
{
    white-space: nowrap;
}

.sign-in-container .txt-box
{
    height:13px;
    margin-top:1px;
    line-height:12px;    
}

.our-members-area
{
    color: #5e5e5e;
    font-size: 14px;
    font-weight: bold;
}

.txt-box
{
    font-size: 11px;
    color: #12499f;
}

.sign-in-btn
{
    width: 68px;
    height: 18px;
    background: url(../images/signin-btn.jpg) no-repeat left top;
    border: solid 0px red;
    cursor: pointer;
}

.sign-in-btn.submit-btn
{
    background: url(../images/submit-btn.jpg) no-repeat left top;
}

.btn_closeTicket
{
    background: url(../images/closeticket-btn.png) no-repeat left top;
	 width: 80px;
    height: 18px;
    border: solid 0px red;
    cursor: pointer;
`}

.sign-in-btn.next-btn
{
    background: url(../images/next-btn.png) no-repeat left top;
    width:77px;
}

.sign-in-btn.retrieve-btn
{
    background: url(../images/password-retrieve-btn.png) no-repeat left top;
    width:132px;
}

.sign-in-btn.register-btn
{
    background: url(../images/register-btn.png) no-repeat left top;
    width:77px;
}

.sign-in-btn.cancel-btn
{
    background: url(../images/cancel-btn.png) no-repeat left top;
     width:77px;
}

.sign-in-btn.close-ticket-btn
{
    background: url(../images/closeticket-btn.png) no-repeat left top;
    width:77px;
}

.tow-pane-container
{
    overflow: hidden;
    float: none;
    clear: both;
    display: block;
}

.left-pane-container
{
    width: 605px;
    height: 440px;
    background: url(../images/body-color-bg.png) no-repeat left top;
    float: left;
    overflow: hidden;
}

.sub-page-container-left-side
{
    background: none;
    height: auto;
}

.right-pane-container
{
    width: 162px;
    height:auto;
    float: left;
    overflow: hidden;
}

.first-row, .second-row, .third-row, .forth-row
{
    overflow: hidden;
}

.second-row
{
    margin-top: -35px;
}

.third-row{
height:90px;
margin-top:5px;
}

.first-row-item
{
    width: 182px;
    height: 76px;
    overflow: hidden;
    background: url(../images/1.png) no-repeat left top;
    display: block;
    margin-left: 240px;
    margin-top: 20px;
}

.second-row-item
{
    width: 149px;
    height: 127px;
    overflow: hidden;
    background: url(../images/chaging-1.png) no-repeat left top;
    display: block;
    margin-right: 30px;
    margin-top: 0px;
    float: right;
    clear: both;
    display: block;
}

.second-row-second-item
{
    width: 166px;
    height: 61px;
    overflow: hidden;
    background: url(../images/2.png) no-repeat left top;
    display: block;
    margin-top: 10px;
    margin-right: 5px;
    float: right;
    clear: both;
    display: block;
}

.second-row-third-item
{
    display: block;
    margin-top: -145px;
    margin-right: 185px;
    float: right;
    clear: both;
    display: block;
    overflow: hidden;
}


.third-row-item
{
    width: 214px;
    height: 80px;
    overflow: hidden;
    background: url(../images/3.png) no-repeat left top;
    display: block;
    margin-left: 275px;
	
   
}

.forth-row-item
{
    width: 220px;
    height: 80px;
    overflow: hidden;
    background: url(../images/4.png) no-repeat left top;
    display: block;
    margin-left: 380px;
    margin-top: 10px;
}

.news-section
{
    margin: 10px;
    background: url(../images/latest-news.png) no-repeat left top;
    height:auto;
    padding-top: 25px;
    overflow: hidden;
}

.news-item
{
    overflow: hidden;
    margin-bottom: 8px;
    font-size: 10px;
}

.news-title
{
    text-decoration: underline;
    color: #0064bc;
    display: block;
    float: none;
    clear: both;
    margin-bottom: 6px;
}

.news-header
{
    color: #5e5e5e;
    display: block;
    float: none;
    clear: both;
}

.learn-more
{
    color: #bd2b00;
    display: block;
    float: none;
    clear: both;
    text-align: right;
}

.learn-more:hover
{
    text-decoration: none;
}

.right-side-img
{
    margin-left: 8px;
}

.page-footer
{
    overflow: hidden;
    min-height: 10px;
    float: none;
    clear: both;
    text-align: left;
}

.copyright
{
    display: inline-block;
    width:auto;
    font-size: 10px;
    color: #5e5e5e;
}

.footer-links
{
    float: right;
    width: 190px;
    text-align: center;
}

.footer-links a
{
    font-size: 10px;
    display: inline-block;
    color: #0064bc;
    background: url(../images/footer-link-bg.png) no-repeat left 5px;
    padding-left: 7px;
}

.footer-links a:hover
{
    text-decoration: none;
}

.menu-design
{
    border: solid 1px #6b6b6b;
    background: #0175b0;
    position: absolute;
    display: none;
    z-index: 1000;
    left: 0px;
    top: 0px;
    font-size: 10px;
    text-align: left;
}

.menu-design a
{
    display: block;
    color: #fff;
    border-bottom: solid 1px #52a5cf;
    line-height: 14px;
    text-decoration: none;
    padding: 6px;
}

.menu-design a:hover
{
    background: #0283c4;
}

h3.page-title
{
    font-size: 14px;
    font-weight: bold;
    color: #00588a;
    background: url(../images/header-bg.png) repeat-x left 10px;
}

h3.page-title span
{
    background: #fff;
    padding-right: 8px;
}

.page-sub-title
{
    font-size: 12px;
    font-weight: bold;
    color: #00588a;
}

.page-text
{
    font-size: 11px;
    font-weight: normal;
    color: #00588a;
    text-align:justify;
}

ol.page-text li
{
    font-size: 11px;
    font-weight: normal;
    line-height:20px;
    color: #00588a;
}

.water-mark
{
    color: #919191;
}

.left-pane-container-sub-menu
{
    float: left;
    width: 150px;
    overflow: hidden;
    margin-right: 15px;
    border-top: dashed 1px #0175b0;
}

.left-pane-container-sub-menu a
{
    display: block;
    float: none;
    clear: both;
    font-size: 11px;
    color: #0175b0;
    line-height: 22px;
    border-bottom: dashed 1px #0175b0;
    text-decoration: none;
    padding-left: 10px;
}

.left-pane-container-sub-menu a:hover
{
    background-color: #f7f8f9;
}

.action-link
{
    color: #bd2b00;
}

.action-link:hover
{
    text-decoration: none;
}

.login-page-login-section
{
    margin-left: 150px;
    border: solid 1px #00588a;
    background-color: #f6f6f6;
    margin-top: 20px;
}

.sign-in-box
{
    margin-left: 150px;
    background-color: #f6f6f6;
    margin-top: 20px;     
    background: url(../images/sign-in-bg.png);
    width:351px;
    height:115px;
    padding-top:10px;
    padding-left:8px;
}

.sign-in-box table
{
    
  
}

.username-tab
{
    font-weight: bold;
}

.field-title
{
    display: block;
    float:left;
    float: none;
    clear: both;
    color: #6c6c6c;
    font-size: 11px;
    line-height:20px;
    font-weight: bold;
	/*width:110px;*/
}

.field-info
{
    display: block;
	text-align:left;
    clear: both;
    color:#003366;
    font-size: 11px;
    line-height:20px;
    font-weight: bold;
}

td.field-title-cell
{
    background-color: #0175b0;
    color: #fff;
    font-size: 10px;
    line-height: 20px;
    padding-left: 8px;
  
}

td.field-info-cell
{
    color: #000;
    background-color:#fff;
    font-size: 8px;
    line-height: 20px;
    padding-left: 8px;
       
}

.form-container td
{
    vertical-align: top;
	
}


.go-right
{
    text-align: left;
}

.go-left
{
    text-align: left;
}

.download-table
{
    font-size:12px;
    line-height:18px;    
    color:#00588a;
    border:solid 1px #e4e4e4;
}

.download-table a
{
    color:#0175b0;  
    font-weight:bold;  
    margin-left:10px;

}

.download-table a img
{
    margin-top:5px; float:right;
    display:inline-block;
    margin-right:10px;
}

.download-table div.download-header
{
    background-color:#dadbdc;
    display:block;
    float:none;
    clear:both;
    line-height:30px;
}

.download-table div.download-body
{
    margin:4px;
    margin-left:10px;
}

.logged-in
{
        font-size:11px;
}

.logged-in a
{
    font-size:11px;    
    color:#bd2b00;
}

.logged-in a:hover
{
    text-decoration:none;
}

.hint-container
{
    color:#939393;   
    font-size:10px;
    font-style:italic; 
    margin-top:9px;
    display:inline-block;
}

.partners-table
{
    background-color:#e2e2e2;    
}

.partners-table td
{
    background-color:#fff;   
    width:50%;
    text-align:center; 
}

.sub-menu-left-side a
{
    padding-left:15px;
    line-height:20px;
    color:#d56900;
}

.faq-level2
{
    margin-left:30px;    
}

.back-to-top
{
    font-size:10px;
    text-decoration:none;
    float:right;
    clear:both;  
    display:inline-block;  
    padding-left:15px;
    background: url(../images/BackToTop.jpg) no-repeat left;
}

.back-to-top:hover
{
    text-decoration:underline;
}

.data-row
{
     clear:both;
     display:block;
     float:none;
     overflow:hidden;    
}

/******************************************************** Khurram's CSS *****************************************/
.output_login{
font-size:9px;
color:#FF0000;
font-weight:bold;
font-size:10px;
}
.output_success{
font-size:9px;
color:#006699;
font-weight:bold;
}
.customersWelcome{
float:right;
font-size:13px;
color:#232961;
font-size:10px;
}
.list
{
font-size: 11px;
font-weight:bold;
font-weight: normal;
color: #00588a;
text-align:justify;
list-style-type:circle;
}

.listNumber
{
font-size: 11px;
font-weight:bold;
font-weight: normal;
color: #00588a;
text-align:justify;
}

.tblPayment
{
width:100%;
font-size:12px;
text-align:center;
color: #00588a;
}
.tblPayment th
{
font-weight:bold;
border:solid;
border-width:1px;
border-color:#CCCCCC;

}
.tblPayment td
{
font-weight:normal;
border:solid;
border-width:1px;
border-color:#CCCCCC;
}
.tblList {
width:100%;
border:#CCCCCC;
border-width:1px;
border-style:solid;
color:#235B85;
font-size:10px;
}

.tblList .trheading{
font-weight:bold;
background-color:#336699;
color:#FFFFFF;
height:20px;

}

.tblList .items{

background-color:#FFFFFF;
height:20px;
}

.myIzoneInfo {
margin-top:5px;
background-color:#CFD7FC;
-moz-border-radius: 15px;
border-radius: 15px;
}

.myIzoneInfo .h3div{
color:#003366;
font-size:12px;
padding-top:5px;
margin-left:5px;
font-weight:bold;
}