@charset "UTF-8";

/* --- NEW Styles 2016  --- */

ul.portal-menu-links {width: 960px; display: inline-flex; margin: 0;}
    ul.portal-menu-links li {margin:0;}
    ul.portal-menu-links li a {font-size: 16px !important; color:#756666 !important; padding: 1em 1.5em; font-weight: bold !important;}
        ul.portal-menu-links li.portal-active, ul.portal-menu-links li:hover {color: #243e63; border-bottom:none;}
        ul.portal-menu-links li.portal-active a, ul.portal-menu-links li:hover a {color: #243e63 !important; border-bottom:none;}

    ul.portal-menu-links li a:after {content: ' >>'}
    ul.portal-menu-links li.portal-active a:after {content: ''}

    .action-btn-contain {text-align:right; margin: 0 auto; width: 1200px;}

    label {font-weight: normal; color:#333333;}

    .main-portal-color h1, .main-portal-color span  {color:#756666;}

   /* a#ctl00_ContentPlaceHolder1_ImageButton20 {background: url('/images/btn_generate_report_2016.jpg') no-repeat 20px 20px; height: 58px; padding: 30px 10px 0px 100px; border-top: 3px solid #426cab; margin-right: 0px; color:#426cab !important; width:116px !important;}

    /* --- Code for question buttons if needed --- */

   /*
    .btn-q {display: inline; vertical-align: text-top; margin: 0 0 0 5px;}

    a.btn-q-tool {outline:none; }
    a.btn-q-tool strong {line-height:30px;}
    a.btn-q-tool:hover {text-decoration:none;}
    a.btn-q-tool span {
        z-index:10;display:none; padding:14px 20px;
        margin-top:60px; margin-left:-160px;
        width:300px; line-height:16px;
    }
    a.btn-q-tool:hover span{
        display:inline; position:absolute;
        border:2px solid #FFF;  color:#EEE;
        background:rgba(80,80,80,.88);
    }
    .callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}

    a.btn-q-tool span
    {
        border-radius:2px;
        box-shadow: 0px 0px 8px 4px #666;
        opacity: 0.8;
    }

    <a href="#" class="btn-q-tool"><img src="/images/btn_questions.jpg" width="19" height="17" class="btn-q" />

                <span>
                    <img class="callout" src="/images/callout_black.gif" />
                    <strong>Most Light-weight Tooltip</strong><br />
                    This is the easy-to-use Tooltip driven purely by CSS.
                </span>
                </a>*/

.portalbkg {
	background-image: url(../images/portalbkg.jpg);
}

.portalborder {margin: 10px 0 10px 0px; background:transparent; border-right: none; border-top:none; border-bottom:none; border-left: 2px solid #ecf0f6; height: 100% !important; width: 100% !important; padding:0; }

.dataportalborder {
	height: 685px;
	width: 285px;
	border: thin solid #3761a5;
	background-color: #3761a5;
	-webkit-box-shadow: 0px 0px 4px 4px #e6e6e6;
	box-shadow: 0px 0px 4px 4px #e6e6e6;
	padding-bottom: 15px;
}

#dataportalbkg {width:100%; background-color:transparent; background-image:none; padding:15px 0 15px 0px; text-align: center; margin: 0; height: 100% !important; color:#756666 !important; max-width: 260px;}
    #dataportalbkg span, #dataportalbkg h2 {color:#756666 !important; text-align: left;}
        #dataportalbkg span {font-weight: bold; color:#756666 !important;}
        #dataportalbkg h2 {padding-left: 10px; font-weight: bold;}

#dataportalbkg input[type="checkbox"] {
        display: inline-block;
        box-sizing: border-box;
        background-color: #ebebeb;
        margin: 3px 8px;
        padding: initial;
        border: 3px solid #ebebeb;
        width: 16px;
        height: 16px;
        vertical-align: middle;
        -webkit-appearance: initial;
        -moz-appearance: checkbox;
        appearance: initial;
        }

     #dataportalbkg input[type="radio"] {
        display: inline-block;
        box-sizing: border-box;
        background-color: #ebebeb;
        margin: 3px 8px;
        padding: initial;
        border: 3px solid #ebebeb;
        width: 16px;
        height: 16px;
        vertical-align: middle;
        -webkit-appearance: initial;
        -moz-appearance: radio;
        appearance: initial;
        -webkit-border-radius:  50%;
        -moz-border-radius:  50%;
         border-radius:  50%;
        }

    #dataportalbkg input[type="checkbox"]:checked {
        background-color: #426cab;
        -webkit-appearance: initial;
        -moz-appearance: checkbox;
        appearance: initial;
        }

    #dataportalbkg input[type="radio"]:checked {
        background-color: #426cab;
        -webkit-appearance: initial;
        -moz-appearance: radio;
        appearance: initial;
        -webkit-border-radius:  50%;
        -moz-border-radius:  50%;
         border-radius:  50%;
        }

    #dataportalbkg input[type="checkbox"]:focus, #dataportalbkg input[type="radio"]:focus {
        outline:0;
    }

span.abc label {
    font-size: 12px;
}

#portalbkg{
	height: 674px;
	width: 274px;
	border: thin solid #FFFFFF;
	background-color: #e4e4e4;
	-webkit-box-shadow: 0px 0px 4px 4px #e6e6e6;
	box-shadow: 0px 0px 4px 4px #e6e6e6;
	margin: 4px;
	background-image: url(../images/portalbkg.jpg);
	padding-bottom: 15px;
}
.dataportaltitle {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #4a4848;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}

.dataportaltitle2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #4a4848;
	margin-bottom: 15px;
	text-align: center;
}

.floatright {
	float: left;
}
.portalrule {
	color: #FFF;
	width: 255px;
	margin-bottom: 25px;
}
.dataportalrule {
	color: #FFF;
	width: 255px;
	margin-bottom: 25px;
}
.logintitle {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #666;
	padding-left: 12px;
}
.fieldtitle {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #999;
	padding-right: 2px;
	padding-left: 10px;
}
.fieldbuffer {
	padding-left: 15px;
	padding-right: 15px;
}
.forgot {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	color: #333;
	text-decoration: none;
	margin-right: 8px;
}
.submitbutton {
}
.buttonfluff {
	text-align: center;
	margin-bottom: 9px;
}
.register {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #333;
	text-decoration: none;
}
.logout  {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #333;
	text-decoration: none;
}
#watchthetutorial {
	text-align: center;
	margin-top: 28px;
}
#watchthetutorial a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	cursor: pointer;
}

#watchthetutorial :hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #e2182b;
	cursor: pointer;
}

#callmcd {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	text-align: center;
	margin-top: 35px;
}
#callmcd strong{
	color: #333;
}
.spotlight-news-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #39C;
	line-height: 14px;
	margin-bottom: 4px;
}
.spotlight-news-title h4 {
	font-size: 10pt;
	font-weight: 600;
	line-height: 14pt;
}
@-moz-document url-prefix() {
	.spotlight-news-title h4 {
		font-size: 10pt;
		font-weight: 400;
		line-height: 14pt;
	}
}
.spotlight-news-articletitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	line-height: 14px;
	text-decoration: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.spotlight-news-articletitles p {
	font-family: 'Helvetica', sans-serif, Arial;
	letter-spacing: 1px;
	font-size: 9pt;
	margin: 10px 0;
	line-height: 14pt;
}
.readmore {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	text-transform: uppercase;
	color: #39C;
	font-size: 11px;
	text-decoration: none;
}
.thumbbuffer {
	margin-top: 0px;
	margin-right: 10px;
}
.rule688 {
	width: 688px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-top: 10px;
	margin-bottom: 12px;
}
.bodydescription {
	width: 600px;
}
.r18 {
	padding-right: 16px;
}