﻿*{
	margin:0;
	padding:0;
}
body, html{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#333;
    height:100%;
}
td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#333;
    }
p{
    font-size:12px !important;
}
/*---------newly added styles to make mm3 responsive----------------*/
/*---------newly added styles to make mm3 responsive----------------*/
/*---------newly added styles to make mm3 responsive----------------*/
.row .col-sm-4,
.row .col-sm-8,
.row .col-sm-12{
    padding-left:5px;
    padding-right:5px;
}
.inblocks-indv{
    background-color:#FFF;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1); 
    margin-bottom: 10px; padding: 10px;
}
.inblocks-indv::after{
    clear:both;
    content:"";
    display:block;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
 }
.navbar {
  margin-bottom:0 !important;
  border:0;
}

.ib-body label{
    float:left;
    width:100px;
}

/*=== Info Blocks ===*/
.btn-pmg-more{
    margin-bottom:5px !important;
}
.ib-img{
    min-height:180px;
    margin:-10px -15px 0 -15px;
}
.ib-colour{
    min-height:170px;
}
.ib-colour-savrs-red,
.ib-colour-sasa-green,
.ib-colour-ccssa-red,
.ib-colour-fidssa-red,
.ib-colour-allsa-blue,
.ib-colour-ossa-grey,
.ib-colour-saua-red,
.ib-colour-sasop-blue,
.ib-colour-semsda-blue,
.ib-colour-sages-blue,
.ib-colour-ent-grey,
.ib-colour-derma-blue,
.ib-colour-orange{
    padding:25px;
    font-style:italic;
    font-family:Georgia;
    font-size:14px;
    line-height:1.4em;
}
.ib-colour-savrs-red{
    background-color:#c30d16;
    color:#FFF;
}
.ib-colour-sasa-green{
    background-color:#58bba3;
    color:#FFF;
}
.ib-colour-ccssa-red{
    background-color:#ac2521;
    color:#FFF;
}

.ib-colour-fidssa-red{
    background-color:#651b12;
    color:#FFF;
}
.ib-colour-allsa-blue{
    background-color:#67c8e8;
    color:#FFF;
}
.ib-colour-ossa-grey{
    background-color:#d1d3d4;
    color:#054d6a;
}
.ib-colour-saua-red{
    background-color:#c9522b;
    color:#FFF;
}
.ib-colour-sasop-blue{
    background-color:#6892ce;
    color:#FFF;
}
.ib-colour-semsda-blue{
    background-color:#4c74b0;
    color:#FFF;
}
.ib-colour-sages-blue   {
    background-color:#42b3e5;
    color:#FFF;
}
.ib-colour-ent-grey{
    background-color:#a9a5a3;
    color:#FFF;
}
.ib-colour-ent-grey a{
    color:#FFF;
}
.ib-colour-derma-blue{
    background-color:#dce2f2;
    color:#19348b;
}
.ib-colour-orange{
    background-color:#ff8854;
    color:#FFF;
}
.ib-colour-blue{
    background-color:#0395ca;
    color:#FFF;
    padding:25px;
    font-size:14px;
    line-height:1.4em;
}
.ib-colour-green{
    background-color:#588611;
    color:#FFF;
    padding:25px;
    font-size:14px;
    line-height:1.4em;
}
.ib-colour-lightgrey{
    background-color:#f5f5f5;
    color:#474747;
    padding:25px;
    font-size:14px;
    line-height:1.4em;
}
/* --- SPONSORS --- */
/* --- SPONSORS --- */
/* --- SPONSORS --- */

.ib-spon-aspen{
    background:transparent url('https://www.mm3.co.za/App_Themes/Spon-Aspenpharma.png') no-repeat center center;
}
.ib-spon-alcon{
    background:transparent url('https://www.mm3.co.za/App_Themes/Spon-Alcon.png') no-repeat center center;
}
.ib-spon-gelderma{
    background:transparent url('https://www.mm3.co.za/App_Themes/Spon-Gelderma.png') no-repeat center center;
}
.ib-spon-sanofi{
    background:transparent url('https://www.mm3.co.za/App_Themes/Spon-Sanofi.png') no-repeat center center;
}
.ib-spon-drreddy{
    background:transparent url('https://www.mm3.co.za/App_Themes/Spon-DrReddy.png') no-repeat center center;
}
.ib-spon-janssen{
    background:transparent url('https://www.mm3.co.za/App_Themes/Spon-Janssen.png') no-repeat center center;
}

/* --- SPONSORS --- */
/* --- SPONSORS --- */
/* --- SPONSORS --- */

/*-----COMENSA-------*/
.ib-img-Research {
    background: transparent url(https://www.mm3.co.za/App_Themes/IB-Research.jpg) no-repeat center top;
    background-size: cover;
}
.ib-img-Research2 {
    background: transparent url(https://www.mm3.co.za/App_Themes/IB-Research2.jpg) no-repeat center top;
    background-size: cover;
}
.ib-img-excoA
{
    background: transparent url(https://www.mm3.co.za/App_Themes/AdreExco.jpg) no-repeat center top;
    background-size: cover;
}

/*-----SAASWIPP-------*/
.ib-img-Boxes{
    background: transparent url(https://www.mm3.co.za/App_Themes/IB_Boxes.jpg) no-repeat center top;
    background-size: cover;
}
.ib-img-Insurance{
    background: transparent url(https://www.mm3.co.za/App_Themes/IB_Insurance.jpg) no-repeat center top;
    background-size: cover;
}
.ib-img-Website{
    background: transparent url(https://www.mm3.co.za/App_Themes/IB_Website.jpg) no-repeat center top;
    background-size: cover;
}

.ib-img-Ethics{
    background: transparent url(https://www.mm3.co.za/App_Themes/IB_Ethics.jpg) no-repeat center top;
    background-size: cover;
}
.ib-img-Support{
    background: transparent url(https://www.mm3.co.za/App_Themes/IB_Support.jpg) no-repeat center top;
    background-size: cover;
}

.ib-img-MedScheme{
    background: transparent url(https://www.mm3.co.za/App_Themes/IB_MedScheme.jpg) no-repeat center top;
    background-size: cover;
}

.ib-img-Family{
    background: transparent url(https://www.mm3.co.za/App_Themes/ib-family.jpg) no-repeat center top;
    background-size: cover;
}

/*------------------------*/



/* --- Notice Board --- */
.ib-img-nboard{
    background:transparent url('') no-repeat center top;
    background-size:cover;
}
/* --- Have your say --- */
.ib-img-yoursay{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-haveyoursay.jpg') no-repeat center top;
    background-size:cover;
}
/* --- EMC Protocols --- */
.ib-img-emcprotocols{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-emcprotocols.jpg') no-repeat center top;
    background-size:cover;
}
/* --- Microphone or on Promotion --- */
.ib-img-microphone{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-microphone.jpg') no-repeat center top;
    background-size:cover;
}
/* --- SARAA Register --- */
.ib-img-saraaRegs{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-saraaRegs.jpg') no-repeat center top;
    background-size:cover;
}

/* --- SASOG Blog --- */
.ib-img-blog{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-blog.jpg') no-repeat center top;
    background-size:cover;
}
/* --- SASOG Contacts --- */
.ib-img-contacts{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-contacts.jpg') no-repeat center top;
    background-size:cover;
}
/* --- SASOG Clinical --- */
.ib-img-clinical{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-clinical.jpg') no-repeat center top;
    background-size:cover;
}
/* --- SASOG Medical Funder --- */
.ib-img-medfunder{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-medicalfunder.jpg') no-repeat center top;
    background-size:cover;
}
/* --- SASOG journal --- */
.ib-img-sasogjournal{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-sasogjournal.jpg') no-repeat center top;
    background-size:cover;
}


/* --- Update Details --- */
.ib-img-bmantablet,
.ib-img-update{
    background:transparent url('https://www.mm3.co.za/App_Themes/db-bmantab.jpg') no-repeat center top;
    background-size:cover;
}
/* --- White man with tablet --- */
.ib-img-wmanwtab{
    background:transparent url('https://www.mm3.co.za/App_Themes/db-wmantab.jpg') no-repeat center top;
    background-size:cover;
}
/* --- Library --- */
.ib-img-library{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-libraryS.jpg') no-repeat center top;
    background-size:cover;
}

.ib-img-wmantablface{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-manlaptopfleft.jpg') no-repeat center top;
    background-size:cover;
}

/* --- SAAMS Opioid Management Course --- */
.ib-img-omcourse{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-omcourse.jpg') no-repeat center top;
    background-size:cover;
}
.ib-img-ommodules{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-omc-guidlines.jpg') no-repeat center top;
    background-size:cover;
}

/* --- Coding Guidelines --- */
.ib-img-womanmacbook,
.ib-img-guidelines{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-womanmacbook.jpg') no-repeat center top;
    background-size:cover;
}
/* --- CPD Articles --- */
.ib-img-articles{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-dochands.jpg') no-repeat center top;
    background-size:cover;
}
/* --- Latest News --- */
.ib-img-newsroom{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-news.jpg') no-repeat center top;
    background-size:cover;
}
/* --- SMS Communications --- */
.ib-img-sms{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-womancellW.jpg') no-repeat center top;
    background-size:cover;
}
/* --- Publications --- */
.ib-img-publications{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-magazines.jpg') no-repeat center top;
    background-size:cover;
}
/* --- Publications --- */
.ib-img-newsroom{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-news.jpg') no-repeat center top;
    background-size:cover;
}
/* --- Ask Exco --- */
.ib-img-group,
.ib-img-askexco{
    background:transparent url('https://www.mm3.co.za/App_Themes/db-group.jpg') no-repeat center top;
    background-size:cover;
}
/* --- Medical Aids --- */
.ib-img-medical{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-medical.jpg') no-repeat center top;
    background-size:cover;
}
/* --- Email Archive --- */
.ib-img-email{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-laptop.jpg') no-repeat center top;
    background-size:cover;
}
/* --- Articles Ethics and Normal --- */
.ib-img-articles{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-medical-C.jpg') no-repeat center top;
    background-size:cover;
}
/* --- My Points --- */
.ib-img-points{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-medical-B.jpg') no-repeat center top;
    background-size:cover;
}
/* --- My Points --- */
.ib-img-addceus{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-mypoints.jpg') no-repeat center top;
    background-size:cover;
}
/* --- MyCPD call centre --- */
.ib-img-callcentre{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-callcentre.jpg') no-repeat center top;
    background-size:cover;
}
/* --- JOURNALS --- */
.ib-img-jor-aod{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-Jor-Archives-of-Disease.png') no-repeat center top;
    background-size:cover;
}
.ib-img-jor-jop{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-Jor-Journal-of-Pediatrics.png') no-repeat center top;
    background-size:cover;
}
.ib-img-jor-nicd{
    background:transparent url('https://www.mm3.co.za/App_Themes/IB-Jor-NICD.png') no-repeat center top;
    background-size:cover;
}

/*---------newly added styles to make mm3 responsive----------------*/
/*---------newly added styles to make mm3 responsive----------------*/
/*---------newly added styles to make mm3 responsive----------------*/


/*---------newly added div structure----------------*/
/*---------------Structure----------------------*/
.Wrapper{
    min-height:100%;
    position:relative;
}
		#Header{
			min-height:150px;
		}
		#Body{
			padding:0 0 110px 0;
		}
		#Body::after{
            clear:both;
            content:"";
            display:block;
		}
		#Footer{
			/*height:100px;
			bottom:0;
			width:100%;
			position:absolute;*/
		}
/*---------------Structure----------------------*/


/*--- Header: Subpages ---*/
/*--- Header: Subpages ---*/
/*--- Header: Subpages ---*/

.mycpdSPageHead {
    height: 75px;
    background-color: #FFF;
    border-radius: 8px;
}
.mycpdSPageHead h1{
	color:#000;
	margin:0 !important;
	padding:25px  !important;
    font-family:'Open Sans', Arial;
	font-size:14pt;
	font-weight:normal;
}

.mycpd-cert {
    background: #FFF url('https://www.mm3.co.za/app_themes/HeadSPCert.jpg') no-repeat 98% top;
    height: 75px;
    margin: -7px -11px -17px -11px;
}

.mycpd-points {
    background: #FFF url('https://www.mm3.co.za/app_themes/HeadSPPoints.jpg') no-repeat 98% top;
    height: 75px;
    margin: -7px -11px -17px -11px;
}

.mycpd-member {
    background: #FFF url('https://www.mm3.co.za/app_themes/HeadSPMembership.jpg') no-repeat 98% top;
    height: 75px;
    margin: -7px -11px -17px -11px;
}

.mycpd-app {
    background: #FFF url('https://www.mm3.co.za/app_themes/HeadSPApp.jpg') no-repeat 98% top;
    height: 75px;
    margin: -7px -11px -17px -11px;
}


/*--- MYCPD App ---*/
/*--- MYCPD App ---*/
/*--- MYCPD App ---*/

.MYCPD-App {
    background: transparent url('https://www.mm3.co.za/app_themes/MyCPD_Psychology/images/MYCPD-AppBgTiler.gif') repeat-x left bottom;
}

.MYCPD-Word {
    color: #898989;
    font-size: 14px;
    font-family:'Open Sans', Arial !important;
    line-height: 1.28em;
    margin: 0;
    padding: 0;
}

    .MYCPD-Word .MYCPD-Word-Intro {
        padding: 10px 0;
        display: block;
    }

    .MYCPD-Word h2 {
        color: #898989;
        margin-top: 10px;
        font-family:'Open Sans', Arial !important;
        font-weight: normal;
        font-size: 16pt;
        line-height: 1.28em;
        padding: 10px 0;
    }

        .MYCPD-Word h2 .SubH2 {
            font-size: 14px;
            padding: 5px 0;
        }

            .MYCPD-Word h2 .SubH2:after {
                clear: both;
                content: "";
                display: block;
            }

.BlueText {
    color: #0395ca;
    font-size: 16px;
    display: block;
    padding: 15px 0 5px 0;
}

.BlackText {
    color: #000000;
    display: block;
    padding: 10px 0;
    font-size: 18pt;
    line-height: 1.28em;
}

.DAppIcons {
    padding: 15px 0;
    font-size: 32pt;
}

    .DAppIcons a {
        color: #898989;
    }

    .DAppIcons i {
        padding: 15px 15px 0 0;
    }

.MYCPD-Phone {
    vertical-align: bottom;
    margin-top: 50px;
}

/*--- Membership ---*/
/*--- Membership ---*/
/*--- Membership ---*/

.table-pricing > thead > tr > th {
    height: 80px;
    font-size: 18px;
}

.table-pricing > thead > tr > .thFree,
.table-pricing > thead > tr > .thEthics,
.table-pricing > thead > tr > .thPremium {
    width: 20%;
    color: #FFF;
    text-align: center;
    padding-top: 15px;
}

    .table-pricing > thead > tr > .thFree h3,
    .table-pricing > thead > tr > .thEthics h3,
    .table-pricing > thead > tr > .thPremium h3 {
        color: #FFF !important;
        text-align: center !important;
        font-family: GothamMedium, Gotham, 'Open Sans', Arial;
        font-size: 15pt !important;
        line-height: 1.4em !important;
        height: 25px !important;
        padding: 0 !important;
        margin: 5px 0 !important;
    }

.table-pricing > thead > tr > .thFree {
    background-color: #64c3de;
}

.table-pricing > thead > tr > .thEthics {
    background-color: #44a3d5;
}

.table-pricing > thead > tr > .thPremium {
    background-color: #2972b0;
}

.table-pricing > tbody > tr > td {
    text-align: center;
}

.table-pricing-check {
    text-align: center;
    font-size: 18px;
}

    .table-pricing-check i {
        color: #56a839;
    }

.memintro {
    padding: 15px 0;
    font-size: 14px;
}

.MTFree,
.MTFree h3 {
    color: #FFF !important;
    background-color: #64c3de;
}

.MTFreeCol {
    color: #64c3de !important;
}

.MTEthics,
.MTEthics h3 {
    color: #FFF !important;
    background-color: #44a3d5;
}

.MTEthicsCol {
    color: #44a3d5 !important;
}

.MTPremium,
.MTPremium h3 {
    color: #FFF !important;
    background-color: #2972b0;
}

.MTPremiumCol {
    color: #2972b0 !important;
}



.MemType {
    padding: 10px 15px;
    border-radius: 8px;
}

    .MemType i {
        height: 25px;
        margin-top: -5px !important;
        vertical-align: 0;
    }

    .MemType h3 {
        padding: 0 !important;
        margin: 0 !important;
        height: 25px !important;
        font-size: 16px !important;
        font-weight: bold !important;
        line-height: 1.3em !important;
    }

    .MemType i,
    .MemType h3 {
        display: inline-block;
        margin-right: 5px;
    }

.BlueTextAR {
    text-align: right;
}

.BlueTextUp {
    color: #0395ca;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 0;
}




/*================Round Boxes========================*/
.MainBodDeviders{
 width:10px;
}
.TransBoxSetup{
	width: 33.33333333333333%;
	vertical-align:top;
}
.TransBoxSetupX2{
	width: 66.66666666666666%;
	vertical-align:top;
}
.TransBoxSetupX3{
	width: 100%;
	vertical-align:top;
}

/*.TransBoxSetupLeftMenu{
	width:220px;	
	vertical-align:top;
}
.TransBoxRightContent{
	width:706px;
	vertical-align:top;
}*/



/*----------------Transparent Box setup-----------------*/
	/* - - - - - - - - - - - - Top - - - - - - - - - - - - */
			.TranBoxTopLeft{
				width:8px;
				height:9px;
				background-image:url('/images/TransBoxTL.png');
				background-repeat:no-repeat;				
			}
			/*----Normal Home Page Boxes----*/			
			.TransBoxTopTiler{
				height:9px;
				/*width:299px;*/
				background-image:url('/images/TransBoxTTiler.png');
			}
			/*----Normal Home Page Boxes X2----*/						
			.TransBoxTopTilerX2{
				height:9px;
				/*width:624px;*/
				background-image:url('/images/TransBoxTTiler.png');
			}
			/*----Normal Home Page Boxes X3----*/						
			.TransBoxTopTilerX3{
				height:9px;
				/*width:949px;*/
				background-image:url('/images/TransBoxTTiler.png');
			}
			/*----Sub Page Right Content X3----*/						
			.TransBoxTopTilerRC{
				height:9px;
				/*width:720px;*/
				background-image:url('/images/TransBoxTTiler.png');
			}
			/*----left menu----*/
			.TransBoxTopTilerLeftMenu{
				height:9px;
				/*width:204px;*/
				background-image:url('/images/TransBoxTTiler.png');
			}
			
			.TransBoxTopRight{
				width:8px;
				height:9px;
				background-image:url('/images/TransBoxTR.png');
				background-repeat:no-repeat;
			}
	/* - - - - - - - - - - - - Middle - - - - - - - - - - - - */
			.TransBoxLeftTiler{
				width:8px;
				background-image:url('/images/TransBoxLTiler.png');
				background-repeat:repeat-y;
			}
			.TransBoxMainTiler{
				background-image:url('/images/TransBoxTiler.png');
				vertical-align:top;
			}
#TransBoxContentSetup{
	padding:0px 5px 10px 5px;
	line-height:1.5em;
	font-family:Verdana,Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	height:100%;
}
#TransBoxContentSetup h3{
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#262A28;
	font-size:18px;
	/*text-transform:uppercase;*/
	padding:0;
	background-repeat:no-repeat;
	background-position:left;
	line-height:20px;	
	height:20px;
	
}
#TransBoxContentSetup h4{
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:18px;
	line-height:48px;	
	height:51px;
	padding-left:10px
}

#TransBoxContentSetup h5{
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#16428E;
	font-size:17px;
	/*text-transform:uppercase;*/
	/*padding:0 0 0 60px;*/
	background-repeat:no-repeat;
	background-position:left;
	line-height:48px;	
	height:51px;
	text-align:center;
	font-style:italic;
	
}


		
			
			.TransBoxRightTiler{
				width:8px;
				background-image:url('/images/TransBoxRTiler.png');
				background-repeat:repeat-y;
			}
	/* - - - - - - - - - - - - Bottom - - - - - - - - - - - - */
			.TransBoxBotLeft{
				width:8px;
				height:9px;
				background-image:url('/images/TransBoxBL.png');
				background-repeat:no-repeat;
			}
			/*----Normal Home Page Boxes----*/			
			.TransBoxBotTiler{
				height:9px;
				/*width:299px;*/
				background-image:url('/images/TransBoxBTiler.png');
			}
			/*----Normal Home Page Boxes X2----*/						
			.TransBoxBotTilerX2{
				height:9px;
				/*width:624px;*/
				background-image:url('/images/TransBoxBTiler.png');
			}
			/*----Normal Home Page Boxes X2----*/						
			.TransBoxBotTilerX3{
				height:9px;
				/*width:949px;*/
				background-image:url('/images/TransBoxBTiler.png');
			}
			/*----Normal Home Page Boxes X2----*/						
			.TransBoxBotTilerRC{
				height:9px;
				/*width:720px;*/
				background-image:url('/images/TransBoxBTiler.png');
			}

			/*----Left Menu----*/			
			.TransBoxBotTilerLeftMenu{
				height:9px;
				/*width:204px;*/
				background-image:url('/images/TransBoxBTiler.png');
				background-repeat:repeat-x;			
			}
			.TransBoxBotRight{
				width:8px;
				height:9px;
				background-image:url('/images/TransBoxBR.png');
				background-repeat:no-repeat;
			}




/*------------------comms page Icons----------------------*/
#CommsWelome{
    background-repeat:no-repeat;
}
#CommsNewsRoom{
	/*background-image:url('/images/IconsCommsNR_R.png');*/
    background-repeat:no-repeat;
}
#CommsEmailArc{
    background-repeat:no-repeat;
}
#CommsFreeSMS{
    background-repeat:no-repeat;
}
#CommsDiscussionForum{
	/*background-image:url('/images/IconsCommsDF_R.png');*/
    background-repeat:no-repeat;
}
#CommsEcards{
    background-repeat:no-repeat;
}
#CommsNoticeBoard{
    background-repeat:no-repeat;
}
#icon1{
	background-image:url('/images/Icon1.png');
}
#icon2{
	background-image:url('/images/Icon2.png');
}
#icon3{
	background-image:url('/images/Icon3.png');
}
#icon4{
	background-image:url('/images/Icon4.png');
}
#icon5{
	background-image:url('/images/Icon5.png');
}
#icon6{
	background-image:url('/images/Icon6.png');
}
#icon7{
	background-image:url('/images/Icon7.png');
}
#icon8{
	background-image:url('/images/Icon8.png');
}
#icon9{
	background-image:url('/images/Icon9.png');
}
#icon10{
	background-image:url('/images/Icon10.png');
}
#icon11{
	background-image:url('/images/Icon11.png');
}
#icon12{
	background-image:url('/images/Icon12.png');
}
#icon13{
	background-image:url('/images/Icon13.png');
}

/*------------------my practice page Icons----------------------*/

/*#MyPracticeWelome{
	background-image:url('/images/IconsMyPracticeW_R.png');
    background-repeat:no-repeat;
}
#MyPracticeMFunds{
	background-image:url('/images/IconsMyPracticeMF_R.png');
    background-repeat:no-repeat;
}
#MyPraciceUYDetails{
	background-image:url('/images/IconsMyPracticeUYD_R.png');
    background-repeat:no-repeat;
}
#MyPracticeClassifieds{
	background-image:url('/images/IconsMyPracticeC_R.png');
    background-repeat:no-repeat;
}
#MyPracticeOnSurvey{
	background-image:url('/images/IconsMyPracticeOS_R.png');
    background-repeat:no-repeat;
}
#MyPracticeJobShop{
	background-image:url('/images/IconsMyPracticeJS_R.png');
    background-repeat:no-repeat;
}
#MyPraciceWebsite{
	background-image:url('/images/IconsMyPracticeWeb_R.png');
    background-repeat:no-repeat;
    
}
#MyPracticeOBRegs{
	background-image:url('/images/IconsMyPracticeOBR_R.png');
    background-repeat:no-repeat;
}
#MyPracticePayStatus{
	background-image:url('/images/IconsMyPracticePS_R.png');
    background-repeat:no-repeat;
}*/

/*------------------my practice page Icons----------------------*/

/*#MyCPDWelome{
	background-image:url('/images/IconsMyCPDWel_R.png');
    background-repeat:no-repeat;
}
#MyCPDPrintCertificate{
	background-image:url('/images/IconsMyCPD_PC_R.png');
    background-repeat:no-repeat;	
}
#MyCPDAddPoints{
	background-image:url('/images/IconsMyCPD_AP_R.png');
    background-repeat:no-repeat;
}
#MyCPDE2CPDServices{
	background-image:url('/images/IconBlue/IconBlu_CPDGLines.png');
    background-repeat:no-repeat;
}
#MyCPDE2CPDServicesB{
	background-image:url('/images/IconBlue/IconBlu_CPDGLines.png');
    background-repeat:no-repeat;
}*/
/*#MyCPDViewPoints{
	background-image:url('/images/IconsMyCPD_VP_R.png');	
    background-repeat:no-repeat;
}
#MyCPDObtainCEU{
	background-image:url('/images/IconsMyCPD_OC_R.png');	
    background-repeat:no-repeat;	
}
#MyCPD_Guilines{
	background-image:url('/images/IconsMyCPD_G_R.png');		
    background-repeat:no-repeat;	
}
#MyCPD_ContactE2{
	background-image:url('/images/IconsMyCPD_CE_R.png');	
    background-repeat:no-repeat;	
}*/
/*------------------Library page Icons----------------------*/

/*#LibraryWelome{
	background-image:url('/images/IconsLibraryWel_R.png');
    background-repeat:no-repeat;
}
#LibraryEmpEmp{
	background-image:url('/images/IconsLibraryEE_R.png');
    background-repeat:no-repeat;
}*/
/*#LibraryActsTaxLev{
	background-image:url('/images/IconsLibraryATL_R.png');
}
#LibraryGrieve{
	background-image:url('/images/IconsLibraryG_R.png');
}*/
/*------------------Journal Room page Icons----------------------*/

/*#JournalWelome{
	background-image:url('/images/IconsJournalWel_R.png');
    background-repeat:no-repeat;
}
#JournalName{
	background-image:url('/images/IconsJournalN_R.png');
    background-repeat:no-repeat;
}
#JournalSponsor{
	background-image:url('/images/IconsJournalS_R.png');
    background-repeat:no-repeat;
}
#JournalBackIssue{
	background-image:url('/images/IconsJournalB_R.png');
    background-repeat:no-repeat;
}*/


/*------------------Promotions page Icons----------------------*/

/*#PromotionsWelome{
	background-image:url('/images/IconsPromoWel_R.png');
}
#PromotionsADSL{
	background-image:url('/images/IconsPromoAIA_R.png');
}
#PromotionsStore{
	background-image:url('/images/IconsPromoSV_R.png');
}
#PromotionsSuggest{
	background-image:url('/images/IconsPromoSPS_R.png');
}
#PromotionsNashua{
	background-image:url('/images/IconsPromoN_R.png');
}
#PromotionsScriptPads{
	background-image:url('/images/IconsPromoSP_R.png');
}
#PromotionsABSA{
	background-image:url('/images/IconsPromoAMS_R.png');
}*/

/*==================New range Icons all sections one color===================*/

/*#AddressBook_Blu { background-image:url('/images/IconBlue/IconBlu_AddressBook.png');background-repeat:no-repeat}
#AddVault_Blu { background-image:url('/images/IconBlue/IconBlu_AddVault.png'); background-repeat:no-repeat}
#AskExco_Blu { background-image:url('/images/IconBlue/IconBlu_AskExco.png'); background-repeat:no-repeat}
#Calendar_Blu { background-image:url('/images/IconBlue/IconBlu_Calendar.png'); background-repeat:no-repeat}
#CeuStat_Blu { background-image:url('/images/IconBlue/IconBlu_CeuStat.png'); background-repeat:no-repeat}
#ChatForum_Blu { background-image:url('/images/IconBlue/IconBlu_ChatForum.png'); background-repeat:no-repeat}
#Classifieds_Blu { background-image:url('/images/IconBlue/IconBlu_Classifieds.png'); background-repeat:no-repeat}
#ContactCPD_Blu { background-image:url('/images/IconBlue/IconBlu_ContactCPD.png'); background-repeat:no-repeat}
#CPDGLines_Blu { background-image:url('/images/IconBlue/IconBlu_CPDGLines.png'); background-repeat:no-repeat}
#ECards_Blu { background-image:url('/images/IconBlue/IconBlu_ECards.png');background-repeat:no-repeat }
#EmailArchive_Blu { background-image:url('/images/IconBlue/IconBlu_EmailArchive.png');background-repeat:no-repeat }
#Employment_Blu { background-image:url('/images/IconBlue/IconBlu_Employment.png'); background-repeat:no-repeat}
#FreeSMS_Blu { background-image:url('/images/IconBlue/IconBlu_FreeSMS.png'); background-repeat:no-repeat}
#HosSearch_Blu { background-image:url('/images/IconBlue/IconBlu_HosSearch.png');background-repeat:no-repeat }
#ICD10Codes_Blu { background-image:url('/images/IconBlue/IconBlu_ICD10Codes.png'); background-repeat:no-repeat}
#JournalSearch_Blu { background-image:url('/images/IconBlue/IconBlu_JournalSearch.png'); background-repeat:no-repeat}
#Library_Blu { background-image:url('/images/IconBlue/IconBlu_Library.png'); background-repeat:no-repeat}
#LibrarySI_Blu { background-image:url('/images/IconBlue/IconBlu_LibrarySI.png');background-repeat:no-repeat }
#MedSchemes_Blu { background-image:url('/images/IconBlue/IconBlu_MedSchemes.png');background-repeat:no-repeat }
#MyData_Blu { background-image:url('/images/IconBlue/IconBlu_MyData.png'); background-repeat:no-repeat}
#News_Blu { background-image:url('/images/IconBlue/IconBlu_News.png'); background-repeat:no-repeat}
#NoteBoard_Blu { background-image:url('/images/IconBlue/IconBlu_NoteBoard.png'); background-repeat:no-repeat}
#ObtainCEU_Blu { background-image:url('/images/IconBlue/IconBlu_ObtainCEU.png'); background-repeat:no-repeat}
#OnlinePolls_Blu { background-image:url('/images/IconBlue/IconBlu_OnlinePolls.png'); background-repeat:no-repeat}
#PaymentSat_Blu { background-image:url('/images/IconBlue/IconBlu_PaymentSat.png');background-repeat:no-repeat}
#PosPapers_Blu { background-image:url('/images/IconBlue/IconBlu_PosPapers.png'); background-repeat:no-repeat}
#QAForum_Blu { background-image:url('/images/IconBlue/IconBlu_QAForum.png'); background-repeat:no-repeat}
#Support_Blu { background-image:url('/images/IconBlue/IconBlu_Support.png');background-repeat:no-repeat }
#Surveys_Blu { background-image:url('/images/IconBlue/IconBlu_Surveys.png'); background-repeat:no-repeat}
#UpdateDet_Blu { background-image:url('/images/IconBlue/IconBlu_UpdateDet.png');background-repeat:no-repeat }
#WebVisits_Blu { background-image:url('/images/IconBlue/IconBlu_WebVisits.png'); background-repeat:no-repeat}
#WelCPD_Blu { background-image:url('/images/IconBlue/IconBlu_WelCPD.png'); background-repeat:no-repeat}*/

/*#AddressBook_Gre { background-image:url('/images/IconGreen/IconGre_AddressBook.png'); background-repeat:no-repeat}
#AddVault_Gre { background-image:url('/images/IconGreen/IconGre_AddVault.png'); }
#AskExco_Gre { background-image:url('/images/IconGreen/IconGre_AskExco.png');background-repeat:no-repeat }
#Calendar_Gre { background-image:url('/images/IconGreen/IconGre_Calendar.png');background-repeat:no-repeat }
#CeuStat_Gre { background-image:url('/images/IconGreen/IconGre_CeuStat.png');background-repeat:no-repeat }
#ChatForum_Gre { background-image:url('/images/IconGreen/IconGre_ChatForum.png');background-repeat:no-repeat }
#Classifieds_Gre { background-image:url('/images/IconGreen/IconGre_Classifieds.png');background-repeat:no-repeat }
#ContactCPD_Gre { background-image:url('/images/IconGreen/IconGre_ContactCPD.png');background-repeat:no-repeat }
#CPDGLines_Gre { background-image:url('/images/IconGreen/IconGre_CPDGLines.png'); background-repeat:no-repeat}
#ECards_Gre { background-image:url('/images/IconGreen/IconGre_ECards.png'); background-repeat:no-repeat}
#EmailArchive_Gre { background-image:url('/images/IconGreen/IconGre_EmailArchive.png');background-repeat:no-repeat }
#Employment_Gre { background-image:url('/images/IconGreen/IconGre_Employment.png'); background-repeat:no-repeat}
#FreeSMS_Gre { background-image:url('/images/IconGreen/IconGre_FreeSMS.png'); background-repeat:no-repeat}
#HosSearch_Gre { background-image:url('/images/IconGreen/IconGre_HosSearch.png');background-repeat:no-repeat }
#ICD10Codes_Gre { background-image:url('/images/IconGreen/IconGre_ICD10Codes.png'); background-repeat:no-repeat}
#JournalSearch_Gre { background-image:url('/images/IconGreen/IconGre_JournalSearch.png');background-repeat:no-repeat }
#Library_Gre { background-image:url('/images/IconGreen/IconGre_Library.png');background-repeat:no-repeat }
#LibrarySI_Gre { background-image:url('/images/IconGreen/IconGre_LibrarySI.png'); background-repeat:no-repeat}
#MedSchemes_Gre { background-image:url('/images/IconGreen/IconGre_MedSchemes.png');background-repeat:no-repeat }
#MyData_Gre { background-image:url('/images/IconGreen/IconGre_MyData.png');background-repeat:no-repeat }
#News_Gre { background-image:url('/images/IconGreen/IconGre_News.png');background-repeat:no-repeat }
#NoteBoard_Gre { background-image:url('/images/IconGreen/IconGre_NoteBoard.png'); background-repeat:no-repeat}
#ObtainCEU_Gre { background-image:url('/images/IconGreen/IconGre_ObtainCEU.png'); background-repeat:no-repeat}
#OnlinePolls_Gre { background-image:url('/images/IconGreen/IconGre_OnlinePolls.png'); background-repeat:no-repeat}
#PaymentSat_Gre { background-image:url('/images/IconGreen/IconGre_PaymentSat.png'); background-repeat:no-repeat}
#PosPapers_Gre { background-image:url('/images/IconGreen/IconGre_PosPapers.png');background-repeat:no-repeat }
#QAForum_Gre { background-image:url('/images/IconGreen/IconGre_QAForum.png'); background-repeat:no-repeat}
#Support_Gre { background-image:url('/images/IconGreen/IconGre_Support.png'); background-repeat:no-repeat}
#Surveys_Gre { background-image:url('/images/IconGreen/IconGre_Surveys.png'); background-repeat:no-repeat}
#UpdateDet_Gre { background-image:url('/images/IconGreen/IconGre_UpdateDet.png');background-repeat:no-repeat }
#WebVisits_Gre { background-image:url('/images/IconGreen/IconGre_WebVisits.png'); background-repeat:no-repeat}
#WelCPD_Gre { background-image:url('/images/IconGreen/IconGre_WelCPD.png'); background-repeat:no-repeat}

#AddressBook_Ora { background-image:url('/images/IconOrange/IconOra_AddressBook.png'); background-repeat:no-repeat}
#AddVault_Ora { background-image:url('/images/IconOrange/IconOra_AddVault.png'); background-repeat:no-repeat}
#AskExco_Ora { background-image:url('/images/IconOrange/IconOra_AskExco.png'); background-repeat:no-repeat}
#Calendar_Ora { background-image:url('/images/IconOrange/IconOra_Calendar.png'); background-repeat:no-repeat}
#CeuStat_Ora { background-image:url('/images/IconOrange/IconOra_CeuStat.png'); background-repeat:no-repeat}
#ChatForum_Ora { background-image:url('/images/IconOrange/IconOra_ChatForum.png');background-repeat:no-repeat }
#Classifieds_Ora { background-image:url('/images/IconOrange/IconOra_Classifieds.png');background-repeat:no-repeat }
#ContactCPD_Ora { background-image:url('/images/IconOrange/IconOra_ContactCPD.png');background-repeat:no-repeat }
#CPDGLines_Ora { background-image:url('/images/IconOrange/IconOra_CPDGLines.png');background-repeat:no-repeat }
#ECards_Ora { background-image:url('/images/IconOrange/IconOra_ECards.png'); background-repeat:no-repeat}
#EmailArchive_Ora { background-image:url('/images/IconOrange/IconOra_EmailArchive.png');background-repeat:no-repeat }
#Employment_Ora { background-image:url('/images/IconOrange/IconOra_Employment.png');background-repeat:no-repeat }
#FreeSMS_Ora { background-image:url('/images/IconOrange/IconOra_FreeSMS.png'); background-repeat:no-repeat}
#HosSearch_Ora { background-image:url('/images/IconOrange/IconOra_HosSearch.png'); background-repeat:no-repeat}
#ICD10Codes_Ora { background-image:url('/images/IconOrange/IconOra_ICD10Codes.png'); background-repeat:no-repeat}
#JournalSearch_Ora { background-image:url('/images/IconOrange/IconOra_JournalSearch.png'); background-repeat:no-repeat}
#Library_Ora { background-image:url('/images/IconOrange/IconOra_Library.png'); background-repeat:no-repeat}
#LibrarySI_Ora { background-image:url('/images/IconOrange/IconOra_LibrarySI.png');background-repeat:no-repeat}
#MedSchemes_Ora { background-image:url('/images/IconOrange/IconOra_MedSchemes.png');background-repeat:no-repeat }
#MyData_Ora { background-image:url('/images/IconOrange/IconOra_MyData.png'); background-repeat:no-repeat}
#News_Ora { background-image:url('/images/IconOrange/IconOra_News.png'); background-repeat:no-repeat}
#NoteBoard_Ora { background-image:url('/images/IconOrange/IconOra_NoteBoard.png'); background-repeat:no-repeat}
#ObtainCEU_Ora { background-image:url('/images/IconOrange/IconOra_ObtainCEU.png'); background-repeat:no-repeat}
#OnlinePolls_Ora { background-image:url('/images/IconOrange/IconOra_OnlinePolls.png');background-repeat:no-repeat }
#PaymentSat_Ora { background-image:url('/images/IconOrange/IconOra_PaymentSat.png'); background-repeat:no-repeat}
#PosPapers_Ora { background-image:url('/images/IconOrange/IconOra_PosPapers.png'); background-repeat:no-repeat}
#QAForum_Ora { background-image:url('/images/IconOrange/IconOra_QAForum.png'); background-repeat:no-repeat}
#Support_Ora { background-image:url('/images/IconOrange/IconOra_Support.png'); background-repeat:no-repeat}
#Surveys_Ora { background-image:url('/images/IconOrange/IconOra_Surveys.png'); background-repeat:no-repeat}
#UpdateDet_Ora { background-image:url('/images/IconOrange/IconOra_UpdateDet.png'); background-repeat:no-repeat}
#WebVisits_Ora { background-image:url('/images/IconOrange/IconOra_WebVisits.png'); background-repeat:no-repeat}
#WelCPD_Ora { background-image:url('/images/IconOrange/IconOra_WelCPD.png');background-repeat:no-repeat }*/

/*#AddressBook_Pur { background-image:url('/images/IconPurple/IconPur_AddressBook.png');background-repeat:no-repeat }
#AddVault_Pur { background-image:url('/images/IconPurple/IconPur_AddVault.png'); background-repeat:no-repeat}
#AskExco_Pur { background-image:url('/images/IconPurple/IconPur_AskExco.png'); background-repeat:no-repeat}
#Calendar_Pur { background-image:url('/images/IconPurple/IconPur_Calendar.png');background-repeat:no-repeat }
#CeuStat_Pur { background-image:url('/images/IconPurple/IconPur_CeuStat.png');background-repeat:no-repeat }
#ChatForum_Pur { background-image:url('/images/IconPurple/IconPur_ChatForum.png'); background-repeat:no-repeat}
#Classifieds_Pur { background-image:url('/images/IconPurple/IconPur_Classifieds.png');background-repeat:no-repeat }
#ContactCPD_Pur { background-image:url('/images/IconPurple/IconPur_ContactCPD.png');background-repeat:no-repeat }
#CPDGLines_Pur { background-image:url('/images/IconPurple/IconPur_CPDGLines.png');background-repeat:no-repeat }
#ECards_Pur { background-image:url('/images/IconPurple/IconPur_ECards.png');background-repeat:no-repeat }
#EmailArchive_Pur { background-image:url('/images/IconPurple/IconPur_EmailArchive.png'); background-repeat:no-repeat}
#Employment_Pur { background-image:url('/images/IconPurple/IconPur_Employment.png'); background-repeat:no-repeat}
#FreeSMS_Pur { background-image:url('/images/IconPurple/IconPur_FreeSMS.png'); background-repeat:no-repeat}
#HosSearch_Pur { background-image:url('/images/IconPurple/IconPur_HosSearch.png'); background-repeat:no-repeat}
#ICD10Codes_Pur { background-image:url('/images/IconPurple/IconPur_ICD10Codes.png'); background-repeat:no-repeat}
#JournalSearch_Pur { background-image:url('/images/IconPurple/IconPur_JournalSearch.png'); background-repeat:no-repeat}
#Library_Pur { background-image:url('/images/IconPurple/IconPur_Library.png');background-repeat:no-repeat }
#LibrarySI_Pur { background-image:url('/images/IconPurple/IconPur_LibrarySI.png'); background-repeat:no-repeat}
#MedSchemes_Pur { background-image:url('/images/IconPurple/IconPur_MedSchemes.png'); background-repeat:no-repeat}
#MyData_Pur { background-image:url('/images/IconPurple/IconPur_MyData.png'); background-repeat:no-repeat}
#News_Pur { background-image:url('/images/IconPurple/IconPur_News.png'); background-repeat:no-repeat}
#NoteBoard_Pur { background-image:url('/images/IconPurple/IconPur_NoteBoard.png');background-repeat:no-repeat }
#ObtainCEU_Pur { background-image:url('/images/IconPurple/IconPur_ObtainCEU.png'); background-repeat:no-repeat}
#OnlinePolls_Pur { background-image:url('/images/IconPurple/IconPur_OnlinePolls.png');background-repeat:no-repeat }
#PaymentSat_Pur { background-image:url('/images/IconPurple/IconPur_PaymentSat.png'); background-repeat:no-repeat}
#PosPapers_Pur { background-image:url('/images/IconPurple/IconPur_PosPapers.png');background-repeat:no-repeat }
#QAForum_Pur { background-image:url('/images/IconPurple/IconPur_QAForum.png');background-repeat:no-repeat }
#Support_Pur { background-image:url('/images/IconPurple/IconPur_Support.png'); background-repeat:no-repeat}
#Surveys_Pur { background-image:url('/images/IconPurple/IconPur_Surveys.png'); }
#UpdateDet_Pur { background-image:url('/images/IconPurple/IconPur_UpdateDet.png'); background-repeat:no-repeat}
#WebVisits_Pur { background-image:url('/images/IconPurple/IconPur_WebVisits.png'); background-repeat:no-repeat}
#WelCPD_Pur { background-image:url('/images/IconPurple/IconPur_WelCPD.png');background-repeat:no-repeat }

#AddressBook_Red { background-image:url('/images/IconRed/IconRed_AddressBook.png'); background-repeat:no-repeat}
#AddVault_Red { background-image:url('/images/IconRed/IconRed_AddVault.png');background-repeat:no-repeat }
#AskExco_Red { background-image:url('/images/IconRed/IconRed_AskExco.png'); background-repeat:no-repeat}
#Calendar_Red { background-image:url('/images/IconRed/IconRed_Calendar.png'); background-repeat:no-repeat}
#CeuStat_Red { background-image:url('/images/IconRed/IconRed_CeuStat.png'); background-repeat:no-repeat}
#ChatForum_Red { background-image:url('/images/IconRed/IconRed_ChatForum.png'); background-repeat:no-repeat}
#Classifieds_Red { background-image:url('/images/IconRed/IconRed_Classifieds.png');background-repeat:no-repeat }
#ContactCPD_Red { background-image:url('/images/IconRed/IconRed_ContactCPD.png'); background-repeat:no-repeat}
#CPDGLines_Red { background-image:url('/images/IconRed/IconRed_CPDGLines.png');background-repeat:no-repeat }
#ECards_Red { background-image:url('/images/IconRed/IconRed_ECards.png'); background-repeat:no-repeat}
#EmailArchive_Red { background-image:url('/images/IconRed/IconRed_EmailArchive.png'); background-repeat:no-repeat}
#Employment_Red { background-image:url('/images/IconRed/IconRed_Employment.png'); background-repeat:no-repeat}
#FreeSMS_Red { background-image:url('/images/IconRed/IconRed_FreeSMS.png'); background-repeat:no-repeat}
#HosSearch_Red { background-image:url('/images/IconRed/IconRed_HosSearch.png'); background-repeat:no-repeat}
#ICD10Codes_Red { background-image:url('/images/IconRed/IconRed_ICD10Codes.png'); }
#JournalSearch_Red { background-image:url('/images/IconRed/IconRed_JournalSearch.png');background-repeat:no-repeat }
#Library_Red { background-image:url('/images/IconRed/IconRed_Library.png');background-repeat:no-repeat }
#LibrarySI_Red { background-image:url('/images/IconRed/IconRed_LibrarySI.png');background-repeat:no-repeat }
#MedSchemes_Red { background-image:url('/images/IconRed/IconRed_MedSchemes.png'); background-repeat:no-repeat}
#MyData_Red { background-image:url('/images/IconRed/IconRed_MyData.png'); background-repeat:no-repeat}
#News_Red { background-image:url('/images/IconRed/IconRed_News.png'); background-repeat:no-repeat}
#NoteBoard_Red { background-image:url('/images/IconRed/IconRed_NoteBoard.png');background-repeat:no-repeat }
#ObtainCEU_Red { background-image:url('/images/IconRed/IconRed_ObtainCEU.png');background-repeat:no-repeat }
#OnlinePolls_Red { background-image:url('/images/IconRed/IconRed_OnlinePolls.png');background-repeat:no-repeat }
#PaymentSat_Red { background-image:url('/images/IconRed/IconRed_PaymentSat.png');background-repeat:no-repeat }
#PosPapers_Red { background-image:url('/images/IconRed/IconRed_PosPapers.png'); background-repeat:no-repeat}
#QAForum_Red { background-image:url('/images/IconRed/IconRed_QAForum.png'); background-repeat:no-repeat}
#Support_Red { background-image:url('/images/IconRed/IconRed_Support.png'); background-repeat:no-repeat}
#Surveys_Red { background-image:url('/images/IconRed/IconRed_Surveys.png'); background-repeat:no-repeat}
#UpdateDet_Red { background-image:url('/images/IconRed/IconRed_UpdateDet.png');background-repeat:no-repeat }
#WebVisits_Red { background-image:url('/images/IconRed/IconRed_WebVisits.png'); background-repeat:no-repeat}
#WelCPD_Red { background-image:url('/images/IconRed/IconRed_WelCPD.png'); background-repeat:no-repeat}

#AddressBook_Yel { background-image:url('/images/IconYellow/IconYel_AddressBook.png'); background-repeat:no-repeat}
#AddVault_Yel { background-image:url('/images/IconYellow/IconYel_AddVault.png'); background-repeat:no-repeat}
#AskExco_Yel { background-image:url('/images/IconYellow/IconYel_AskExco.png');background-repeat:no-repeat }
#Calendar_Yel { background-image:url('/images/IconYellow/IconYel_Calendar.png'); background-repeat:no-repeat}
#CeuStat_Yel { background-image:url('/images/IconYellow/IconYel_CeuStat.png'); background-repeat:no-repeat}
#ChatForum_Yel { background-image:url('/images/IconYellow/IconYel_ChatForum.png'); background-repeat:no-repeat}
#Classifieds_Yel { background-image:url('/images/IconYellow/IconYel_Classifieds.png'); background-repeat:no-repeat}
#ContactCPD_Yel { background-image:url('/images/IconYellow/IconYel_ContactCPD.png'); background-repeat:no-repeat}
#CPDGLines_Yel { background-image:url('/images/IconYellow/IconYel_CPDGLines.png'); background-repeat:no-repeat}
#ECards_Yel { background-image:url('/images/IconYellow/IconYel_ECards.png'); background-repeat:no-repeat}
#EmailArchive_Yel { background-image:url('/images/IconYellow/IconYel_EmailArchive.png'); background-repeat:no-repeat}
#Employment_Yel { background-image:url('/images/IconYellow/IconYel_Employment.png'); background-repeat:no-repeat}
#FreeSMS_Yel { background-image:url('/images/IconYellow/IconYel_FreeSMS.png');background-repeat:no-repeat }
#HosSearch_Yel { background-image:url('/images/IconYellow/IconYel_HosSearch.png');background-repeat:no-repeat }
#ICD10Codes_Yel { background-image:url('/images/IconYellow/IconYel_ICD10Codes.png');background-repeat:no-repeat }
#JournalSearch_Yel { background-image:url('/images/IconYellow/IconYel_JournalSearch.png'); }
#Library_Yel { background-image:url('/images/IconYellow/IconYel_Library.png'); background-repeat:no-repeat}
#LibrarySI_Yel { background-image:url('/images/IconYellow/IconYel_LibrarySI.png'); background-repeat:no-repeat}
#MedSchemes_Yel { background-image:url('/images/IconYellow/IconYel_MedSchemes.png'); background-repeat:no-repeat}
#MyData_Yel { background-image:url('/images/IconYellow/IconYel_MyData.png'); background-repeat:no-repeat}
#News_Yel { background-image:url('/images/IconYellow/IconYel_News.png'); background-repeat:no-repeat}
#NoteBoard_Yel { background-image:url('/images/IconYellow/IconYel_NoteBoard.png'); background-repeat:no-repeat}
#ObtainCEU_Yel { background-image:url('/images/IconYellow/IconYel_ObtainCEU.png');background-repeat:no-repeat }
#OnlinePolls_Yel { background-image:url('/images/IconYellow/IconYel_OnlinePolls.png'); background-repeat:no-repeat}
#PaymentSat_Yel { background-image:url('/images/IconYellow/IconYel_PaymentSat.png');background-repeat:no-repeat }
#PosPapers_Yel { background-image:url('/images/IconYellow/IconYel_PosPapers.png'); background-repeat:no-repeat}
#QAForum_Yel { background-image:url('/images/IconYellow/IconYel_QAForum.png'); background-repeat:no-repeat}
#Support_Yel { background-image:url('/images/IconYellow/IconYel_Support.png'); background-repeat:no-repeat}
#Surveys_Yel { background-image:url('/images/IconYellow/IconYel_Surveys.png'); background-repeat:no-repeat}
#UpdateDet_Yel { background-image:url('/images/IconYellow/IconYel_UpdateDet.png');background-repeat:no-repeat }
#WebVisits_Yel { background-image:url('/images/IconYellow/IconYel_WebVisits.png');background-repeat:no-repeat }
#WelCPD_Yel { background-image:url('/images/IconYellow/IconYel_WelCPD.png'); background-repeat:no-repeat}*/




/*==================New range Icons all sections one color===================*/

/*----------------Transparent Box setup-----------------*/

 .stats
        {
          font-family:Arial, Helvetica, sans-serif;
            font-size: 26pt;              
            text-align:center;
            background: #F0F1E3;
            color:#6A8F37;
            border:2px #C8C8C8 solid;   
            width: 60px;
            padding: 15px 2px 15px 2px;
        }
        
        
/*--------------LEFT menu starts here---------------*/
/*--------------FocusBox -widget holder menu starts here---------------*/
#FocusBox
{
	/*
	background-color:#ECF1D9; 
	border:1px #B8CC7C solid;*/
	padding:5px;
	height:100px;
}

#LeftNav{
	font-size:9pt;
	margin:0;
	padding:0;
}
#LeftNav ul{
	list-style-type:none;
	margin-top:10px;
	margin-bottom:0;
	padding-left:5px;
}
#LeftNav ul li{
	margin-top:1px;
	margin-bottom:0;
	padding:0;
	/*
	height:18px;*/
}
#LeftNav ul li a{
	background-image:url(/images/SAOA_optometrics/LeftNavArrow.gif);	
	background-repeat:no-repeat;
	background-position:left;
	display:block;	
	margin:0;
	padding: 2px 0px 2px 20px;
	/*line-height:16px;
	height:18px;*/
	text-decoration: none;
	color: #46820A;
	font-family:Arial,Verdana,Helvetica, sans-serif;
	font-size:9pt;
}
#LeftNav ul li a:hover{
	color:#A65E00;
	background-image:url(/images/SAOA_optometrics/LeftNavArrowHover.gif);
	background-repeat:no-repeat;
	background-position:left;
}
/*--------------LEFT menu ends here---------------*/
/*--------------LEFT menu ends here---------------*/
.BtnBig {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-transition: all 150ms ease;
    border: 0 !important;
    border-radius: 6px; /*--- Border Radius---*/
    color: #FFF;
    cursor: pointer;
    font-size: 9.5pt;
    font-weight: bold;
    padding: 8px 14px;
    text-align: center;
    transition: all 150ms ease;
}

.BtnSmall {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-transition: all 150ms ease;
    border: 0 !important;
    border-radius: 6px; /*--- Border Radius---*/
    color: #FFF;
    cursor: pointer;
    font-size: 8pt;
    font-weight: normal;
    padding: 4px 6px;
    text-align: center;
    transition: all 150ms ease;
}

.BtnAddRemoveMargin { margin-bottom: 4px; }

.BtnNext { float: right; }

.BtnBack { float: left; }
/*---Button Green---*/

.BtnGreen {
    -moz-box-shadow: 0px 3px 0px rgba(52, 128, 27, 0.95);
    -webkit-box-shadow: 0px 3px 0px rgba(52, 128, 27, 0.95); /*--- Box Shadow---*/
    -webkit-transition: all 150ms ease;
    background: rgb(129, 210, 68);
    /* Old browsers *//*--- Gradients ---*/
    background: rgb(129, 210, 68);
    /* Old browsers *//*--- Gradients ---*/
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgxZDI0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1M2IxMzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(129, 210, 68, 1) 0%, rgba(83, 177, 52, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(129, 210, 68, 1)), color-stop(100%, rgba(83, 177, 52, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(129, 210, 68, 1) 0%, rgba(83, 177, 52, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(129, 210, 68, 1) 0%, rgba(83, 177, 52, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(129, 210, 68, 1) 0%, rgba(83, 177, 52, 1) 100%); /* IE10+ */
    box-shadow: 0px 3px 0px rgba(52, 128, 27, 0.95);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81d244', endColorstr='#53b134', GradientType=0); /* IE6-8 */
    text-shadow: 1px 1px 1px rgba(52, 128, 27, 1); /*--- Text Shadow---*/
    transition: all 150ms ease;
}

.BtnGreen:hover {
    -webkit-transition: all 150ms ease;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUzYjEzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MWQyNDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(83, 177, 52, 1) 0%, rgba(129, 210, 68, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(83, 177, 52, 1)), color-stop(100%, rgba(129, 210, 68, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(83, 177, 52, 1) 0%, rgba(129, 210, 68, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(83, 177, 52, 1) 0%, rgba(129, 210, 68, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(83, 177, 52, 1) 0%, rgba(129, 210, 68, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(83, 177, 52, 1) 0%, rgba(129, 210, 68, 1) 100%); /* W3C */
    background: linear-gradient(to bottom, rgba(83, 177, 52, 1) 0%, rgba(129, 210, 68, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#53b134', endColorstr='#81d244', GradientType=0); /* IE6-8 */
    transition: all 150ms ease;
}

.BtnGreen:active {
    -moz-box-shadow: 0px 1px 0px rgba(52, 128, 27, 0.95);
    -webkit-animation: none;
    -webkit-box-shadow: 0px 1px 0px rgba(52, 128, 27, 0.95); /*--- Box Shadow---*/
    -webkit-transform: translateY(2px);
    animation: none;
    box-shadow: 0px 1px 0px rgba(52, 128, 27, 0.95);
    transform: translateY(2px);
}
/*---Button Orange---*/

.BtnOrange {
    -moz-box-shadow: 0px 3px 0px rgba(160, 86, 1, 0.95);
    -webkit-box-shadow: 0px 3px 0px rgba(160, 86, 1, 0.95); /*--- Box Shadow---*/
    background: rgb(241, 152, 50); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxOTgzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMjc5MTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: rgb(241, 152, 50); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxOTgzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMjc5MTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(241, 152, 50, 1) 0%, rgba(210, 121, 19, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(241, 152, 50, 1)), color-stop(100%, rgba(210, 121, 19, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(241, 152, 50, 1) 0%, rgba(210, 121, 19, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(241, 152, 50, 1) 0%, rgba(210, 121, 19, 1) 100%); /* Opera 11.10+ */
    box-shadow: 0px 3px 0px rgba(160, 86, 1, 0.95);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f19832', endColorstr='#d27913', GradientType=0); /* IE6-8 */
    text-shadow: 1px 1px 1px rgba(159, 86, 1, 1); /*--- Text Shadow---*/
}

.BtnOrange:hover {
    background: rgb(210, 121, 19); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyNzkxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMTk4MzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(210, 121, 19, 1) 0%, rgba(241, 152, 50, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(210, 121, 19, 1)), color-stop(100%, rgba(241, 152, 50, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(210, 121, 19, 1) 0%, rgba(241, 152, 50, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(210, 121, 19, 1) 0%, rgba(241, 152, 50, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(210, 121, 19, 1) 0%, rgba(241, 152, 50, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(210, 121, 19, 1) 0%, rgba(241, 152, 50, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d27913', endColorstr='#f19832', GradientType=0); /* IE6-8 */
}

.BtnOrange:active {
    -moz-box-shadow: 0px 1px 0px rgba(160, 86, 1, 0.95);
    -webkit-animation: none;
    -webkit-box-shadow: 0px 1px 0px rgba(160, 86, 1, 0.95); /*--- Box Shadow---*/
    -webkit-transform: translateY(2px);
    animation: none;
    box-shadow: 0px 1px 0px rgba(160, 86, 1, 0.95);
    transform: translateY(2px);
}
/*---Button Blue---*/

.BtnBlue {
    -moz-box-shadow: 0px 3px 0px rgba(8, 123, 180, 0.95);
    -webkit-box-shadow: 0px 3px 0px rgba(8, 123, 180, 0.95); /*--- Box Shadow---*/
    background: rgb(82, 197, 254); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyYzVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOWE1ZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: rgb(82, 197, 254); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyYzVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOWE1ZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(82, 197, 254, 1) 0%, rgba(41, 165, 226, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 197, 254, 1)), color-stop(100%, rgba(41, 165, 226, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(82, 197, 254, 1) 0%, rgba(41, 165, 226, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(82, 197, 254, 1) 0%, rgba(41, 165, 226, 1) 100%); /* Opera 11.10+ */
    box-shadow: 0px 3px 0px rgba(8, 123, 180, 0.95);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52c5fe', endColorstr='#29a5e2', GradientType=0); /* IE6-8 */
    text-shadow: 1px 1px 1px rgba(8, 123, 180, 1); /*--- Text Shadow---*/
}

.BtnBlue:hover {
    background: rgb(41, 165, 226); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5YTVlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MmM1ZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(41, 165, 226, 1) 0%, rgba(82, 197, 254, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(41, 165, 226, 1)), color-stop(100%, rgba(82, 197, 254, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(41, 165, 226, 1) 0%, rgba(82, 197, 254, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(41, 165, 226, 1) 0%, rgba(82, 197, 254, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(41, 165, 226, 1) 0%, rgba(82, 197, 254, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(41, 165, 226, 1) 0%, rgba(82, 197, 254, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29a5e2', endColorstr='#52c5fe', GradientType=0); /* IE6-8 */
}

.BtnBlue:active {
    -moz-box-shadow: 0px 1px 0px rgba(8, 123, 180, 0.95);
    -webkit-animation: none;
    -webkit-box-shadow: 0px 1px 0px rgba(8, 123, 180, 0.95); /*--- Box Shadow---*/
    -webkit-transform: translateY(2px);
    animation: none;
    box-shadow: 0px 1px 0px rgba(8, 123, 180, 0.95);
    transform: translateY(2px);
}
/*---Button Red---*/

.BtnRed {
    -moz-box-shadow: 0px 3px 0px rgba(149, 31, 31, 0.95);
    -webkit-box-shadow: 0px 3px 0px rgba(149, 31, 31, 0.95); /*--- Box Shadow---*/
    background: rgb(232, 108, 108); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4NmM2YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYTNiM2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: rgb(232, 108, 108); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4NmM2YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYTNiM2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(232, 108, 108, 1) 0%, rgba(218, 59, 59, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(232, 108, 108, 1)), color-stop(100%, rgba(218, 59, 59, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(232, 108, 108, 1) 0%, rgba(218, 59, 59, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(232, 108, 108, 1) 0%, rgba(218, 59, 59, 1) 100%); /* Opera 11.10+ */
    box-shadow: 0px 3px 0px rgba(149, 31, 31, 0.95);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e86c6c', endColorstr='#da3b3b', GradientType=0); /* IE6-8 */
    text-shadow: 1px 1px 1px rgba(149, 31, 31, 1); /*--- Text Shadow---*/
}

.BtnRed:hover {
    background: rgb(218, 59, 59); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RhM2IzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlODZjNmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(218, 59, 59, 1) 0%, rgba(232, 108, 108, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(218, 59, 59, 1)), color-stop(100%, rgba(232, 108, 108, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(218, 59, 59, 1) 0%, rgba(232, 108, 108, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(218, 59, 59, 1) 0%, rgba(232, 108, 108, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(218, 59, 59, 1) 0%, rgba(232, 108, 108, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(218, 59, 59, 1) 0%, rgba(232, 108, 108, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#da3b3b', endColorstr='#e86c6c', GradientType=0); /* IE6-8 */
}

.BtnRed:active {
    -moz-box-shadow: 0px 1px 0px rgba(149, 31, 31, 0.95);
    -webkit-animation: none;
    -webkit-box-shadow: 0px 1px 0px rgba(149, 31, 31, 0.95); /*--- Box Shadow---*/
    -webkit-transform: translateY(2px);
    animation: none;
    box-shadow: 0px 1px 0px rgba(149, 31, 31, 0.95);
    transform: translateY(2px);
}

.ButtonDualList {
    -moz-border-radius: 6px;
    -moz-box-shadow: 0px 2px 0px rgba(3, 87, 132, 0.95);
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 0px 2px 0px rgba(3, 87, 132, 0.95); /*--- Box Shadow---*/
    background: rgb(96, 174, 211); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwYWVkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYzkwYmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(96, 174, 211, 1) 0%, rgba(60, 144, 188, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(96, 174, 211, 1)), color-stop(100%, rgba(60, 144, 188, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(96, 174, 211, 1) 0%, rgba(60, 144, 188, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(96, 174, 211, 1) 0%, rgba(60, 144, 188, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(96, 174, 211, 1) 0%, rgba(60, 144, 188, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(96, 174, 211, 1) 0%, rgba(60, 144, 188, 1) 100%); /* W3C */
    border: 0;
    border-radius: 6px; /*--- Border Radius---*/
    box-shadow: 0px 2px 0px rgba(3, 87, 132, 0.95);
    color: #FFF;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60aed3', endColorstr='#3c90bc', GradientType=0); /* IE6-8 */
    font-size: 8pt;
    font-weight: normal;
    padding: 4px 6px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(3, 87, 132, 0.95); /*--- Text Shadow---*/
}

.ButtonDualList:hover {
    background: rgb(60, 144, 188); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjOTBiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MGFlZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(60, 144, 188, 1) 0%, rgba(96, 174, 211, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(60, 144, 188, 1)), color-stop(100%, rgba(96, 174, 211, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(60, 144, 188, 1) 0%, rgba(96, 174, 211, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(60, 144, 188, 1) 0%, rgba(96, 174, 211, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(60, 144, 188, 1) 0%, rgba(96, 174, 211, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(60, 144, 188, 1) 0%, rgba(96, 174, 211, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c90bc', endColorstr='#60aed3', GradientType=0); /* IE6-8 */
}

.ButtonDualList:active {
    -moz-box-shadow: 0px 1px 0px rgba(3, 87, 132, 0.95);
    -webkit-animation: none;
    -webkit-box-shadow: 0px 1px 0px rgba(3, 87, 132, 0.95); /*--- Box Shadow---*/
    -webkit-transform: translateY(2px);
    animation: none;
    box-shadow: 0px 1px 0px rgba(3, 87, 132, 0.95);
    transform: translateY(2px);
}


@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600&display=swap');

.clock {
    color: #fff;
    font-family: 'Orbitron', sans-serif;
    font-size: 6rem;
    letter-spacing: 1rem;
    font-weight: bold;
    background-color: #111415;
    text-align:center;
    padding:1.25rem
}