﻿body {
             margin: 0;
             padding: 0px;
             background-color:#cdcfd0 !important;
}
h1#heading {
            width:100%;
            color: #fff;
            font-size:1.250em;
            text-decoration: none;
            text-align:center;
        }
div#container {
            position: absolute;
            width: 100%;
            top: 0;
            bottom: 0;
        }       
        
div[data-role="header"] {
            position: absolute;
            left: 0;
            right: 0; 
        }

/*Splash Screen style classes Starts Here*/
div#splash {
            background-color:#0171C5;
        }
div#imgsplash 
        {
            min-width:320px;
            height:100%;
            min-height:480px;
            background-color:#0171C5;
            background:url('images/startup/splashpage_320x480-new.jpg') center no-repeat;
            position: relative;
            padding:0;
            left: 0;
            top: 0;
        }
div#imgsplashbig 
        {
            min-width:640px;
            min-height:960px;
            vertical-align:middle;
            background-color:#0171C5;
            background:url('images/startup/splashpage_640x960-new.jpg') center no-repeat;        
            position: relative;
            padding:0;
            left: 0;
            top: 0;
        }          
#bg     { 
            position: fixed;
            top: 0;
            padding:0;
        }
.bgwidth {
             width: 100%;
             background-repeat:no-repeat;
          }
.bgheight {
             height: 100%;
             max-height:960px;
             background-repeat:no-repeat;
          }
h2#Adv   {
             width:100%;
             background-color: #fff;  
             border-bottom:1px;
             border-color:#808080;      
         }
div#lndivider {
             background-color:#c5cbd1;
             height:2px;
             width:100%;
         }
div#popcontent #divokbtn{
              margin-left:20%;
         }
div#divokbtn {
              width:60%;    
        }
h2#Adv1   {
             width:100%;
             background-color: #fff;  
             border-bottom:1px;
             border-color:#808080;      
         }
div#lndivider1 {
             background-color:#c5cbd1;
             height:2px;
             width:100%;
         }
div#popcontent1 #divokbtn1{
              margin-left:20%;
         }
div#divokbtn1 {
              width:60%;    
        }
/*Splash Style classes ends here*/
/*Headlines Style Classes Starts here*/
span#load {
        color: #000;
        text-align:center;
        background-color:transparent;
        padding:0;
        }
        h2.liRead {
              color:#a7a8ab !important;        
        }
        P.dat {
              color:#a7a8ab !important;        
        }
        
        div#breadcrumbs {
        width:100%;
        height:18px;
        padding-top:.2em;
        color: #53565a;
        font-size:0.750em;
        text-decoration: none;
        text-transform:uppercase;
        background-color:#e1e5e7;
        text-align:center;
        }       
 
        div[data-role="content"] {
            position: absolute;
            top: 19px;
            bottom: 0;
            left: 0px;
            right: 0;
             overflow: auto;
            overflow-x: hidden;
            -webkit-overflow-scrolling: touch;
            -webkit-transform: translate3d(0,0,0);
        }
        div#panelcontent {            
            width: 14.8em;
            top: 0;
            padding-top:0px;
            background-color:#CDDFF1;
            border-right:6px solid;
            border-color:#0171C5;
        }
        li#Allsub {
            border-top:0px;
            border-bottom:0px;
        }
        div#datTitle {
        width:100%;
        height:18px;
        padding-top:.5em;
        color: #53565a;
        font-size:0.750em;
        font-weight:bold;
        text-decoration: none;
        text-transform:uppercase;
        background-color:#e1e5e7;
        text-align:left;
        } 
        ::-webkit-scrollbar {
            width: 8px;
        }
 
        /* Track */
        ::-webkit-scrollbar-track {
            /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/ 
            -webkit-border-radius: 0px;
            border-radius: 0px;
            background-color:#e1e5e7;
        }
 
        /* Handle */
        ::-webkit-scrollbar-thumb {
            -webkit-border-radius: 0px;
            border-radius: 0px;
            background: rgba(153,153,153,0.8); 
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
        }
        ::-webkit-scrollbar-thumb:window-inactive {
	        background: #e1e5e7; 
        }
        ::-webkit-scrollbar-thumb:hover {  
            background-color: #aaa;  
        } 
         ::-webkit-scrollbar-button:start:decrement
        {
            height: 13px;
            display: block;
            background-image:url("images/scroll_arrow_up.png");
            background-color: transparent;
        }

         ::-webkit-scrollbar-button:end:increment  {
            height: 13px;
            display: block;
            background-image:url("images/scroll_arrow_down.png");
            background-color: transparent;
        }
        .ui-dialog-contain {
	width: 92.5%;
	max-width: 500px;
	margin: 10% auto 15px auto;
	padding: 0;
	position: relative;
	top: -15px;
}
/*Headlines Style Classes Ends Here*/
/*Settings Style Classes Starts Here*/
div#AlertMsg {
            color:#f00;
        }
/*Settings Style Classes Ends Here*/
/*Article Style Classes Starts Here*/
 .art_footer {
            font-size: 0.375em !important;
        }
        .arrow_left {
            position: absolute;
            background-image: url('images/arrow_left.png') !important;
            border-style: solid;
            border-color: transparent #e1e5e7 transparent transparent;
            height:20px;
            width:13px;
            bottom: 1.000em; 
            left: 3.125em;
            cursor: pointer;
}
        .arrow_right {
            position: absolute;
            background-image: url('images/arrow_right.png') !important;
            border-style: solid;
            border-color: transparent #e1e5e7 transparent transparent;
            height:20px;
            width:13px;
            bottom: 1.000em; 
            right: 3.125em;
            cursor: pointer;
}
/*Article Style Classes Ends Here*/
#banner {
    position: absolute;
    top: 175px;
    bottom: 0;
    left:0;
    right:0;
    padding: 0 !important;
    background:transparent url('images/banner2.gif') no-repeat center top !important;
}
