/* 
===================================================================
===================================================================
CUSTOM STYLE SHEET
Use this to write customized elements specific to your application
================================================================== 
==================================================================
*/

/* new rounded buttons */
/*@import url("buttons.css");*/

/* these table items are for the Home Page Menu and for "repeater" tables */
/*.tablegrid
{
    border: 3;
    */
    /*
    border-right: honeydew thin ridge;
    border-top: honeydew thin ridge;
    border-left: honeydew thin ridge;
    border-bottom: honeydew thin ridge;
	*/
    /*background-color: transparent;
}*/

/* used in grids - this is white smoke */
/*.tdgridItem
{*/

  /*  border-right: honeydew thin ridge;
    border-top: honeydew thin ridge;
    border-left: honeydew thin ridge;
    border-bottom: honeydew thin ridge;
*/
    /*padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;*/
    /*background-color: #f5f5f5;*/
    /*background-color: #ffffff;
    font-size: 12px;
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;*/
    
/*}*/

/* used in grids - this is PLAIN white */
.tdgridAlternate
{
    border: 3;
    /*
    border-right: honeydew thin ridge;
    border-top: honeydew thin ridge;
    border-left: honeydew thin ridge;
    border-bottom: honeydew thin ridge;
	*/
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 12px;
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;    
    background-color:#f6fbff
}

/* these are used in repeaters throughout (GridColumnHeading is also used in Grids */
.GridColumnHeading
{
    background-color: #ddeecc;
    font-size: 11px;
    color: Black;
    font-weight: bold;
    height: 25px;
    padding-left: 5px;
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: left;
       /* border-right: honeydew thin ridge;
    border-top: honeydew thin ridge;
    border-left: honeydew thin ridge;
    border-bottom: honeydew thin ridge;
	*/
}

/* Rounded Box */
.roundedgebox
{
    background: #dde3cc;
    margin: 0;
}
.rtop, .rbottom{
display:block;
background:#fff;
}
.rtop *, .rbottom *{
display: block;
height: 1px;
overflow: hidden;
background:#dde3cc;
}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{
margin: 0 1px;
height: 2px
}

/* This is used just for PRINTING */

.PrintCertificateBox
{
    text-align:center;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    border-bottom: black thin solid;
    background-color: transparent;
    width: 80%;
    height: 75%;
}

.PrintCertificateTitle
{
    font-size: 48px;
    font-weight: bold;
    font-family: 'Old English Text MT';
}

.PrintCertificateName
{
    font-size: 48px;
    font-weight: bold;
    /*font-family: 'Edwardian Script ITC';*/
    font-family: 'Lucenda Calligraphy'
}

.PrintCertificateModule
{
    font-size: 36px;
    font-weight: bold;
    border-style: none;
}

.PrintIcon {
    font-size: 12px; 
    font-weight:bold;
    border-style: none;
    text-align: right;
    width: 90%;
}

.PrintIconText
{
    font-size: 12px;
    font-weight: bold;
    border-style: none;
    text-align: right;
    vertical-align: top;
}

/*ccr3*/

.module li, .rounders li {list-style:disc inside;border-bottom:0;}
.module li a, .rounders li a {display:inline;} /*...*/
.subc strong{padding:15px 0;display:block;}
#home{clear:both;margin:-20px 5px 0 0;border:1px solid #fff;width:99%}
#home a{font-weight:bold;}
#home a.learn{font-weight:normal;}
.inactiveSectionLink{font-weight:bold;color:#000 !important;text-decoration:none;}
.inactiveSectionLink:hover{text-decoration:none !important;}
#sectionLinks{width:100%;padding:4px;background:#c5ded6;font-size:12pt;}
#sectionLinks a{padding:4px}
#topic-title{width:600px;overflow:visible;}
#topic-title h2{padding:5px}
.CCRHelp img{vertical-align:middle}
/*#nav-container{margin-top:-25px;}*/
#content{overflow:visible}
#TextTop{clear:both;padding-top:10px;/*margin-top:50px;position:absolute;*/}
#ctl00_ContentMain__lblTextTop{margin-bottom:20px;display:block;}
.contactlink{float: right;text-decoration:underline !IMPORTANT;margin-right:5px;}
.printicon{cursor:pointer;}
p#return-link a{background:none;padding:0 !important;text-decoration:underline !important;}
/*p#return-link a:before{content: "\2190 ";}*/
.subc ul li {line-height:30px}

.c8{color:gray;}
.pdf{margin:0 5px}
#subtitleandlinks a{text-decoration:underline !important}

#saveandexit{float:right;margin-right:5px;z-index:999;}
#referenceandhelp{float: right;top:5px;clear:right;margin-right:5px;}
#referenceandhelp a, #saveandexit a{text-decoration:underline !important}

.msgbox{border:1px solid #bfbfbf;padding:6px;vertical-align:top;width:90%;margin:8px;}
.msgbox div{float:left;margin-right:10px}
.msgbox ul li{margin-left:70px}

#maintitleandlinks {padding-top:10px;}
#maintitleandlinks a {text-decoration:underline !important;float:right;margin-right:5px;}

#breadBox{width:100%}

#main-inner{clear:left}
/*
#main-inner h1,h3,p,h5{margin:10px 10px;}
*/
.tblLoginDiv{width:300px!important;padding-top:15px}
.tblLoginDiv input{clear:right;margin-bottom:5px}
.tblLoginDiv input.Button{padding:3px 8px;margin-left:110px}
.tblLoginDiv label{width:150px;display:block;float:left}
#tblLoginSubDiv{clear:left}
#tblLoginSubDiv ul{list-style: none outside none;}

.greyborder{border:1px solid #c0c0c0;padding:5px;float:left;width:99%;}

.widePage #content-main #tblLoginSubDiv ul li{margin-left:-10px}
.widePage #content-main #tblLoginSubDiv ul li a{text-decoration:underline}
.widePage #content-main #tblLoginSubDiv ul li a:hover{text-decoration:none}

#content-main {/*top:45px;*/clear:right !important;}
#pageOptions-horizontal{height:66px;margin:0 0 0 189px;}
#main-inner{margin:0 !important;}
#nav-container{position:absolute;top:0;}

#ctl00_PDFDisclaimer{margin:10px}
#ctl00_PDFDisclaimer div{margin:10px}

/*#ctl00_ContentMain_upOptionsPanel{padding:0;}
#ctl00_ContentMain_upOptionsPanel div{padding:10px 0;}*/
#optionscontainer{padding:0;}
#optionscontainer div{padding:10px 0;}

/*#wpIfr{width:98%;height:500px;border:1px solid #000;}*/
#wpIfr
{
    position:relative;
    top:3px;
    width:98%;
    background:#fff;
    height:850px;
}

#StartCancelPractice{margin-left:50px}

/*, #ctl00_ContentMain_optionstepthree div + div*/
.rbl input
{
    clear:left;
    margin:10px 5px 0 50px;
}


/*ctl00_ContentMain_*/
#PhysicianSpecialtyPanel div + div, #PrimarySitePanel div + div{margin:-5px 0 10px 50px;}
#PhysicianSpecialtyPanel div + div > select, #PrimarySitePanel div + div > select{margin-bottom:10px;}

.rbl label
{
    display:block;
    margin-left:70px;
    margin-top:-14px;
}

.pdefault {
    font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:10pt !important;
}

#details{
    width:99%;
    height:15px;
    margin:10px 0;
    background:#f6fbff;    
    padding:5px;
    float:left;
    clear:both;
}

#primarysiteresponsebox{
    width:90%;
    height:40px;
    margin:10px 0;
    background:#f6fbff; 
    padding:5px;
    float:left;
    display:block;
    clear:both;
    border-style:ridge;
    border-color: #98bf21;
    border-width:0.5px;
}

#timeleft
{
    width:110px;
    height:40px;
    background:#e6f2ee;
    float:right;
    clear:right;
    margin:5px;
    padding:10px 0 0 10px;
}
#timeleft img{vertical-align:middle}
#mins{font-weight:bold}
.notimeleft{ }
.hidden{display:none;}
.stepimg, #wpIfr{float:left;}


#shadow {
    width: 98%;
    margin: 100px auto;
    position: relative;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    background: #666666;
}

#shadow {
    background:none repeat scroll 0 0 #E0E0E0;
    border:1px solid #F0F0F0;
    float:left;
    height:500px;
    margin:20px auto;
    position:relative;
    width:98%;
}

#rmshadow {
    background:none repeat scroll 0 0 #F0F0F0;
    border:1px solid #F0F0F0;
    height:100px;
    position:absolute;
    width:500px;
}

#referencematerials
{
    position:absolute;
    display:none;
    z-index:999;
    width:510px;
    height:110px;
}

#rm
{
    border:1px solid #cecece;
    background:#f6fcfb;
    width:500px;
    height:100px;
    position:absolute;
    left:-5px;
    top:-5px;
}

#referencematerials #closer
{
    float:right;
    padding:2px;
    cursor:pointer;
    color:Blue;
}

#steptext
{
    font-weight:bold;
    width:100%;
}
.primarysites, .viewcert
{
    float:right;
    margin-right:5px;
}

.viewcert a{text-decoration:underline!important}

#infoicon{cursor:pointer}
#StartCancel{display:none;clear:both;}

.DataGrid{border:0;}
.GridColumnHeading{background:#E1F3F8CC; /*#c1ded5*/}

#scorebox
{
    background:#c4c4c4;
    padding:3px 5px 3px 5px;
    font-size:14pt;
    width:285px;
    margin:7px 0;
}
.quizselecttext
{
    margin-left:50px;display:block;
}

.rbldesc{font-size:11px;width:80%;display:block}
.StartCancelFixed{position:absolute!important;top:572px}

/* ;width:90% */
#content p{margin:10px 0}

.topofpage {
  background: url("../images/arrow_TOP.png") no-repeat scroll 0 0 transparent;
  padding-bottom: 2px;
  padding-left: 20px;
  text-decoration:underline!important
}


table.DataGrid, table.DataGrid tr, table.DataGrid td, table.DataGrid th {
    padding:3px 5px;
    border:1px solid ActiveBorder;
}


#siteinfo
{
    float:none;
    clear:both;
    z-index:1;
}

 
.accessibleHide 
{
    position: absolute; 
    left:-10000px; 
    top: auto;
    width:1px; 
    height:1px; 
    overflow: hidden;
}

/* 
===========================================================
Generic datatable styles
===========================================================
*/

#divGenericContainer
{   /* Generic datatable width etc. */
    margin-left:1em; margin-right:1em;
}

#divGenericContainer a.button, #divGenericContainer a[role="button"]
{   /* No link buttons can be underlined. */
    text-decoration:none;
}

/* 
===========================================================
Generic form styles
===========================================================

#colorbox div{border: solid 1px black; color:Black;}
border:solid 6px #1a7aa2 !important; padding:20px;
*/



#cboxTitle, #cboxClose /*, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight*/
{   /*Colorbox controls to hide*/
    display:none !important;}

.custom_title
{   /*App-custom colorbox title*/
    font-size:1.5em;
    color:#041C47;         
    padding:0em;
    padding-left:100px;
    margin:0em;
    margin-bottom:0.5em;
}
    
.form_label{color:Black; font-weight:normal;}
.form_textbox{color:Black !important; font-weight:normal;  /*height:1em; padding:0em; margin:0em;*/}
.form_info_div{color:Black; padding:1em; padding-left:0em;}
.form_button_div{float: left; left: 50%; padding-top: 7px;}
.form_button{float: left; right: 50%;}
.form_radiolist{}
/*//.form_radiolist td{padding: 0.1em;  }
.form_radiolist input{color:Black; padding:0em; margin:0em; vertical-align:top;}*/
.form_radiolist label
{/*spans are for disabled labels; however the disabled text color should be ok, check on this later*/
    color:Black; font-size:1em; padding:0em; margin:0em; margin-left:.5em; vertical-align:top; font-weight:normal !important; font-style:normal;}

/**/
#cboxContent
{    background-color:#ffffff;
    border-width: 6px;
    border-color: #486BA3;
    border-style: solid;
}
#deletePanel, #editPanel{
    padding: 0px 20px 0px 70px;
    width:400px;
   }
   
#deletePanel {
    padding: 0px 20px 0px 20px;
    height:150px;
   }   

#editPanel.lookup
{   height:175px;
}


.LookupTable
{
   max-width: 600px;
   min-width: 300px;
}

#editPubsPanel{
    padding: 20px 20px 20px 20px;
    
    width:700px;
   }


.layoutTable
{
    behavior: url(/IE.htc);
    float: left;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #CCC;
    margin-right: 10px;
    padding: 7px;
    text-decoration:none !important;
    outline: none;
   
    position:relative;
}

.layoutTable .layoutRow
{
   min-height:16px; 
   }

.layoutTable .labelCell
{
    padding:10px;
    vertical-align:middle;
    background-color:#D6DEE4;
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #666;
    width:175px;
    }

.layoutTable .labelCell .layoutLabel
{
    font-weight:bold;
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #666
   
}


/* 
===========================================================================
===========================================================================
*LEGACY*
These entries come from the v4.0 template and CKD Surveillance application
===========================================================================
===========================================================================
*/

a.ckd-accordion-indicator
{
    font-weight:normal;
}

div.addedTableHeader
{
    text-align:left;
}

h2.accessibleHide
{
    position: absolute; 
    left:-10000px; 
    top: auto;
    width:1px; 
    height:1px; 
    overflow: hidden;
}
h3.ckd-accordion-module-title 
{
    margin-bottom:8px;
}

.accordion-wrapper 
{
    margin-top:15px;
}

option[disabled]
{
    font-weight: bold;
    color: #000000;     
}

.accordionBrandingImage 
{
    float:right;
}

a.ckd-accordion-subcategory{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none
}

a.ckd-accordion-subcategory:hover {z-index:100;}

a.ckd-accordion-subcategory span {display: none}

a.ckd-accordion-subcategory:hover span {
    display:block;
    position:absolute;
    top:1.5em; 
    left:20em; 
    width:30em;
    border:1px solid #000;
    background-color:white; 
    color:#000;
    padding:5px;
}

/*.module li, .rounders li {
border-bottom:none;
display:list-item;
list-style:none outside none;
margin:0;
padding:3px 2.5px;
}*/

.psmall {
font-family:Arial,Helvetica,sans-serif;
font-size:90%;
font-weight:normal;
}

.tableCellData
{            
    white-space: nowrap; 
    overflow: hidden;    
    font-size:11px;
}
.addedTableHeader
{
    font-size:16px;
    padding: 2px 0px 0px 4px;
}
.addedTableHeaderDataSource
{
    font-size:12px;
    padding: 0px 0px 2px 4px;
    float:left;
}

.regCell
{
	border-left: solid 1px black;	
	border-bottom: solid 1px black;
	padding: 1px 3px 1px 3px;
	text-align:center;
}
.regCellGreen
{
    border-left: solid 1px #1a7aa2;	
	border-bottom: solid 1px #1a7aa2;
	padding: 1px 3px 1px 3px;
	text-align:center;
}
.endCell
{				
	border-right: solid 1px black;				
}
.endCellGreen
{				
	border-right: solid 1px #1a7aa2;				
}
/*.ProjectSubtitle
{
    font-size:10pt;
    font-family:Verdana;
    font-style:italic;   
}
.ProjectTitle
{
    font-size:16pt;
    font-family:Trebuchet MS;    
}*/
.SeparatorBar
{
    display:inline-block;    
    /*background-image:url("../images/084239gradient.png");*/
    /*background-image:url("../images/DEEEE9_to_084239_gradient.png");*/
    background-image:url("../images/ffffff_to_084239_gradient.png");
    
    margin-left:20px;
    height:25px;    
    width:98%;
    /*width:1180px;*/
}

/*hiding the 'external link' icons*/
.external
{
    /*display:none !important;*/
}
/*adjusting the right padding for the elements to the left of the external links*/
.tp-external-link-fix
{
    /*padding-right: 0px !important;*/
}

/*keeping right padding for the CKD Topic tabs, otherwise the text is offset*/
li a.tp-external-link-fix
{
    /*padding-right: 15px !important;*/    
}