﻿/* this is the standard stylesheet for modal windows and popups */
body.modbody
{
    background-image:none !important;
    font-family: Arial,Verdana, Sans-Serif;
    font-size: 12px;
    margin: 0 0 0 0;
}

div.modcontent
{
    margin: 0 20px 0 20px !important;
}

div.modNoMargin
{
    margin: 0 0 0 0 !important;
}

div.modright
{
    float:right; 
    padding-left:20px;    
}

div.modhead
{
    display:block;
    position:relative;
    margin:0 0 0 0;
    padding-top:6px;
    padding-bottom:18px;
    padding-left:14px;
    background-color: #b0b7d1;
    background-image: url(modal/band.png);
    background-repeat: repeat-x;
    background-position: left bottom;
}

div.modcaption 
{
    font-family: Trebuchet MS,Helvetica,Charcoal;
    font-weight : bold;	
    font-size: 18px;
    letter-spacing: 2px;
    line-height:24px;
    height:24px;
    color: #fff;
}

div.modcaption div.progress
{
    display: block; 
    padding-right: 10px; 
    float: left;
    line-height:35px;
}

div.modbuttons
{
    float:right;
    padding: 0 0 0 0;
}
div.modstatus
{
    float:right; 
    display:block; 
    width:105px; 
    height:24px; 
    z-index:1020; 
    padding: 0 0 0 0 !important;
}
div.modleft
{
    text-align:left; 
}

div.ctrlgroup
{
    clear:left;
    padding-top:10px;    
}

div.ctrllegend
{
    line-height: 30px; 
    background-color:yellow;     
}

div.legendUrl
{
    clear:left;
    float:right
}

div.ctrlitem
{
    margin-left:15px; 
    padding-top:6px;     
    clear:left;
    font-family: Arial,Verdana, Sans-Serif;
    font-size: 12px;
    line-height:21px;
}

div.ctrlitemleft
{
    margin-left:0px; 
    padding-top:6px;     
    clear:left;
    font-family: Arial,Verdana, Sans-Serif;
    font-size: 12px;
    line-height:21px;
}

div.chkdays
{
    float:left;
    width:80px;    
}

a.modlink,
a.modlink:link,
a.modlink:visited,
a.modlink:hover,
a.modlink:active
{
    color:#90486e;    
    text-decoration:underline;
    text-transform:lowercase;
}


a.modlink:hover,
a.modlink:active
{
    color: #6a6e8b;
}


#modFormAll
{
    position:relative;
    font-family: Arial,Verdana, Sans-Serif;
    font-size: 12px;
    width:645px;    
    overflow:hidden;
}

#modFormAll
{
    position:relative;
    font-family: Arial,Verdana, Sans-Serif;
    font-size: 12px;
    width:auto;
    padding:0 15px;
    overflow:hidden;
}

#modFormAllModal div.tbHoldContent
{
    margin-top:-10px;   
}

div#modform
{
    padding:10px 15px 0 0;
}


#modform #modformTabContent,
#modFormAllModal #modformTabContent
{
    position:relative;    
    width:5000px;
}

#modform #modformTabContent div.tfContent
{
    display:block;
    width:630px;
    position:relative;
    float:left;    
}

#modform #modformTabContent div.tfContentHide
{
    display:block;
    width:630px;
    position:relative;
    float:right;
}

#modFormAllModal #modformTabContent div.tfContent
{
    display:block;
    position:relative;
    float:left;    
}

#modFormAllModal #modformTabContent div.tfContentHide
{
    display:block;
    position:relative;
    float:right;
}




#modform a,
#modform a:link,
#modform a:visited,
#modform a:hover,
#modform a:active,
#modformIntro a,
#modformIntro a:link,
#modformIntro a:visited,
#modformIntro a:hover,
#modformIntro a:active
{
    color:#90486e;
    text-decoration:underline;    
}

#modform a:hover,
#modform a:active,
#modformintro a:hover,
#modformintro a:active
{
    color: #6a6e8b;
    text-decoration:none;
}


#modform a.tmHeaderLink,
#modform a.tmHeaderLink:link,
#modform a.tmHeaderLink:visited,
#modform a.tmHeaderLink:hover,
#modform a.tmHeaderLink:active
#modform a.tmItem,
#modform a.tmItem:link,
#modform a.tmItem:visited,
#modform a.tmItem:hover,
#modform a.tmItem:active
{
    
    text-decoration:none;    
}


#modform .tfCaption,
#modform .tfCaptionRt,
#modform .tfCaptionRtWide,
#modform .tfCaptionShort,
#modform .tfCaptionOnly,
#modform .tfCaptionOnlyCtrl
{
    clear:left;
    float:left;   
    width:145px;
    font-weight:normal;
    padding-left:20px; 
    padding-top:0px;     
    font-family: Arial,Verdana, Sans-Serif;
    font-size: 12px;
    line-height:21px;    
    vertical-align: middle;    
    height:auto;
}
#modform .tfCaptionOnly
{    
    width:100%;
    line-height:21px;    
}

#modform .tfCaptionOnlyCtrl
{    
    width:100%;
    padding-left:40px;
    line-height:21px;    
}


#modform .tfSubCaption,
#modform .tfSubCaptionWide
{
    clear:left;
    float:left;   
    width:150px;
    font-weight:normal;
    padding-left:45px; 
    padding-top:0px;     
    font-family: Arial,Verdana, Sans-Serif;
    font-size: 12px;
    line-height:21px;    
    vertical-align: middle;    
}
#modform .tfSubCaptionWide
{
    width:185px;
    line-height:21px;    
}

#modform .tfWhole,
#modform .tfWholeHide
{
    position:relative;
    left:0;
    text-align:center;
    float:none;
    margin:0 auto 0 auto;     
    min-height:200px;
}

#modform .tfWholeHide
{
    left:-3000px;    
}

#modform .tfLeft,
#modform .tfRight
{
    overflow:visible;
    border:none;
    margin:0 auto 0 auto;
}
#modform .tfLeft
{
    float:left;   
    padding-left: 35px;    
}

#modform .tfRight
{
    float:right;   
    padding-right: 35px;
}

#modform .tfLeft span,
#modform .tfRight span
{
    font-weight:bold;  
    font-family: Arial,Verdana, Sans-Serif;
    font-size: 12px;
    text-align:center;
    display:block;
    padding:4px 0 4px 0;
    background: #b0b7d1; 
    color: #fff; 
    border:1px solid #999;
    border-bottom:none;
}


#modform .tfRight span
{
    background: #ecf3c9; 
    color: #423f31; 
}

#modform .tfMiddle
{
    float:none;
    clear:none;
    width:20px;    
    border:none;
}

#modform .tfCaptionRt,
#modform .tfCaptionRtWide
{
    text-align:right;
}

#modform .tfCaptionRtWide
{
    width:210px;
}


#modform .tfGroup
{
    line-height:45px;    
    margin-bottom:-8px;   
    clear:both;
}

#modform .tfText
{
    padding:0 0 15px 0;
    position:relative;
    display:block;
    clear:left;
    font-size: 12px;    
    line-height:135%;
}

#modform .tfTextForCtrl
{
    padding:0 0 4px 0;
    position:relative;
    display:block;
    clear:left;
    font-size: 12px;    
    line-height:135%;
}

#modform .tfTextHide
{
    display:none;
}

#modform .tfLine,
#modform .tfLineClrLft
{
    padding:0 0 8px 0;
    line-height:21px;
    position:relative;
    display:block;
    clear:none;    
    font-size: 12px;
    height:auto;
}

#modform .tfLineClrLft
{   
    clear:left;
}


#modform .tfOption
{
    padding:0 0 0 0;    
    line-height:21px;
    position:relative;
    display:block;
    clear:left;
    float:left;
}

#modform .tfCaption
{
    width:175px;
    text-align:left;    
    float:left;
    line-height:21px;
    height:21px;
    vertical-align: middle;
}


#modform .tfCaptionShort,
#modform .tfCaptionShortEx
{
    width:110px;
    text-align:left;    
    float:left;
    line-height:21px;
    height:21px;
    vertical-align: middle;
}

#modform .tfCaptionShortEx
{
    width:95px;
}

#modform .tfHelp,
#modform .tfRed,
#modform .tfRedErr
{   
    position:relative;
    margin-right:40px;    
    padding: 3px 5px 3px 7px; 
    font-size: 11px; 
    float:right;
    border: solid 1px #566F4C; 
    color: #566F4C; 
}

#modform .tfRed,
#modform .tfRedErr
{
    border: solid 1px #F00; 
    color: #F00; 
    
}
#modform .tfRedErr .spError a
{
    color: #F00; 
    text-decoration:underline;    
}



/*
#modform .tfHelp .spError,
#modform .tfRed .spPrivacy,
#modform .tfRedErr .spPrivacy,
#modform .tfHel2 .spError,
#modform .tfRed .spPrivacy
{
    display:none;
}
*/

#modform .tfHelp span.spPrivacy,
#modform .tfRed span.spUnavail,
#modform .tfRedErr span.spError
{
    display:block;
}

#modform .tfRedErr .spError,
#modform .tfRedErr .spError a
{
    text-align:center;
    padding-top:4px 0 6px 0;
}
#modform .tfRedErr 
{
    text-align:center;
    line-height:18px;     
}

#modform .tfField,
#modform .tfField180
{
    float:left;
    padding-left:10px;
    font-family: Arial,Verdana, Sans-Serif;
    font-size: 12px;
    line-height:21px;
    vertical-align:middle;
    cursor:default;
}

#modform .tfField180
{
    width:180px;
}


#modform .tfFieldOpt,
#modform .tfFieldOptNot
{
    float:left;
    padding-left:10px;
    font-family: Arial,Verdana, Sans-Serif;
    font-size: 12px;
    line-height:21px;
    vertical-align:middle;
    overflow:visible;
    cursor:default;
}

#modform .tfOneCtrl
{   
    padding-left:20px;
    padding-top:0px;  
    padding-bottom: 8px;   
    font-family: Arial,Verdana, Sans-Serif;
    font-size: 12px;
    line-height:21px;    
    vertical-align: middle; 
    float:none;
    position:relative;   
    
}
/*
#modform .tfOpt
{   
    float:left;
    width:25px;
    display:block;
    height:inherit; 
}
*/

#modform .tfOpt
{   
    float:left;
    width:25px;
    display:block;
    min-height:21px;    
    font-size:12px;
    font-family:Arial,Verdana, Sans-Serif;
    line-height:21px;
}

#modform .tfOptNOT input
{   
    float:left;
    width:28px;
    margin-right:7px;    
}

#modform .tfOptAndText
{
    padding-bottom:8px;
    padding-left:20px;
    display:block;
}

#modform .tfTextOnRight
{
    float:right; 
    width:555px;
    display:block;
    line-height:130%;
    font-family: Arial,Verdana, Sans-Serif;
    font-size: 12px;
    line-height:21px;
}

#modform .tfCaption .tfTextOnRight
{
    width:150px;
}

#modform .tfSubCaption .tfTextOnRight
{
    width:125px;
}



#modform .tfTextOnRight span
{
    display:inline;
    float:none;
    line-height:21px;
}


#modform #buttons
{
    position:absolute; 
    bottom:25px; 
    right:60px;   
}

#modform .tfSpace
{
    display:block;
    clear:both;
    height:8px;
}
div.tcRsrcText
{
    display:none;
}

#modform a#cervixShow,
#modform a#cervixShow:link,
#modform a#cervixShow:visited
{	
    padding-right: 10px;
    padding-left: 10px;
    BACKGROUND-POSITION: right center;	
    FONT-WEIGHT: normal;	
    BACKGROUND-IMAGE: url(modal/right.gif);	
    CURSOR: default;	
    BACKGROUND-REPEAT: no-repeat;
    text-decoration: none
}


#modform a#cervixShow span,
#modform a#cervixShow:link span,
#modform a#cervixShow:visited span
{	
    text-decoration: underline
}

#modform a#cervixHide,
#modform a#cervixHide:link,
#modform a#cervixHide:visited
{	
    padding-right: 10px;
    padding-left: 10px;
    BACKGROUND-POSITION: left center;	
    FONT-WEIGHT: normal;	
    BACKGROUND-IMAGE: url(modal/left.gif);	
    CURSOR: default;	
    BACKGROUND-REPEAT: no-repeat;
    text-decoration:none;
}

#modform a#cervixHide span,
#modform a#cervixHide:link span,
#modform a#cervixHide:visited span
{	
    text-decoration:none;
}

#modform a#cervixHide:hover,
#modform a#cervixHide:active
{	
    padding-right: 10px;
    padding-left: 10px;
    BACKGROUND-POSITION: left center;	
    FONT-WEIGHT: normal;	
    BACKGROUND-IMAGE: url(modal/lefthover.gif);	
    CURSOR: default;	
    BACKGROUND-REPEAT: no-repeat;
    text-decoration:none;
}

#modform a#cervixShow:hover,
#modform a#cervixShow:active
{	
    padding-right: 10px;
    padding-left: 10px;
    BACKGROUND-POSITION: right center;	
    FONT-WEIGHT: normal;	
    BACKGROUND-IMAGE: url(modal/righthover.gif);	
    CURSOR: default;	
    BACKGROUND-REPEAT: no-repeat;
    text-decoration:none;
}





#modform div.notesRecord
{
    clear:left;
    position:relative;
    padding: 0 0 8px 0;
}
#modform div.notesNumber
{   
    float:left;
    width: 30px;
    text-align:right;
    padding-right:15px;
}

#modform div.notesText
{
    float:left;
    width: auto;
}

a.cdLeft,
a.cdLeft:link,
a.cdLeft:hover,
a.cdLeft:visited
{
    display:block;
    float:left;
    height:14px;
    line-height:14px;
    margin-top:6px;
    margin-right:5px;
    width:9px;
    background-image: url(modal/cdNavFadeIn.gif);
    background-position:left top;
    text-decoration:none;
}

a.cdRight,
a.cdRight:link,
a.cdRight:hover,
a.cdRight:visited
{
    display:block;
    float:left;
    height:14px;
    line-height:14px;
    margin-top:6px;
    width:9px;
    background-image: url(modal/cdNavFadeIn.gif);
    background-position: right top;
    text-decoration:none;    
        
}

a.cdCal,
a.cdCal:link,
a.cdCal:hover,
a.cdCal:visited
{
    display:block;
    float:left;
    height:16px;
    line-height:14px;
    margin-top:5px;
    margin-right:5px;
    width:17px;
    background-image: url(modal/cdNavCal.gif);
    background-position:left top;
    text-decoration:none;
}

a.cdLeft:active
{
    display:block;
    float:left;
    height:14px;
    line-height:14px;
    margin-right:5px;
    margin-top:6px;
    width:9px;
    background-image: url(modal/cdNavFadeIn.gif);
    background-position:left 14px;
    text-decoration:none;    
}

a.cdRight:active
{
    display:block;
    float:left;
    height:14px;
    line-height:14px;
    margin-top:6px;
    width:9px;
    background-image: url(modal/cdNavFadeIn.gif);
    background-position: right 14px;
    text-decoration:none;    
        
}

a.cdCal:active
{
    display:block;
    float:left;
    height:16px;
    line-height:14px;
    margin-top:5px;
    margin-right:5px;
    width:17px;
    background-image: url(modal/cdNavCal.gif);
    background-position:left 16px;
    text-decoration:none;
}


div.cdCaption
{
    display:block;
    float:left;
    padding:0 10px 0 10px;
}
/*


#modform a span.arrowright,
#modform a:link span.arrowright,
#modform a:visited span.arrowright
{	
    padding-right: 10px;
    padding-left: 10px;
    BACKGROUND-POSITION: right center;	
    FONT-WEIGHT: normal;	
    BACKGROUND-IMAGE: url(modal/right.gif);	
    CURSOR: default;	
    BACKGROUND-REPEAT: no-repeat;
}

#modform a span.arrowleft,
#modform a:link span.arrowleft,
#modform a:visited span.arrowleft
{	
    padding-right: 10px;
    padding-left: 10px;
    BACKGROUND-POSITION: left center;	
    FONT-WEIGHT: normal;	
    BACKGROUND-IMAGE: url(modal/left.gif);	
    CURSOR: default;	
    BACKGROUND-REPEAT: no-repeat;
}

#modform a:hover span.arrowleft,
#modform a:active span.arrowleft
{	
    padding-right: 10px;
    padding-left: 10px;
    BACKGROUND-POSITION: left center;	
    FONT-WEIGHT: normal;	
    BACKGROUND-IMAGE: url(modal/lefthover.gif);	
    CURSOR: default;	
    BACKGROUND-REPEAT: no-repeat;
}

#modform a:hover span.arrowright,
#modform a:active span.arrowright
{	
    padding-right: 10px;
    padding-left: 10px;
    BACKGROUND-POSITION: right center;	
    FONT-WEIGHT: normal;	
    BACKGROUND-IMAGE: url(modal/righthover.gif);	
    CURSOR: default;	
    BACKGROUND-REPEAT: no-repeat;
}
*/