body
{
    font-size: .85em;
    font-family: Sans-Serif,"Trebuchet MS",Verdana, Helvetica;
    color: #232323;
    margin:0;
    padding:0;
    background-color: #E6E6E6;
}

header,
footer,
nav,
section {
    display: block;
}
h1,h2,h3,h4,h5,legend
{
    color:#17469e;
    font-family:"Trebuchet MS";
}
a,
a:visited
{ 
    color:#17469e;
}
a:active,
a:hover
{ 
    color:#990000;
}
p
{
    line-height:150%;
}


/* Styles for basic forms
-----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:.8em 1.4em 1.4em 1.4em;
    margin-left: .5em;
    margin-right: .5em;
    background:#fff;
    width:auto;
}
fieldset p
{
    clear:both;
}
div.buttons
{
    clear:both;
    margin:2em 0;
}

input.button
{
    min-width:100px;
    color:#17469e;
}
div.buttons input,
fieldset.buttons input
{
    margin:1em 0 1em 3%;
    cursor:pointer;
}
div.buttons input.submit,
div.buttons input.button-first,
fieldset.buttons input.submit,
fieldset.buttons input.button-first
{
    margin:1em 0 1em 33%;
}
legend 
{
    font-size:1.2em;
    font-weight: bold;
    padding:3px 8px;
}

textarea 
{
    min-height: 100px;
    min-width: 400;
}

.boxterms
{
    border: 1px solid #dddddd;
    width:700px;
    height:500px;
    overflow: auto;
}



.editorUser-label 
{
    margin: .5em 0px 0 0;
    clear:left;
    float:left;
    display:block;
    width:150px;
    text-align:right;
}

.editorUser-field 
{
    margin:.5em 0 0 .5em;
    float:left;
    display:block;
    padding:0;
}

.editor-label 
{
    margin: .5em 0px 0 0;
    clear:left;
    float:left;
    display:block;
    padding:2px 0;
    width:150px;
    text-align:right;
}

.editor-field 
{
    margin:.5em 0 0 .5em;
    float:left;
    display:block;
    padding:0;
}

.editor-field-email input
{
    width:200px;
}

.editor-security 
{
    margin:0.5em 0 0 0;
}

span.asterisk
{
    font-style:italic;
    color:#990000;
    font-size:1em;
    font-weight:bold;
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

.float-right
{
    float:right;
}

/* site div structure  */
.site-container
{
    width:100%;
    margin:0;
    padding:0;
    text-align:center;
    clear:both;
    float:left;
    background:#E6E6E6;
}
.site-inner
{
    width:1000px;
    margin:0 auto;
    padding:0;
    text-align:left;
    clear:both;
}
#header-container
{
   
   background-color: #F3F3F3;
   background: -moz-linear-gradient(center top , #E6E6E6 0%, #F3F3F3 50%) repeat scroll 0 0 transparent;
   border-bottom:1px solid #DEDEDE;
   height:91px;
}
#header
{
   
   height:91px;
}
#logo
{
    float:left;
    margin:10px 10px 0 10px;
}

#header-divider
{
   float:none;
   clear:both;
   position:relative;
   top:-26px;
   left:5px;
   border-top:1px solid #17469e;
   width:990px;
   margin-bottom:-26px;
   height:1px;
   overflow:hidden;
   line-height:.1px;
}
#welcome
{
    float:right;
    clear:right;
    margin:30px 8px 0px 15px;
    font-size:11px;
    color:#17469e;
}
#main-container
{
    background-color: #FEFEFE;
    background: -moz-linear-gradient(left top , #FEFEFE 0%, #F3F3F3 90%) repeat scroll 0 0 transparent;
}
#main
{
    
}
#main-left
{
    width:180px;
    float:left;
    margin-right:20px;
    padding-top:20px;
    
}

#jayhawk
{
    margin:50px 20px 20px 20px;
}
#main-body
{
    width:738px;
    float:left;
    margin:0;
    min-height:500px;
    padding:20px 10px 50px 50px;
    
    /*border:1px solid #DEDEDE;
    border-top:0;
    border-bottom:0;
*/
    
}
#footer-container
{
    background-color: #F3F3F3;
    background: -moz-linear-gradient(center top , #F3F3F3 0%, #E6E6E6 50%) repeat scroll 0 0 transparent;
    border-top:1px solid #DEDEDE;
    
}
#footer
{
    text-align:center;
    
    min-height:150px;
}
#copyright
{
    font-size:.75em;
}

/*  menus */
ul.menu
{
    display:none;
}

#navTop-container
{
    width:auto;
    max-width:700px;
    float:right;
    margin:5px;
}

/*  left hand navigation */
#menu-NavLeft
{
    list-style-type:none;
    padding:0;
    margin:0;
    display:block;
    min-height:500px;
}
.main-left-home #menu-NavLeft
{
    min-height:50px;
    
}
#menu-NavLeft li
{
    margin:5px;
    display:block;
    color: #eeeeee;
    /* width:100px; */
    white-space:nowrap;
    /* Shadow*/
    -webkit-box-shadow:inset 0 0 3px #DEDEDE;
    -moz-box-shadow:inset 0 0 3px #DEDEDE;
    box-shadow:inset 0 0 3px #DEDEDE;
    background-color: #F3F3F3;
    background: -moz-linear-gradient(center top , #FEFEFE 0%, #F3F3F3 80%) repeat scroll 0 0 transparent;
    border:1px solid #DEDEDE;
}

#menu-NavLeft li:hover,
#menu-NavLeft li.selected
{
    background:#FEFEFE;
}
#menu-NavLeft li:hover
{
    border-color:#CECECE;
}
#menu-NavLeft li.selected:hover
{
    cursor:default;
}
#menu-NavLeft li a
{
    color:#17469e;
    text-decoration:none;
    padding:0;
}
#menu-NavLeft li a:hover,
#menu-NavLeft li.selected a
{
    color:#232323;
    background:#FEFEFE;
}
#menu-NavLeft li span
{
    display:inline-block;
    padding:5px 10px;
    color:#232323;
    margin:5px;
}

#menu-NavLeft li a span
{
    color:#17469e;
}
#menu-NavLeft li.title,
#menu-NavLeft li.title:hover
{
    background:none;
    margin-top:20px;
    box-shadow:none;
    border:none;
   
}
#menu-NavLeft li.title span
{
     color:#17469e;
     padding:12px 0 0 0;
}
#menu-NavLeft li.programStep
{
    padding-left:20px;
}
#menu-NavLeft li.programStep img
{
    margin:5px 0;
    padding:0;
    display:inline-block;
    float:left;
}
#menu-NavLeft li.programStep span
{
    display:inline-block;
    padding:5px 10px;
    color:#17469e;
}
#menu-NavLeft li.programStep a:hover,
#menu-NavLeft li.programStep-Selected a,
#menu-NavLeft li.programStep-Selected span
{
    color:#232323;
}

#menu-NavLeft li.programStep-Inactive
{
    background: -moz-linear-gradient(center top , #EDEDED 0%, #E3E3E3 80%) repeat scroll 0 0 transparent;
    border: 1px solid #DEDEDE;
    box-shadow: 0 0 3px #DEDEDE inset;
    color: #EEEEEE;
}

#menu-NavLeft li.programStep-Completed
{
    background: -moz-linear-gradient(center top , #EDEDED 0%, #E3E3E3 80%) repeat scroll 0 0 transparent;
    border: 1px solid #DEDEDE;
    box-shadow: 0 0 3px #DEDEDE inset;
    color: #EEEEEE;
}

#menu-NavLeft li.programStep-Completed span,
#menu-NavLeft li.programStep-Inactive span
{
    color:#232323;
}

#menu-NavLeft li.programStep-Inactive a span
{
    color:#17469e;
}
#menu-NavLeft li.programStep-Completed a,
#menu-NavLeft li.programStep-Completed a span
{
    color:#006633;
}
#menu-NavLeft li.programStep-Completed a:hover,
#menu-NavLeft li.programStep-Inactive a:hover
{
   background:none;
}
#menu-NavLeft li.programStep-Current a span,
#menu-NavLeft li.programStep-Current span
{
    /* font-weight:bold; */
}
#menu-NavFooter
{
    list-style-type:none;
}
/* themes */
/* blue theme */
body.blue
{
    background-color: #E0E4FF;
}
body.blue #header-container
{
    background-color: #F2F4FF;
    background: -moz-linear-gradient(center top , #E0E4FF 0%, #F2F4FF 50%) repeat scroll 0 0 transparent;
    border-bottom:1px solid #D0D4FF;
}
body.blue #footer-container
{
    background-color: #F2F4FF;
    background: -moz-linear-gradient(center top , #F2F4FF 0%, #E0E4FF 50%) repeat scroll 0 0 transparent;
    border-top:1px solid #D0D4FF;
}
body.blue .dropdown {
    /* Shadow*/
    -webkit-box-shadow:inset 0 0 3px #D0D4FF;
    -moz-box-shadow:inset 0 0 3px #D0D4FF;
    box-shadow:inset 0 0 3px #D0D4FF;
    background-color: #F2F4FF;
    background: -moz-linear-gradient(center top , #E0E4FF 0%, #F2F4FF 50%) repeat scroll 0 0 transparent;
    border:1px solid #D0D4FF;
    border-bottom:2px solid #D0D4FF;
    border-left:2px solid #D0D4FF;
}

.admin-CompanyGrid
{
    width:100%;
}
.admin-CompanyGrid th .k-link
{
    font-size: small;
    padding: 0  !important;
    text-align:center;
}
.admin-CompanyGrid .k-grouping-row td
{
    text-align:left;
}
.admin-CompanyGrid td
{
    font-size: small;
    padding: 0  !important;
    text-align:center;
}

.PatientGrid
{
    width:100%;
}
.PatientGrid th .k-link
{
    font-size: small;
    text-align:center;
}
.PatientGrid td
{
    font-size: small;
    padding: 0  !important;
    text-align:center;
}



/* Styles for registration and wizard
-----------------------------------------------------------*/
.wizard-step
{
    display:none;
}


.validation-label 
{
    color:#333333;
    font-size:15px;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
}


/* Styles for company edits-----------------------------------------------------------*/
.editCompany-row
{
    width: 100%; 
    margin-bottom:10px;
}
.editCompany-label
{
    width:130px;
    text-align:right;
    padding-right:5px;
    float:left;
    vertical-align:middle;
}

/* Styles for surveys-----------------------------------------------------------------*/
span.qNumber
{
    font-style:italic;
    font-weight:bold;
}
div.survey-patientData
{
    color:#17469e;
    margin:10px 0;
}
div.survey-patientData label
{
    font-weight:bold;
}

div.survey-instructions
{
    display:block;
    float:none;
    clear:both;
    color:#17469e;
    background:#fff;
    border:1px solid #bbb;
    padding:20px;
    margin-bottom:20px;
}
div.status-Completed
{
    background:#17469e;
    color:#fff;
}
div.status-Completed a,
div.status-Completed a:hover,
div.status-Completed a:visited
{
    color:#fff;
    display:inline-block;
    margin:5px;
    text-decoration:none;
    font-weight:bold;
}
div.status-Completed a:hover
{
    text-decoration:underline;
}
div.survey .question
{
    float:left;
    clear:left;
    margin:12px 7px;
}
div.survey .question label,
div.survey .childQuestions label
{
    float:left;
    width:150px;
    clear:left;
    text-align:right;
}

div.survey .question .answer
{
   float:left;
   margin:0 0 0 5px;
}
div.survey .LongLabel label,
div.survey .childQuestions .LongLabel label
{
    width:auto;
    text-align:left;
    margin:8px 30px 5px 0px;
}
div.survey .LongLabel .childQuestions .normalLabel label,
div.survey .childQuestions .normalLabel label
{
    float:left;
    width:150px;
    clear:left;
    text-align:right;
}
div.survey .inlineMedLabel label,
div.survey .childQuestions .inlineMedLabel label
{
    width:240px;
    text-align:right;
    margin:0;
}
div.survey .LongLabel .answer
{
    float:left;
    clear:left;
    margin:0 0 0 150px;
}
div.survey .inlineMedLabel .answer
{
    float:left;
    clear:none;
    margin:0;
}
div.survey .SmallIndentChildQuestions .answer
{
    margin:0 0 0 25px;
}
div.survey .question-Date label,
div.survey .question-Time label
{
    padding:8px 0;
}
div.survey .question-DropDownList label
{
    padding:6px 0;
}
div.survey .childQuestions .question-Date label,
div.survey .childQuestions .question-Time label
{
    padding:3px 0;
}
div.survey .childQuestions .question-DropDownList label
{
    padding:3px 0;
    margin:0 5px;
}
div.survey .clear-answer .answer,
div.survey .inline .clear-answer .answer
{
    clear:left;
}
div.survey .childQuestions
{
    margin:0px 0px 0px 0px;
}
div.survey .childQuestions .question
{
    margin:5px 7px;
}


div.survey .inline label,
div.survey .inline .answer
{
    clear:none;
}
div.survey .inline .answer
{
    /*margin-left:5px;*/
}
div.survey .childQuestions .inline .answer,
div.survey .question-Checkbox .answer
{
    margin-left:5px;
}
div.survey .question-Checkbox .answer input
{
   float:left;
   margin:4px 8px 4px 0;
   
}
div.survey .inline .answer-RadioButton,
div.survey .childQuestions .inline .answer-RadioButton
{
    clear:both;
    margin: 0 0 0 150px;
}

div.survey .inline-radio .answer-RadioButton,
div.survey .childQuestions .inline-radio .answer-RadioButton
{
    clear:none;
    margin: 0 0 0 10px;
}
div.survey .noindent-radio .answer-RadioButton,
div.survey .childQuestions .noindent-radio .answer-RadioButton,
div.survey .noindent-answer .answer,
div.survey .childQuestions .noindent-answer .answer
{
    margin-left: 15px;
}                                      
div.survey label.checkbox
{
    margin:2px 12px 2px 0px;
    clear:none;
    float:left;
    display:inline-block;
    width:440px;
}
div.survey label.radio,
div.survey .inlineMedLabel label.radio,
div.survey .childQuestions .inlineMedLabel label.radio,
div.survey .LongLabel label.radio,
div.survey .childQuestions .LongLabel label.radio
{
    margin:2px 12px 2px 0px;
    cursor:pointer;
    width:auto;
}

div.survey .buttons
{
    border:1px solid #bbb;
}
.k-grid-add
{
    float:right;
}
.grid-title
{
    width:auto;
    display:inline-block;
    margin:4px 0;
}

.statusMessage
{
    color:Green;
}


.table-enrollment {
	border: 1px solid #DFDFDF;
	background-color: #F9F9F9;
	width: 100%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #333;
}
.table-enrollment td, .table-enrollment th {
	border-top-color: white;
	border-bottom: 1px solid #DFDFDF;
	color: #555;
}
.table-enrollment th {
	text-shadow: rgba(255, 255, 255, 0.796875) 0px 1px 0px;
	font-weight: normal;
	padding: 7px 7px 8px;
	text-align: left;
	line-height: 1.3em;
	font-size: 14px;
}
.table-enrollment td {
	font-size: 12px;
	padding: 4px 7px 2px;
	vertical-align: top;
	background-color: #FFF;
}

/* homepage */

.action-prompts
{
    float:right;
    width:250px;
    border:2px solid #17469e;
    color:#FFFFFF;
    background:#17469e;
    font-size:1em;
    margin:0 0 15px 15px;
}
.action-prompts .title
{
    padding:.2em;
    text-align:left;
    background:#17469e;
    font-size:1.4em;
    color:#FFFFFF;
    border-bottom:1px solid #DEDEDE;
}
.action-prompt
{
    margin:.4em;
    display:block;
    padding:5%;
    text-align:left;
    border-bottom:1px solid #DEDEDE;
}
.action-prompt input.button
{
    width:150px;
    display:block;
    margin:10px auto;
}
.home ul
{
    color:#17469e;
    
}
.home p{

    padding:initial;
}
#home-supporters
{
    color:#17469e;
    float:none;
    border:0;
    
}
.supporters{
    margin:10px auto;
}
.supporters a {
    display:inline-block;margin:5px 10px;
    border:0;
}
.supporters img.vpad{
    padding-bottom:30px;
}
a.tooltip
{
    float:none;
    display:inline-block; 
    position:relative;  
    top:5px;
}
div.tooltip
{
    display:none;
    
}
.tooltip_visible
{
    padding:25px;
    border:1px solid #DEDEDE;
    width:200px;
}

#HomePageArticles {
    margin:25px 0;
    padding:0 15px 12px 15px;
    border:1px solid #ccc;
    color:#000;
}
#HomePageArticles h3{
    color:#333;
}
#HomePageArticles a{
    display:block;
    margin:8px 0;
    font-size:11px;
    
}

#home-slides{
    position:relative;
    width:420px;
    height:220px;
    overflow:hidden;
}

#home-slides .items{
    width:20000em;
    position:absolute;
    clear:both;
}

#home-slides .home-slide{

    width:400px;
    height:200px;
    margin:10px;
    float:left;
}
#home-slides .home-slide h3{
    margin-top:0;
    color:#333;
}
#home-slides .home-slide p{
   margin-top:0;
}
#home-slides .home-slide ul{
   margin-top:5px;
}
#home-slides .home-slide li{
   /*list-style-image:url(../Content/Images/list-arrow.png);*/
   margin:8px 0;
   line-height:150%;
}
.navi{
    border-bottom:1px dotted #ccc;
    width:440px;
}
.navi a {
    padding:0 5px;
    cursor:pointer;
}
.navi .active {
    font-size:22px;
    color:#990000;
}