body {
    font-family: Arial,Verdana,sans-serif;
    font-size:75%;
    margin:0px 0px;
    text-align:center;
    color:#333333;
    background-color:#FFFFFF;
}

a {
  color:#3366FF;
}

thead {
    font-weight:bold;
}

h1 {
 color:#3657AF;
 font-size:125%;
 margin:10px 0px;
 font-family:Arial,sans-serif;
}

a:hover {
    color:#CC0000;
}

div.dark-div {
background-color: #EFEFEF;
padding: 6px;
}

div.light-div {
background-color: white;
padding: 6px;
}


#header {
    margin-top:5px;
    background-image:url("../../images/kc_logo_final1.jpg");
    background-repeat:no-repeat;
    float:left;
    width:1000px;
    height:100px;
}

#navigation_wrapper {
background-image: url("../../images/layout/navigation_background.jpg");         
background-repeat:repeat-x;
 width:1000px;
 clear:both;  
border-top:1px solid #FFF;      
 float:left;
 background-color:#0066CB;
}

#navigation_wrapper #navigation { 
    position:relative;
	float:left;
    text-align:left;
    color:#0066CC;
    width:1000px;
}

#navigation_wrapper #search {
    float:left;
    color:#FFF;
    padding:2px 0px;
    text-align:left;
    width:175px;
    padding-left: 3px;
}

#navigation_wrapper #search input[type=submit] {
    background-color:transparent;
    background-image:none;
    font-weight:bold;
    color:#FFF;
    border:0px;
    padding:1px 0px;
}

#navigation_wrapper #navigation {
    float:right;
    width:800px;
}

#navigation ul#nav a {
    color:#FFF;
}

#navigation ul#nav li.selected a {
    color: white;   
    text-decoration:underline;
    background-image: url("../../images/menu_back_tile.png");
    background-repeat:repeat-x;
}

#navigation ul#nav li a:hover {
    color: white;
    background-image: url("../../images/menu_back_tile.png");
    background-repeat:repeat-x;
}

#navigation ul#nav li.selected ul.nav2 li a {
    color:#FFFFFF;
    background-image:none;
    text-decoration:none;

}

#navigation ul#nav li.selected ul.nav2 li a:hover {
    color: white;
    background-image: url("../../images/menu_back_tile.png");
    background-repeat:repeat-x;
    text-decoration:none;

}

#navigation ul#nav li.selected ul.nav2 li a {
    color: white;
    background-image: url("../../images/menu_back_tile.png");
    background-repeat:repeat-x;
    text-decoration:none;
}

#navigation ul#nav li.selected ul.nav2 li a {
    color: white;
    text-decoration:none;
}

#navigation ul#nav li:hover ul.nav2 li a {
    color:#FFFFFF;
    background-image:none;
    text-decoration:none;

}


#navigation ul#nav li ul.nav2 li a:hover {
    color: white;
    background-image: url("../../images/menu_back_tile.png");
    background-repeat:repeat-x;
    text-decoration:none;
    background-color: #4106B8;

}

#navigation ul#nav ul {
 border-color:#4106B8;
 color:#FFFFFF;
 background-color:#5B3B9F;
  filter:alpha(opacity=90);
 -moz-opacity:.90;
 opacity:.90;      
}

#navigation ul#nav ul li a {
 color:#3366FF;       
 border-color:#4106B8;
}

#middle {
 width:1000px;
 background-color:#FFF;
}

#middle #content {
    background-color:#FFFFFF;
    float:left;
    line-height:20px;
    margin-top:10px;
    margin-left:10px;
}

#middle #right {
    padding:0px;
    margin-top:10px;
}

#middle #left #news {

    margin-top: 15px;
    border:1px solid #4106B8;
    padding:10px;
    background-color:transparent;
    background-image: url("../../images/nav_gradiant.jpg");
    background-repeat:repeat; 
}

#middle #search {
    border:1px solid #3399FF;
    background-color: #F0F7FF;
    margin-top:10px;
    width:198px;
    padding:10px 0px;
}

#middle #search .label {
    color:#3366FF;
    padding:3px 0px;
}

#middle #search input {
    border:1px solid #3366FF;
    margin-right:5px;
    padding:0px 5px;
}

#middle #search .input input[type=submit] {
    padding:3px;
}

#middle #left ul {
    border:0px;
    // border-top:1px solid #3399FF;      
}

#middle #left ul li {
    margin-top: 5px;
    border-top: 1px solid #4106B8;
    border-bottom:1px solid #4106B8;
    border-left:1px solid #4106B8;
    border-right:1px solid #4106B8;
    /*background-image: url("../../images/nav_gradiant.jpg");*/
    background-repeat:repeat; 
    background-color:transparent;
}

#middle #left ul li a {
    padding: 7px 15px;
    background-color:transparent;    
    text-decoration:none;
    color:#4106B8;    
}

#middle #left ul li.selected a {
 text-decoration:none;
  color:#124286;  
  background-color:#F4EFFF;
  /* border-bottom: 1px solid #3399FF; */
}

#middle #left ul ul {
 border:0px;
}

#middle #left ul ul li {
    border:0px;
}

#middle #left ul ul li a {
 margin-left:30px;
 display:block;
 border:0px;
}

#middle #left ul li.selected ul {
    margin-top:0px;
}

#middle #left ul li.selected ul li a {
    padding:5px 10px 5px 20px;
    color:#000000;
    background-color:transparent;
    background-image: url(../../images/bullet_arrow_right.png);
    background-position: left center;
    margin-left: 10px;
    background-repeat: no-repeat;
    text-decoration: none;
}

#middle #left ul li.selected ul li a:hover { 

    text-decoration: underline;
    
}

#middle #support {
    margin-top:10px;
}

#footer {
 margin-top:10px;
 border-top:10px solid #4106B8;
 border-bottom:0px;
}

.article {
    padding:14.5px 0px;
    border-top:1px dashed #CCC;
}   

.article .title {
    font-weight:bold;
    color: #4106B8;
    font-family:Arial;
    font-size:100%;
}

#middle #content #left_box.section { border:0px; }
#middle #content #right_box.section { border:0px; }

#section_table {
 width:506px;
 border:1px solid #CCC;
}

#section_table td {
 padding:2px;
}

.professional_login {
    background-image:url(../../assets/images/support.jpg);
    background-repeat:no-repeat;
    background-position:bottom;
    height:100px;
    width:200px;
}

.professional_login .title {

    background-image:url(../../assets/images/login_header.jpg);
    background-repeat:no-repeat;
    width:200px;
    height:50px;

}

.register_image {
    background-image: url(../../assets/images/register.jpg);
    background-repeat: no-repeat;
    width:200px;
    height:199px;
    margin-top:10px;
}

#fileList {

    background-color: #F5F5F5;
    padding: 3px;
    margin-bottom: 4px;

}

#fileList.selected a{

    background-color: #F0F7FF;
    padding: 3px;
    margin-bottom: 4px;

}

#searchsection {

    padding: 4px;
    margin-bottom: 5px;

}

#fs {

    width: 48%; 
    height: 400px; 
    float: left; 
    border: silver; 
    border-style: solid; 
    border-width: 1px; 
    padding: 4px;
    overflow: scroll;
    
}

#properties {

    width: 48%; 
    height: 400px; 
    float: right; 
    border: silver; 
    border-style: solid; 
    border-width: 1px; 
    padding: 4px;
    overflow: scroll;

}

.register { width:100%; border: 1px solid #3485D7; padding:10px; }
.register .section { font-size: 80%; font-weight: bold; border-bottom: 1px dotted #3485D7; margin-bottom:10px; }
.register .field {padding: 10px;}
.register .field label { width:250px; text-align: right; font-weight: bold; margin-right:10px; }                 
/*
.register .text { clear: both; float: left; margin-bottom: 10px; }
.register .radio { clear:both; float:left; }
*/

table.userlist {
    border:1px solid black;
    border-collapse:collapse;
    width:100%;
}



.editoptions {
    
    padding-left:10px;
    padding-top:10px;
    padding-right: 10px;
    padding-bottom:10px;
    
    
    
    background-color:#FFFFEE;
    border:1px solid #CCC;
}

.editorWrapper {

    padding-right: 4px;
    padding-bottom: 4px;

}

/*************************************/
/* Resources module styling          */
/*************************************/

div.resources {

    padding: 6px;
    border: 1px #3399FF solid;
    background-color: #F0F7FF;
    margin-bottom: 10px;
    
}

.resources_box {

    border: 1px solid #0066CB;
    margin-bottom: 10px;
    padding-bottom: 12px;

}

.resources_title {

    padding: 4px;
    font-weight: bold;
    background-color: #EFF7FF;

}

.resource_file {

    padding-top: 3px;
    padding-left: 6px;
    border-bottom: 1px dotted silver;
    padding-bottom: 3px;
    padding-right: 6px;

}

.resource_file a {
     
    text-decoration: none;

}

/*****************************************************/
/* Calendar Styling                                  */
/*****************************************************/

div#inlineCalendar {

    float:left;
    width: 400px;
    height: 400px;

}

table.calendar {

    width: 400px;
    height: 400px;
    /* border: #9A3E95;
    border-width: 2px;
    border-style: solid; 
    padding: 4px; */
    float: left;

}

.calendar thead {

   background-color: #4106B8;
   color: white;

}

.calendar thead tr {

    font-weight: bold;    

}

.calendar thead th {

    width: 14%;           

}

.calendar tbody {

  

}

.calendar tbody td {

    border: #1888BE;
    border-width: 2px;
    border-style: solid;
    padding: 4px; 
    cursor: pointer;     

}

.calendar tbody td:hover {

    border: black;
    border-width: 2px;
    border-style: solid;
    padding: 4px;      

}

#blankday {

    border: #CFEFFF;
    border-width: 2px;
    border-style: solid;
    padding: 4px;
    background-color: #EFFAFF;      

}

.calendar tbody tr {


}

div.dateBrowser {

    float:right;
    width: 320px;
    height: 189px;
    border: #4106B8;
    border-width: 2px;
    border-style: solid;
    margin-right: 10px;
    overflow-y: auto;
    margin-bottom: 14px;
    margin-top: 2px;

}

div.dateDetails {

    float:right;
    width: 320px;
    height: 187px;
    border: #4106B8;
    border-width: 2px;
    border-style: solid;
    margin-right: 10px;
    overflow-y: auto;

}

#highlight{   

    border: #1888BE;
    border-width: 2px;
    border-style: solid;
    background-color: #CFF0FF;
    cursor: pointer;
    color: black;
     
}

#highlight:hover {   

    border: orange;
    border-width: 2px;
    border-style: solid;
    background-color: #CFF0FF;
    cursor: pointer;
    color: black;
     
}

.today {

    font-weight: bold;
    color: black;

}

span.monthBack {

    cursor: pointer;
    font-size: 130%; 

}

span.monthForward {

    cursor: pointer;
    font-size: 130%; 
        
}

td#blankday {

    cursor: default !important;
    
}



/**************************************/
/* Manual Link (fake link)            */
/**************************************/

span.link {

    text-decoration: underline;
    cursor: pointer;


}

/**************************************/
/* Newsletter table                   */
/**************************************/

table.newsletter {

    width: 100%;
    border: 2px #4106B8 solid;
    

}

.newsletter thead {

    background-color: #F4EFFF;
    text-align: left; 
    color: black;
    font-size: 75%;

}

.newsletter thead th {

    padding: 6px;

}

.newsletter tbody td {

    padding: 6px;

}

div.newsletters {

    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #F4EFFF;
    border: 2px #4106B8 solid;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 42%;


}

/*******************************************/
/* Users Table                             */
/*******************************************/

table.userlist {

    border:2px solid #4106B8;
    width:100%;
    
}


.userlist thead tr {

    font-size: 80%;
    background-color: #4106B8;
    color: white;

}

.userlist thead th {

    padding: 6px;
    
}

.userlist tbody td {

    padding: 6px;

}