﻿/* LAYOUT CHANGES: START */
#page
{
    padding-bottom:82px;
}

#header
{
    border:0px;
    height:121px; 
    background-repeat:repeat-y;
}
#headerMobileLink a { color: #ccc; padding-left:6px; }

#main
{
    background: url(../images/bg-side.gif) #0085e6 repeat-x;
}
#sidebar
{
	min-height: 500px ;     /*730px*/
	/*background: none;*/
}
#content 
{
	min-height: 500px;       /* left menu height for Admin area*/
}

#content p.noBottomMargin
{
    margin-bottom:0px;
}

#content.mUser 
{
	min-height: 964px;       /* left menu height for User Area*/
    padding:0px;
    width:773px;
}

#userContent{ background: url(../images/PatContent-bkg.gif) no-repeat;width:773px;}
/*#userContentMain{ padding:20px 0px 23px 23px;}*/
#userContentMain{ padding:20px 23px 23px 23px;}
#userContentMain p.intro{padding-right:23px;color:#1f83ff;font-size:1.4em;line-height:2em;}
#userContentMain li{padding-right:40px;}
#userContentFooter{ background: url(../images/PatContentFooter-bkg.gif) no-repeat;width:773px;height:11px;clear:both;}
#userContent.mobile{ background-image:none;}

        
#menuUserTab { background: url(../images/PatMenuName-bkg.gif);height:108px;vertical-align:middle;}
#menuUserTabName {font-size:1.6em;color:#1f83ff;padding:36px 6px 6px 12px;font-weight:bold;}
#menuUserTabName a {text-decoration:none;}
#menuUserTabTitle {font-size:1.6em;padding:0px 6px 12px 12px;}
#menuUserTabTitle a {color:#999; text-decoration:none;}
#menu li {background:none;padding-top:0px;}

.mUserBox { width:727px;margin-bottom:12px;}
.mUserBoxTitle {height:29px;font-size:1.6em;}
.mUserBoxContent {}
.mUserBoxContent p.first {margin-top:0px !important; padding-bottom:0px !important;margin-bottom:0px !important; }
.mUserBoxContent p.last { margin-bottom:6px !important; }
.mUserBoxFooter{}
#mUserLeftCol .mUserBox { background-image: url(../images/mUser-Box-Home.gif);width:550px;}
#mUserLeftCol .mUserBoxFooter{ background-image: url(../images/mUser-Box-Footer-Home.gif);width:550px;}

.lineAlert{ background: url(../images/mUser-ButtonNewMail.gif) no-repeat;width:525px;height:27px;margin-bottom:6px;font-size:1.2em;}
.lineAlert a{width:484px;height:19px;display:block;padding-top:6px;padding-left:41px;text-decoration:none;color:#D9192B;font-weight:bold;}

.mUserListing th{background-color:#EDEDED;padding:6px;text-align:left;font-weight:bold;border:1px solid #fff;}
.mUserListing td{background-color:#EBF5FF;padding:9px;border:1px solid #fff;}

.mUserButton{font-size:1.2em; background: url(../images/mUser-Button.gif) no-repeat;width:165px;height:34px;float:right;margin-bottom:6px;}
.mUserButton a{width:156px;height:24px;display:block;padding-top:10px;padding-left:9px;text-decoration:none;}

#mUserButtonSatisfied{font-size:1.2em; background: url(../images/mUser-ButtonSatisfied.gif) no-repeat;width:165px;height:61px;float:right;margin-bottom:18px;}
#mUserButtonSatisfied a{width:156px;height:51px;display:block;padding-top:10px;padding-left:9px;text-decoration:none;}
#mUserButtonSatisfied span.blue{font-size:1.3em;color:#1f83ff;}
#mUserButtonSatisfied span.small{font-size:.9em;color:#999;}

.mUserButtonReview{font-size:1.2em; background: url(../images/mUser-ButtonReview.png) no-repeat;width:165px;height:61px;float:right;margin-bottom:18px;}
.mUserButtonReview a{width:156px;height:51px;display:block;padding-top:10px;padding-left:9px;text-decoration:none;}
.mUserButtonReview span.orange{font-size:1.3em;color:#f89427;}
.mUserButtonReview span.small{font-size:.9em;color:#999;}
    
.mUserButtonLogOut{font-size:1.2em; background: url(../images/mUser-ButtonLogOut.gif) no-repeat;width:88px;height:34px;float:right;margin-bottom:6px;}
.mUserButtonLogOut a{width:79px;height:24px;display:block;padding-top:10px;padding-left:9px;text-decoration:none;}

.mUserBoxTitle.warning{ color:Red;}
.warning{color:red;}
.information{color:#393;}
/*#mUserRightCol{float:right;width:165px;margin:12px 12px 12px 12px;}*/
#mUserRightCol{float:right;width:165px;margin:12px 0px 12px 12px;}

.p
{
	font-size: 1.2em;
	line-height: 1.33em;
	margin:12px 0 20px;
	*margin:0px;
	*padding:12px 0 20px;
	
	text-align:justify;
}
p
{
	text-align:justify;
}

.left-col {
	width: 525px;       /*548*/
}
.right-col {
	width: 185px;
}

.col-login .left-col {
	width: 438px;       /*548*/
}
.col-login .right-col {
	width: 281px;
	margin-top:8px;
}

.outer-col
{
}
.outer-col .newSection
{
    clear:none !important;
}
.inner-col
{
	width: 185px;
	float:right;
	margin-left:20px;
	margin-bottom:10px;
}
.inner-col h2{
	color: #1f83ff;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0;
	padding:0;
}

/* LAYOUT CHANGES: END */


/* STANDARD FORMATTING: START */
input, select, textarea
{
	font-size: 1.2em;
}
select.smaller, input.smaller
{
    font-size:1.1em;
}
select.small, input.small
{
    font-size:1em;
}
select.smallest, input.smallest
{
    font-size:0.9em;
}

h1.marginBottom
{
    margin-bottom: 24px;
}

h2
{
    margin-top: 24px;
    margin-bottom: 6px;
}

h3.headerDetail
{
    margin:0;
    color: #003399;
}
h4.headerDetail
{
    margin:.9em 0 0 0;
    color: #003399;
}

.firstSection
{
    clear:both;
    padding-top:0px;
}

.newSection
{
    clear:both;
    padding-top:18px;
}

.helpText
{
    font-size:0.8em;
}

.button, .buttonNoArrow, .buttonAction, .buttonReadConfirm, .buttonBackArrow
{   
	color:#ffffff;   
	font-size:13px !important;
	*font-size:12px !important;
	background-color:#1F83FF;   
	border: 1px solid #8FC1FF;   
	border-color: #8FC1FF #8FC1FF #8FC1FF #8FC1FF;   
	padding: 4px 20px 6px 5px;
	*padding: 4px 15px 4px 5px;
	BACKGROUND: url(../images/bullet02.gif) #1f83ff no-repeat 28px 50%;
	background-position: right;
    margin-left:0px;
} 

.buttonNoArrow
{
    padding-right: 5px;
	background-image:none;
} 
.buttonBackArrow
{
    padding-right: 10px;
    padding-left: 20px;
	background-position: left;
	background-image: url(../images/bullet03.gif);
} 

td a.button, td a.buttonAction
{
	font-size:10px !important;
	*font-size:9px !important;
	display:block;
	width:90px;
	height:18px;
	text-decoration:none;
	cursor:pointer;
	padding-top:2px;
	padding-bottom:10px;
}

.buttonReadConfirm
{
	text-decoration:none;
	cursor:pointer;
	BACKGROUND: url(../images/mUser-ButtonAction.gif) #F90606 no-repeat right 50%;
	display:block;
	padding-top:4px;
	width:160px;
}

td a.buttonAction
{
	BACKGROUND: url(../images/mUser-ButtonAction.gif) #F90606 no-repeat right 50%;
}
 
a.buttonAction, .buttonReadConfirm
{
	border-color:#EEB9C0;
}

a.button, a.buttonBackArrow
{
    text-decoration:none;
}

.button.disabled, .button:disabled
{
    border-color:#CCC !important;
    background-color:#AAA !important;
    background-image:none !important;
}
/* STANDARD FORMATTING: END */


/* SECTION BOXES - START */
.box {
	MARGIN: 12px 0px 0px;
	WIDTH: 182px;
	BACKGROUND: url(../images/bg-box-182.gif) repeat-y;
	OVERFLOW: hidden
}
.box-t {
	WIDTH: 100%;
	BACKGROUND: url(../images/bg-box-top.gif) no-repeat;
	OVERFLOW: hidden
}
.box-b {
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 0px;
	WIDTH: 100%;
	PADDING-RIGHT: 0px;
	BACKGROUND: url(../images/bg-box-b.gif) no-repeat 0px 100%;
	PADDING-TOP: 0px
}
.box H2 {
	PADDING-BOTTOM: 0px;
	LINE-HEIGHT: 30px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 0px;
	HEIGHT: 1%;
	COLOR: #f7f7f7;
	FONT-SIZE: 1.2em;
	OVERFLOW: hidden;
	FONT-WEIGHT: bold;
	PADDING-TOP: 3px
}
.box P {
    font-size: 1em;
	TEXT-ALIGN: left;
	PADDING-LEFT: 10px;
	PADDING-TOP: 10px;
	PADDING-RIGHT: 10px;
}
.box A
{
	COLOR: #1f4db1;
	TEXT-DECORATION: none;
}
.box A:hover
{
	TEXT-DECORATION: underline;
}


/* SECTION BOXES - END */


/* DATA ENTRY TABLE: START */
div.lineLabel
{
    font-size: 1.2em;
}
div.lineLabelTop
{
    font-size: 1.2em;
    border-top:solid 1px #1F83FF;
    padding-top:10px;
}
.tblDataEntry td.colLabelLine
{
    font-size: 1.2em;
    padding-right:15px;
    border-bottom: solid 1px #1F83FF;
}

.tblDataEntry td.colLabelLineTop
{
    font-size: 1.2em;
    padding-right:15px;
    border-top: solid 1px #1F83FF;
}

.tblDataEntry td.colLabel
{
    font-size: 1.2em;
}

.tblDataEntry td.colLabelLineSmall
{
    font-size: 1em;
    border-bottom: solid 1px #1F83FF;
}

.tblDataEntry td.colField
{
    padding-left:10px;
}
.tblDataEntry td.colField span
{
    font-size:1.2em;
}
.tblDataEntry td.colField textarea
{
    font-size:1.4em;
    *font-size:1.2em;
}
tr.rowButton td
{
    padding-top:15px;
}

.tblDataEntry td
{
    padding-top:5px;
    padding-right:15px;
}

.validator, .validatorUp  /* used in data entry tables */
{
    margin-left:12px;
    padding: 3px 10px 3px 25px;
    color:#424242;
    font-size:.9em;
    display:inline-block;
    border-bottom: solid 1px #999999;
    border-right: solid 1px #999999;
    background-color: #FFCCCC;
    background-repeat: no-repeat;
    background-image:url('../images/invalidArrow.gif');
}
.validator.upArrow
{
    margin-left:0px;
    margin-top:10px;
    background-image:url('../images/invalidArrowUp.gif');
}
.validator.second
{
    margin-top:-21px;
    *margin-top:0px;
}

.lineLabel .validator    /* validator control in situ in a line */
{
    font-size:1em;    
}
.colValid .validator     /* validator control in own cell */
{
    font-size:1.1em;    
}
.colMedicalRecordQu .validator
{
    font-size:1.1em;    
}
.validatorSummary
{
    margin-left:-6px;
    color:#000000;
    font-size:.9em;
    font-weight:bold;
    display:inline-block;
    border-bottom: solid 1px #999999;
    border-right: solid 1px #999999;
    background-color: #FFCCCC;
    padding: 5px 10px 5px 10px;
}
.validatorSummary li
{
    margin-top:3px;
    *margin-top:-15px;
    
    list-style-image: url('../images/validSummaryBullet.gif');
    *font-size:1.2em;
    
    margin-left:24px;
    *margin-left:0px;
}
.validatorSummary span
{
    font-size:1.4em;
    display:block;
    color:#dd3333;
}
/* DATA ENTRY TABLE: END */


/* DATA DISPLAY TABLE: START */
.tblDataDisplay td,.tblDataDisplay th
{
    padding-bottom:6px;
    padding-right:20px;
    font-size: 1.2em;
}

.tblDataDisplay td.colLabel
{
    color: #666666;
}
/* DATA DISPLAY TABLE: END */


/* LISTING TABLE: START */
.tblListing
{
    border-bottom:solid 1px #1F83FF;
}

.tblListing th
{
    padding:6px;
    padding-left:0px;
    padding-right:24px;
    border-bottom:solid 1px #1F83FF;
    text-align:left;
    font-size:1.2em;
}
.tblListing td
{
    padding:6px;
    padding-left:0px;
    padding-right:24px;
    border-bottom:solid 1px #e0e0e0;
    text-align:left;
    font-size:1.2em;
}
.tblListing tr.rowSelected
{
}
.tblListing .centered
{
    text-align:center;
}
.tblListing input, .tblListing select
{
    font-size:0.9em;
}
/* LISTING TABLE: END */


/* FLYOUT CONTROLS: START */
.Flyout, .FlyoutPadded, .FlyoutPaddedNoArrow, .FlyoutQu, .FlyoutWarningUp
{
    padding: 3px 10px 3px 25px;
    color:#000000;
    font-size:1.1em;
    display:inline-block;
    border-bottom: solid 1px #999999;
    border-right: solid 1px #999999;
    background-color: #E5E5E5;
    background-repeat: no-repeat;
    background-image:url('../images/infoArrow.gif');
}
.FlyoutPadded, .FlyoutPaddedNoArrow
{    
    padding: 6px 15px 6px 25px;
    background-image:url('../images/infoArrowPadded.gif');
}
.FlyoutAlert
{
    padding: 10px 15px 10px 15px;
    color:#000000;
    font-size:1.1em;
    background-color: #E5E5E5;
    border: solid 1px #999999;
    position:absolute;
    z-index:1;
}
.FlyoutWarningUp
{
	background: rgb(200, 200, 200) transparent;
	background: rgba(200, 200, 200, 0.9);
	/* For IE 5.5 - 7*/
	background: transparent !ie;
	zoom: 1;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DCC8C8C8, endColorstr=#DCC8C8C8);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DCC8C8C8, endColorstr=#DCC8C8C8)";
	background-repeat:no-repeat;
    background-image:url('../images/invalidArrowUp.gif');
    font-size:1em;
}
.FlyoutWarningUp table th
{
    text-align:left;
    font-size:1em;
}
.FlyoutWarningUp table td
{
    font-size:.85em;
}
.FlyoutWarningUp .WarningConsultation
{
    vertical-align:bottom;
}
.FlyoutWarningUp .WarningCareful
{
    vertical-align:middle;
}
/* FLYOUT CONTROLS: END */


/* TOGGLE BOXES */
.boxHead
{
    border:solid 1px #003399;
    width:740px;
    height:27px;
    background-color: #E4F0F4;
}
.boxHeadText
{
    float:left;
    padding:6px;
    font-size:1.3em;
    padding-left:10px;
    color: #003399;
}
.boxHeadInfo {
    float: right;
    padding: 6px;
    font-size: 1.3em;
    padding-left: 10px;
    color: #003399;
}
.boxHeadToggle
{
    float:right;
    border-left:solid 1px #003399;    
    height:27px;
    cursor: pointer;
}
.boxMain, .frameMain
{
    border:solid 1px #003399;    
    border-top:none;
    width:740px;
    vertical-align:top;
    font-size:1.2em;
}
.boxMainTopLine
{
    border-top:solid 1px #003399;    
}

.frameMain
{
    display: none;
}
.boxMainContent
{
    padding-left:10px;
    padding-right:10px;
    padding-top:6px;
    padding-bottom:3px;
}
.boxMainContent.topLine
{
    border-top:solid 1px #003399;
}

.boxMainContent table td
{
    padding-top:3px;
    padding-bottom:3px;
}

.boxMainContent .label
{
    padding-right:6px;
    color: #666666;
}
.boxMainContent .data
{
    padding-right:10px;
}
.boxMainContent input, textarea
{
    font-size:1.2em;
    *font-size:1em;
}

.boxMainClear
{
    clear:both;
}
.boxMainClearGap
{
    height:25px;
    clear:both;
}

.boxMainContent .tblListing th, .boxMainContent .tblListing td
{
    font-size:1.0em;
}
.boxMainLeft
{
    width:350px;
    margin-right:20px;
    float:left;
}
.boxMainRight
{
    width:350px;
    float:left;
}
/* TOGGLE BOXES: END */


/* WARNING BOXES: START */

.boxWarning
{
    padding:8px;
    padding-left:45px;
    padding-right:15px;
    border: solid 1px silver;
    background: url(../images/icon-warningsymbol.png) 10px 12px no-repeat;
    font-size: 1.2em;
    width:600px;
    text-align: justify;
}

/* WARNING BOXES: END */

div.printBox
{
    border:solid 1px #000000;
    padding: 30px 50px 30px 50px;
    width:75%;
}

a.printLink
{
    display:block;
    padding: 3px;
    text-align:center;
    background-color: #DDDDDD;
    font-weight:bold;
    font-size:1.1em;
}

hr
{
    color: #CCC;
    height: 1px;
}

.appearDisabled
{
    background-color: #FFFFCC;
    color: #666666;
}

.cqc {
    float:right;
    margin:0 0 12px 20px;
    padding:10px;
    border:1px solid #d1d1d1;border-bottom:1px solid #b5b5b5;border-right:1px solid #b5b5b5;
    width:140px;
    box-shadow:#ccc 1px 1px 2px;
    -moz-box-shadow:#ccc 1px 1px 2px;
    -webkit-box-shadow:#ccc 1px 1px 2px;
    background-image: linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 30%, rgb(255,255,255) 94%, rgb(248,248,248) 100%);
    background-image: -o-linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 30%, rgb(255,255,255) 94%, rgb(248,248,248) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 30%, rgb(255,255,255) 94%, rgb(248,248,248) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 30%, rgb(255,255,255) 94%, rgb(248,248,248) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 30%, rgb(255,255,255) 94%, rgb(248,248,248) 100%);

    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(238,238,238)),
	    color-stop(0.30, rgb(255,255,255)),
	    color-stop(0.94, rgb(255,255,255)),
	    color-stop(1, rgb(248,248,248))
    );
}
    .cqc .part1,.cqc .part2
    {
        display:block;
        width:130px;
        float:left;
    }
    .cqc .part1
    {
        padding-top:4px;
        width:128px;
    }

.cqc a 
{
    text-decoration:none;
}

.cqc .head
{
    display:block;
    color:#6a6d73;
    font-size:1.9em;
    font-weight:600;
    text-align:left;
    /*color:#8C008C;*/
}
.cqc .head .em
{
    /*color:#6c256b;*/
    /*color:#6a6d73;*/
    color:#8C008C;
}
.cqc .headsub
{
    display:block;
    color:#6a6d73;
    /*color:#6c256b;*/
    /*color:#8C008C;*/
    font-size:1.9em;
    font-weight:300;
    margin-bottom:5px;
    text-align:left;
}

.cqc .desc 
{
    display:inline-block;
    color:#666;
    font-size:1.1em;
}

.cqc .detail 
{
    display:inline-block;
    color:#555;
    margin-top:1px;
}

.cqc .ext
{
    display:inline-block;
    margin-top:2px;
}

.UsernameAvailable
{
    font-size:1.2em;
    color:green;
}
.UsernameNotAvailable
{
    font-size:1.2em;
    color:red;
}
#ctl00_cphMain_divUserBtnForumProfile a
{
    color:green;
}

.login-intro 
{
    margin:10px 0 10px 0;
}
.login-intro h3 {
    font-size:2.5em;
    font-weight:normal;
    color:#1d3c44;
    margin:10px 0 40px 0;
}
.login-form {
    padding:12px 20px 1px 20px;
    margin-top:20px;
    background:#1f4db1 url(../images/bg-side.gif) left -16px repeat-x;
    box-shadow:#444 1px 2px 16px;
    -moz-box-shadow:#444 1px 2px 16px;
    -webkit-box-shadow:#444 1px 2px 16px;
    color:#ddd;
    font-size:1.1em;
}
.login-form h1 {
    margin-top:0;
    color:#fff;
    font-size:1.6em;
}
.login-form .link {
    color:#fff;
    text-decoration:underline;
}
.login-form .link:hover {
    background:#1f83ff;
    padding:3px;
    margin:-3px -3px 0 -3px;
}
.login-form label {
    font-size:1.1em;
}
.login-form .colValid {
    font-size:0.9em;
}
#ctl00_cphMain_Login1 {
    margin-bottom:28px;
}

ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 25px 0 25px 15px;
        padding-left: 45px;
        font-size:1.3em;
    }

        ol.round li.zero {
            background: url("../Images/orderedList0.png") no-repeat;
        }

        ol.round li.one {
            background: url("../Images/orderedList1.png") no-repeat;
        }

        ol.round li.two {
            background: url("../Images/orderedList2.png") no-repeat;
        }

        ol.round li.three {
            background: url("../Images/orderedList3.png") no-repeat;
        }

        ol.round li.four {
            background: url("../Images/orderedList4.png") no-repeat;
        }

        ol.round li.five {
            background: url("../Images/orderedList5.png") no-repeat;
        }

        ol.round li.six {
            background: url("../Images/orderedList6.png") no-repeat;
        }

        ol.round li.seven {
            background: url("../Images/orderedList7.png") no-repeat;
        }

        ol.round li.eight {
            background: url("../Images/orderedList8.png") no-repeat;
        }

        ol.round li.nine {
            background: url("../Images/orderedList9.png") no-repeat;
        }

.col-login .cqc {
    width:259px;
    float:left;
    margin:0 0 20px 0;
}
.pharmacy
{
    clear:both;
    float:right;
    margin:0 4px 0 0;
    text-align:center;
}
.pharmacy img
{
    float:left;
    width:32px;
}
.pharmacy p
{
    float:left;
    margin:0 0 0 8px !important;
    font-size:1.1em;
    line-height:1.5em;
    /*color:#00bc6b;*/
}

.col-login .box-spacer {
    clear:both;
    height:24px;
}

.puqe {
    display:none;
}
.puqetotal {
    margin-left:40px;
    font-weight:bold;
    font-style:italic;
    color:#2e8b57;
}

.checkboxlist {
    padding-left:20px;
}
.checkboxlist input {
    margin:4px 0 0 -20px;
    vertical-align:bottom;
}
.checkboxlist label {
    margin-left:4px;
}
