h1 {
         text-align:left;
     }
     
      .learnTabs {
        border-bottom : 0px solid #cccccc;
        display : inline-block;
        *display : inline;
        zoom : 1;
        background-color : #ffccff;
        margin : 0 0 0 0;
        border-radius: 10px 10px 0px 0px;
        -moz-border-radius: 10px 10px 0px 0px;
        /* no radius for webkit (safari issue w/ child corners */
        -webkit-border-radius: 0px 0px 0px 0px;
        box-shadow : 1px -1px 2px 1px #eee;
        -moz-box-shadow : 1px -1px 2px 1px #eee;
        -webkit-box-shadow :  1px -1px 2px 1px #eee;
        overflow : hidden;
        width:100%;
        background: #ccc; /* for non-css3 browsers */
        background-color : #ccc;
        background: -webkit-linear-gradient(top, #ffffff, #cccccc); /* for webkit browsers */
        background: -moz-linear-gradient(top, #ffffff, #cccccc); /* for firefox 3.6+ */
        background: -o-linear-gradient(top, #ffffff, #cccccc); /* opera */
        background: linear-gradient(to bottom, #ffffff, #cccccc); /* css */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); /* for IE */
    }

    .learnTabs ul {
        padding: 0px;
        margin: 0px;
        overflow : hidden;
    }
    .learnTabs li {
        position : relative;
        list-style : none;
        float : left;
        overflow : hidden;
    }
    .learnTabs .selectedTabLabel {
        display : block;
        height : 4.5em;
        color : #ffffff;
        position : relative;
        line-height : 1.25em;
        font-size : 10pt;
        cursor : auto;
        white-space : nowrap;
    }    
    .learnTabs .tabLabel {
        display : block;
        position : relative;
        height : 4.5em;
        line-height : 1.25em;
        font-size : 10pt;
        cursor : pointer;
        border-right : 1px solid #999999;
        overflow : hidden;
    }
    .learnTabs .selectedTabLabel a {
	    display : block;
        overflow : hidden;
        height : 4.5em;
        padding : 1em 1em 0 1em;
        text-decoration : none;
        font-weight : bold;
        color: #fff;
        background: #0d72c2; /* for non-css3 browsers */
        background-color : #0d72c2;
        background: -webkit-linear-gradient(top, #2b91ca, #0d72c2); /* for webkit browsers */
        background: -moz-linear-gradient(top, #2b91ca, #0d72c2); /* for firefox 3.6+ */
        background: -o-linear-gradient(top, #2b91ca, #0d72c2); /* opera */
        background: linear-gradient(to bottom, #2b91ca, #0d72c2); /* css */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b91ca', endColorstr='#0d72c2'); /* for IE */
}
	.learnTabs .tabLabel a {
	    display : block;
	    width : 100%;
	    height : 4.5em;
	    padding : 1em 1em 0 1em;
        text-decoration : none;
        font-weight : bold;
        color : #666666; /*#0d72c2;*/
        background: #fff; /* for non-css3 browsers */
        background-color : #fff;
        background: -webkit-linear-gradient(top, #ffffff, #cccccc); /* for webkit browsers */
        background: -moz-linear-gradient(top, #ffffff, #cccccc); /* for firefox 3.6+ */
        background: -o-linear-gradient(top, #ffffff, #cccccc); /* opera */
        background: linear-gradient(to bottom, #ffffff, #cccccc); /* css */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); /* for IE */
    }
    .learnTabs .selectedTabLabel img {
        border : 0;
        padding : 0;
    }
    .learnTabs .tabLabel img {
        border : 0;
        padding : 0;
    }
    .learnTabs .tabLabel a:hover {
        color : #0d72c2;
    }
    /* only for IE6? */
	/*
	.learnTabs a {
        text-decoration : none;
        font-weight : bold;
        color: #fff;
    }
    .learnTabs a:visited {
        text-decoration : none;
        font-weight : bold;
        color : #fff;
    }
    */
    
     .learnTabs .inactiveTabLabel {
        display : block;
        position : relative;
        height : 4.5em;
        line-height : 1.25em;
        font-size : 10pt;
        cursor : pointer;
        border-right : 1px solid #999999;
        overflow : hidden;
    }
    
    .learnTabs .inactiveTabLabel a {
       display : block;
	    width : 100%;
	    height : 4.5em;
        text-decoration : none;
        font-weight : bold;
        color : #BCBCBC; /*#0d72c2;*/
        background: #fff; /* for non-css3 browsers */
        background-color : #fff;
        background: -webkit-linear-gradient(top, #ffffff, #cccccc); /* for webkit browsers */
        background: -moz-linear-gradient(top, #ffffff, #cccccc); /* for firefox 3.6+ */
        background: -o-linear-gradient(top, #ffffff, #cccccc); /* opera */
        background: linear-gradient(to bottom, #ffffff, #cccccc); /* css */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
    }
    
    .learnTabs .inactiveTabLabel a:hover {
        color : #BCBCBC;
    }
    
    .learnTabs .inactiveSelectedTabLabel {
        display : block;
        height : 4.5em;
        color : #BCBCBC;
        position : relative;
        line-height : 1.25em;
        font-size : 10pt;
        cursor : auto;
        border-right : 1px solid #999999;
        white-space : nowrap;
    }    
    
    .learnTabs .inactiveSelectedTabLabel a {
	    display : block;
        overflow : hidden;
        height : 4.5em;
        text-decoration : none;
        font-weight : bold;
        color: #BCBCBC;
        background: #fff; /* for non-css3 browsers */
        background-color : #fff;
        background: -webkit-linear-gradient(top, #ffffff, #cccccc); /* for webkit browsers */
        background: -moz-linear-gradient(top, #ffffff, #cccccc); /* for firefox 3.6+ */
        background: -o-linear-gradient(top, #ffffff, #cccccc); /* opera */
        background: linear-gradient(to bottom, #ffffff, #cccccc); /* css */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); /* for IE */
    }
    
    .learn-content {
        z-index : 1;
        margin : 0 1em 1em 1em;
        padding : 0 0 2em 0;
        overflow : hidden;
        text-align : left;
        background : #fff;
        background-color : #fff;
        border : 1px solid #999999;
        border-radius: 10px;   
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;                         
    }
    
    .appBox {
        width : 28em;
        height : 25em;
        font-weight : bold;
        line-height : 1.5em;
        margin : 0 1em 1em 1.5em;
        padding : 0 1em 1.5em 1em;
        font-size : 9pt;
    }
    
    .grayBox {
        vertical-align : top;
        text-align : left;
        display : inline-block;
        *display : inline;
        zoom : 1;
        background-color : #fff;
        border : 2px solid #ccc;
        border-radius: 10px;   
        -moz-border-radius : 10px;
        -webkit-border-radius : 10px;
    }
	.grayBox img {
        display : block;
		border: none;
		margin-left: auto;
		margin-right: auto;
        
		
    }
    .grayBox h2 {
        font-size : 14pt;
        color : #0d72c2;
        margin : .5em .5em .5em 0em;
    }
    .grayBox a:link,
    .grayBox a:visited,
    .grayBox a:active {
        color : #666666;
        text-decoration : none;
    }
    .grayBox a:hover {
        color : #444444;
        text-decoration : none;
    }

    #processingMsg {
        text-align: center;
        width : 15em;
        height : 2em;
        margin : 0 auto;
        color: #FF0000;
        background-color:#eee;
        font-size: 26pt;
        display:none;
    }
    
    #transShower,
    #transHider {
        display:none;
        cursor:pointer;
        text-align:center;
        font-size:12pt;
        text-decoration:underline;
        color:#0d72c2;
        margin:1em 0 0 0
    }