<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
    font-family: 'Titillium Web';
    src: url('fonts/titilliumweb-regular-webfont.eot');
    src: url('fonts/titilliumweb-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titilliumweb-regular-webfont.woff') format('woff'),
         url('fonts/titilliumweb-regular-webfont.ttf') format('truetype'),
         url('fonts/titilliumweb-regular-webfont.svg#titillium_webregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
	font-family: 'SanukOT-Bold';
	src: url('fonts/SanukOT-Bold.eot');
	src: url('fonts/SanukOT-Bold.eot?#iefix') format('embedded-opentype'),
	     url('fonts/SanukOT-Bold.woff') format('woff'),
	     url('fonts/SanukOT-Bold.ttf') format('truetype'),
	     url('fonts/SanukOT-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SanukOT-Regular';
	src: url('fonts/SanukOT-Regular.eot');
	src: url('fonts/SanukOT-Regular.eot?#iefix') format('embedded-opentype'),
	     url('fonts/SanukOT-Regular.woff') format('woff'),
	     url('fonts/SanukOT-Regular.ttf') format('truetype'),
	     url('fonts/SanukOT-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, /*sup,*/ tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
    border: 0;
    /*font: inherit;*/
    /*font-size: 100%;*/
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    font-family: 'Titillium Web';
}
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block;
                                             }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }
footer
{
    height:35px;
    padding-top:2px;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*Jquery Client Validation   -- Added By Naeem -- */
label.error
{
    font-size:14px;
    color:#E80C4D;
}





/****
END OF RESET CODE
*****/

.clearfix:after {
    clear: both;
    content: '.';
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
  .float-left-footer
    {
        float:left;
        /*font-weight:bold;*/
    }
        .float-right-footer
    {
        float:right;
        font-weight:bold;
    }

.content-wrapper {
    margin: 0 auto;
    max-width: 1024px;
    font-family:Titillium Web;
}

#body {
    background-color: white;
    clear: both;
    padding-bottom: 35px;
    min-height: 860px;
}


a {
    color: #333;
    outline: none;
    /*padding-left: 3px;*/
    padding-right: 3px;
    text-decoration: underline;
    cursor:pointer;
}

a:link, a:visited,
a:active, a:hover { color: #333; }

a:hover { background-color: #c7d1d6; }

header, footer, hgroup,
nav, section { display: block; }


label {
    color: #6AB3FF;
    font-size: 14pt;
    /*text-transform: uppercase;*/
}

textarea,
input[type="text"],
input[type="password"] {
    border: 1px solid #cce6ff;
    border-radius: 3px;
    font-family: Titillium Web;
    font-size: 13pt;
}

.defaultTextInput {
    height: 38px;
    width: 230px;
}


.coloredGrid 
{
    background-color: #EBF4FF;
 margin-bottom: 15px;
    padding-bottom: 10px;
}

.grid .row 
{
    float: left;
    width: 100%;
}
.grid 
{
   width:100%;
   overflow:hidden;
   float:left;
}


/* Zaki's Style

.grid [class*='col-'] {
    float: left;
    padding-left: 7px;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.grid [class*='col-']:not(label) {
    color:#4F4F4F;
    font-size: 13pt;
}

.grid .col-1-4 {
  width: 24.00%;
  height: inherit;
}

.grid .col-1-2 {
    width: 48.5%;
}

.grid .col-1-3 {
    width: 33.33%;
}

.grid .col-2-3 {
    width: 66.67%;
}

.grid .col-1-1 {
    width: 99.00%;
}

.grid .col-3-4 {
    width: 74.00%;
}

.grid .col-1-5 {
    width: 20.00%;
}

.grid:after {
  content: "";
  display: table;
  clear: both;
}

.grid label 
{
    color: #6AB3FF;
    font-size: 14pt;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
}



*/

div.row.hidden-row{
    display: none;
}


.grid [class*='col-'] {
    float: left;
    padding-left: 6px;
 word-wrap: break-word;
    padding-bottom: 2px;
        /*
    margin-bottom: 11px;
*/
}

.grid [class*='col-']:not(label) {
    color:#4F4F4F;
    font-size: 13pt;
}

.expandedBox .grid label {
    font-size: 10pt;
}



.grid .col-1-4 {
  width: 24.00%;
  height: inherit;
}

.grid .col-1-2 {
    width: 48.5%;
}

.grid .col-1-3 {
    width: 32.33%;
}

.grid .col-2-3 {
    width: 66.67%;
}

.grid .col-1-1 {
    width: 99.00%;
}




.grid .col-3-4 {
    width: 74.00%;
}

.grid .col-1-5 {
    width: 18.00%;
}

.grid:after {
  content: "";
  display: table;
  clear: both;
}

.grid label 
{
    color: #6AB3FF;
    font-size: 14pt;
    display: block;
    margin-bottom: 5px;
    margin-top: 15px;
}






/*
.calendar-picker { background: url('css/AddIncident/Icons/DateIcon.png') no-repeat scroll right center white; }

.time-picker { background: url('css/AddIncident/Icons/TimeIcon.png') no-repeat scroll right center white; }
*/
.calendar-picker { background: url('images/CalenderIcon.png') no-repeat scroll 115px center white; }
.time-picker { background: url('images/TimeIcon.png') no-repeat scroll 115px center white; }

.add-button-with-plus-icon {
    background-color: #79E32B !important;
    background-image: url("css/AddIncident/Icons/AddIcon.png") !important;
    background-position: 7px 2px !important;
    background-repeat: no-repeat;
    border: 1px solid #79E32B !important;
    border-radius: 3px 3px 3px 3px;
    height: 33px;
    width: 69px!important;
}

.customClientValidation1
{
    height: auto;
    width: 265px;
}

.customClientValidation2
{
    width: 265px; 
}

.search-box-with-magnifier-icon { background: url('css/AddIncident/Icons/SearchIcon.png') no-repeat scroll right center white; }


#ComingSoon
{
    
    width:34%;
    margin-left:30%;
    margin-top:8%;
   
}

/*  --  Main Menu   --- */

div.menu {
    background-color: #f8f8f8;
    border: 0px solid red;
    box-shadow: 0px 1px 6px #e2e2e2;
    height: 68px;
    margin: 0 auto;
    position: relative;
    
    width: 1024px;    
}


div.menu div.iconsContainer {
    background-color: #f8f8f8;
    height: 40px;
    left: 23px;
    position: absolute;
    top: 15px;
    width: auto;
}


div.menu  div.iconsContainer a {
    float: left;
    height: 40px;
    margin-right: 24px;
    width: auto;
    text-decoration:none;
    padding-left:3px;
    padding-right:3px;
    
}
div.menu div.iconsContainer a:hover {
   background-color:transparent;
    
}


div.iconsContainer a:nth-child(7) img { border-radius: 5px 5px 0px 0px; }

div.menu div.ActionMenu {
    background-color: #ff8d14;
    border-radius: 0px 5px 5px 5px;
    display: none;
    font-family: 'SanukOT-Regular';
   
    left: 454px;
    position: absolute;
    top: 51px;
    width: 264px;
    z-index: 10;
}

div.menu #ReportMenu {
    background-color: #6AB3FF;
    border-radius: 0px 5px 5px 5px;
    display: none;
    font-family: 'SanukOT-Regular';
   
    left: 226px;
    position: absolute;
    top: 51px;
    width: 200px;
    z-index: 10;
}

#Respondents
{
   /* margin-top: -3px; Commented Out By Naeem */
}
div.menu #RespondentMenu {
    background-color: #ffd400;
    border-radius: 0px 5px 5px 5px;
    display: none;
    font-family: 'SanukOT-Regular';
   
    left: 162px;
    position: absolute;
    top: 53px;
    width: 200px;
    z-index: 10;
}
div.menu #ReportMenu div.Options {
    color: White;
    cursor: pointer;
    float: left;
    font-family: Titillium Web;
    font-size: 14px;
    height: 20px;
    padding-left: 5px;
    padding-top: 10px;
    width: 97%; 
}
div.menu #RespondentMenu div.Options {
    color: White;
    cursor: pointer;
    float: left;
    font-family: Titillium Web;
    font-size: 14px;
    height: 20px;
    padding-left: 5px;
    padding-top: 10px;
    width: 97%; 
}
  div.menu #ReportMenu div.Options a
  {
      color:White;
      text-decoration:none;
  }
  
    div.menu #RespondentMenu div.Options a
  {
      color:White;
      text-decoration:none;
  }


#ReportMenu div:nth-child(even) { background-color: #87D0F7; }
div.iconsContainer a:nth-child(4) img {
    border-radius: 5px 5px 0 0;
    padding-bottom: 2px;
}

#RespondentMenu div:nth-child(even) { background-color: #f6e9a8; }
div.iconsContainer a:nth-child(3) img {
    border-radius: 5px 5px 0 0;
    padding-bottom: 2px;
}





div.menu div.ActionMenu div.FindAction {
    float: left;
    height: 50px;
    width: inherit;    
}

div.menu div.FindAction input[type="text"] {
    background-color: #ff8d14;
    border: 1px solid #ffc68a;
    border-radius: 5px 5px 5px 5px;
    color: White;
    font-style: italic;
    height: 27px;
    margin-left: 13px;
    margin-top: 12px;
    padding: 0px;
    padding-left: 5px;
    width: 228px;     
}

div.menu div.ActionMenu div.Options {
    color: White;
    cursor: pointer;
    float: left;
    font-family: Titillium Web;
    font-size: 14px;
    height: 20px;
    padding-left: 5px;
    padding-top: 10px;
    width: 259px; 
     border-top:1px solid #FFA500;
}
  div.menu div.ActionMenu div.Options a
  {
      color:White;
      text-decoration:none;
  }





div.menu div.ProfilePicture {
   background-color: #ff8d14;
    background-image: url("css/HomePage/Icons2/logoSmallWhite.png");
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    height: 54px;
    position: absolute;
    right: 0;
    top: 7px;
    width: 54px;
}

div.menu div.ProfilePicture img {
    height: inherit;
    max-width: 54px;     
}

div.menu div.SlideMenu {
    background-color: #ff8d14;
    background-image: url("css/HomePage/Icons2/LeftArrow-White.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    border-radius: 10px 0px 0px 10px;
    cursor: pointer;
    height: 54px;
    position: absolute;
    right: 54px;
    top: 7px;
    width: 27px;
    z-index: 1;
}

div.menu div.SlideMenu.Slided { background-image: url("css/HomePage/Icons2/RightArrow-White.png"); }

div.menu div.SlideMenu div.UserName 
{   
    border: 0px solid;
    color: #FFFFFF;
    cursor: default;
    display: none;
    float: right;
    font-family: Titillium Web;
    font-weight: bold;
    height: 36px;
    margin-right: 20px;
    margin-top: 9px;
    overflow: hidden;
    text-align: center;
    text-transform: capitalize;
    width: 87px;
    word-wrap: break-word;
  
}

div.menu div.SlideMenu img {
    cursor: pointer;
    display: none; /*Removed by muna*/ 
    float: right;
    height: 26px;
    margin-left: 10px;
    margin-right: 9px;
    margin-top: 15px;
    max-width: 35px;     
}

div.menu #PaveSuiteLogo {
    
    color: #666666;
    font-family: 'SanukOT-Bold';
    font-size: 15px;
    height: auto;
    position: absolute;
    right: 92px;
    text-align: right;
    top: 17px;
    width: auto;
}

div.menu #UniversityName {
    color: #989898;
    font-family: 'SanukOT-Regular';
    font-size: 18px;
    height: auto;
    overflow: hidden;
	
    overflow: hidden;
    position: absolute;
    right: 92px;
    text-align: right;
    top: 36px;
    width: auto;
} 

/*  End of Main Menu */




/********************************NEW STYLES********************************/

/************Schedule Button***********/

/*
div.scheduleMeetingButton,
div.scheduleResolutionSessionButton,
div.GreenButton {
    background-color: #79E32B;
    background-image: url('../Content/css/Hearing/Images/scheduleMeetingButton.png');
    background-position: 11px 11px;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    border-radius: 3px 3px 3px 3px;
    color: black;
    cursor: pointer;
    float: right;
    font-family: Titillium Web;
    font-size: 14.8px;
    font-weight: bold;
    height: 27px;
    margin-top: 20px;
    padding-left: 44px;
    padding-top: 16px;
    vertical-align: middle;
    width: auto;
    padding-right:16px;
}
*/

/******Respondent Box*********/
/*.respondentInfo*/
.respondent-card-box,
.victim-card-box,
.witness-card-box {
    /*
    border: 1px Solid #cce6ff;

    font-family: Titillium Web;
    font-size: 12.9px;
    cursor: pointer;
    font-weight: bold;
    height: auto;
    margin-bottom: 8px;
    min-height: 104px;
    width: 271px; 
    position:relative; 
   margin-left: auto;
    margin-right: auto;
    */
    
 background-color: white;
    border-color: #cee4f6;
    border-radius: 3px;
    border-style: solid;
    border-width: 2px;
    cursor: pointer;
    font-family: "Titillium Web",sans-serif;
    font-weight: bold;
    height: auto;
    margin-bottom: 8px;
 
    min-height: 102px;
    position: relative;
    width: 292px;
     float:left;
}

/*img.respondentPic*/
.respondent-card-box img.respondentPic:nth-of-type(1),
.victim-card-box img.victimPic:nth-of-type(1),
.witness-card-box img.witnessPic:nth-of-type(1)
{
     border: 1px solid #CCE6FF;
    float: left; 
    height: 101px;   
    width: 78px;
}

/*div.respondentName*/
.respondent-card-box div.respondentName,
.victim-card-box div.victimName,
.witness-card-box div.witnessName
 {
    font-size: 12pt;
    margin-bottom: 5px;
    margin-left: 80px !important;
    margin-top: 9px;
    text-align: left;
    text-decoration: underline;
}

/*div.DOBLabel*/
.respondent-card-box div.DOBLabel,
.victim-card-box div.DOBLabel,
.witness-card-box div.DOBLabel {
    color: #4F4F4F;
    float: left !important;
    font-weight: bold;
    min-width: 30px;
    
   
    
}
.respondent-card-box div.IncidentNumberLabel{
    color: #4F4F4F;
    float: left !important;
    font-weight: bold;
    min-width: 66px;
}
.respondent div.IncidentNumberData
{
     float: none;
    font-weight: normal;
    margin-left: 6px;
    width: auto;
    }
/*div.imgInfo*/
.respondent-card-box div.detailedinfoIconContainer,
.victim-card-box div.detailedinfoIconContainer,
.witness-card-box div.detailedinfoIconContainer {
    
    float: left;
    height: 31px;
    margin-top: 3px;
    text-align: left;
   /* width: 195px; */
   width: 200px;
}

/*a &gt; img.info*/
.respondent-card-box a &gt; img.detailedinfoIcon,
.victim-card-box a &gt; img.detailedinfoIcon,
.witness-card-box a &gt; img.detailedinfoIcon {
 float: right;
    margin-right: 4px;
    width: 25px;
}


/*div.detailedInfo*/
.respondent div.detailedInfo,
.victim div.detailedInfo,
.witness div.detailedInfo {
   border: 2px solid #dfdfd6;
    height: auto !important;
    margin-bottom: 18px;
    /*margin-left: 10px;*/
    min-height: 83px !important;
    padding-top: 18px;
    position: relative;
    width: 291px;
    float:left;
}

/*div.respondentId,
div.respondentDOB*/
/*.respondent div.respondentId,
.victim div.victimId,
.witness div.witnessId,
.respondent div.respondentDOB,
.victim div.victimDOB,
.witness div.witnessDOB {
    float: right;
    margin-bottom: 5px;
    text-align: left;
    width: 194px;
}*/



/*div.idLabel,
div.DOBLabel*/
.respondent div.idLabel,
.victim div.idLabel,
.witness div.idLabel,
.respondent div.DOBLabel,
.victim div.DOBLabel,
.witness div.DOBLabel
 {
    color: #4f4f4f;
    float: left ;
    font-size: 14px;
    margin-right: 6px;
    min-width: 30px;
}

/*div.idData,
div.DOBData*/ 
.respondent div.idData,
.victim div.idData,
.witness div.idData,
.respondent div.DOBData,
.victim div.DOBData,
.witness div.DOBData
{
    float: none;
    font-weight: normal;
    margin-left: 6px;
    width: auto;
    font-size: 10pt;
}


div.Student-Address-Area .address
{
         color: #4F4F4F;
    font-size: 12px;
    margin-bottom: 11px;
    margin-left: 14px;
    margin-top: 8px;
    }



/***************************************NEW NEW NEW************************************/
/*label*/
.respondent div.typeLabel,
.witness div.typeLabel,
.victim div.typeLabel,
.ui-tooltip div.typeLabel
{
   color:#6ab3ff;
   font-weight: 700;
   float : left;
   width:33%;
   margin-right:-44px;
     

}


/*div.violationslabel*/
.respondent div.violationslabel,
.witness div.violationslabel,
.victim div.violationslabel,
.ui-tooltip div.violationslabel
{
    color: #6AB3FF;
    font-weight: 700;
    margin-bottom: 12px !important;
    margin-right: -44px !important;
    width: 144px;
    margin-top: 12px;
   /* float:left;*/

}
/*div.data*/
.respondent div.typeData,
.witness div.typeData,
.victim div.typeData,
.ui-tooltip div.typeData
{
  
  color: #4F4F4F;
    float: left;
 
    font-weight: normal;
    font-size:12px;
    width: 33%;

}


/*div.isArrested*/
.respondent div.isArrestedData
.witness div.isArrestedData,
.victim div.isArrestedData,
.ui-tooltip div.isArrestedData
{
   color:#4F4F4F;
   font-weight:bold;
 
   float : right;
   margin-right:6px;
  

}


/*div.id,
div.DOB*/
.respondent div.idDivContatiner,
.victim div.idDivContatiner,
.witness div.idDivContatiner,
.respondent div.DOB-DivContatiner,
.victim div.DOB-DivContatiner,
.witness div.DOB-DivContatiner,
.respondent div.IncidentNumber-DivContatiner
{
    float: left;
    text-align: left;
    width: 210px
}


/************************************************************************************/



/**********Drag Respondents Region*************/

div.dragRespondentsRegion {
  
    border: 3px dashed #cce6ff;
    color: black;   
    font-weight: bold;
    height: auto;   
    margin-bottom: 6px;    
    min-height: 325px;
    padding-left: 15px;
    padding-top: 5px;
    width: 635px;
}

div.dragRespondentsRegionText {
  
    color: #4F4F4F;
    font-size: 15px;
    font-weight: normal;
    height: 100px;
    margin-bottom: 27px;
    margin-left: 15px;
    margin-top: 141px;
  
    text-align: center;
    width: 90%;
}

/*strong.inviteAllRespondents*/
div.dragRespondentsRegion invite-all-respondents
 {
    font-size: 15px;
    font-weight: bold;
}


/*************File Drag Box******************/

/*#filedrag {
    border: 2px dashed #FD8A12;
    border-radius: 7px;
    color: #5BA1FF;
    cursor: default;
    display: none;
    font-weight: bold;
    height: 135px;
    margin: 1em 0 1em 31px;
    padding: 1em 0 0 20px;
    text-align: left;
    width: 398px !important;
}*/
#filedrag1,#filedrag2,#filedrag {
    border: 2px dashed #FD8A12;
    border-radius: 7px;
    color: #5BA1FF;
    cursor: default;
    font-weight: bold;
    height: 135px;
    margin: 1em 0 1em 31px;
    padding: 1em 0 0 20px;
    text-align: left;
    width: 398px !important;
}

#messages {
    height: 150px;
    margin-left: 27px;
    margin-top: 14px;
    width: 475px !important;
}


#messages div.progressContainer {
    float: left;
    height: auto;
    margin-left: 6px;
    margin-top: 5px;
    padding-left: 0;
    width: 450px !important;
}

#messages hr {
    float: left;
    margin-bottom: 5px;
    margin-left: 0 !important;
    color: #F5F5F5;
    width: inherit;
}

div.removeicon {
    float: right !important;
    margin-left: 3px;
    top: 0 !important;
    width: 30px !important;
}

/*
#DocumentsDiv .List {
    background-color: #FFFFFF;
    float: left;
    height: 162px;
    margin-left: 50px;
    overflow-y: scroll;
}*/

/*#filedrag a { color: #FF8D13; }

#filedrag p { margin-left: 20px; }*/

#filedrag1 a,#filedrag2 a,#filedrag a { color: #FF8D13; }

#filedrag1 p,#filedrag2 p,#filedrag p { margin-left: 20px; }


/**********Student Schedule Area***********/


div.Student-Schedule-Area,
div.typeAndIsArrested,
div.violations,
.ui-tooltip div.Student-Schedule-Area,
.ui-tooltip div.typeAndIsArrested,
.ui-tooltip div.violations,
div.Respondent-Violations-Area,
div.Student-Address-Area
{
    color: #6AB3FF;
    font-size: 12.9px !important;
    height: auto;

    height: auto;
    margin-bottom: 12px !important;
    margin-left: 13px;
   
   /* margin-top: 12px;*/
    padding-top: 0.2px;
    width: 90%; 
}


div.Student-Schedule-Area &gt; a.showHideScheduleLinkDiv
Respondent-Violations-Area &gt; a.showHideViolationsLinkDiv
{
    color: #FF9A21;
    font-size: 12.9px;
    font-weight: bold;
    height: auto;
    text-decoration: none;
    width: 100%;
}


div.Student-Schedule-Area a.showHideScheduleLinkDiv img.showHideScheduleArrowImg,
div.Respondent-Violations-Area a.showHideViolationsLinkDiv img.showHideViolationsArrowImg,
div.Student-Address-Area a.showHideAddressLinkDiv img.showHideAddressArrowImg  
{  
    float:left;
    margin-right:5px;
    width:9px;
    height:10px;
    margin-top: 2px;
    cursor:pointer;
    
}


/*div.days*/
div.Student-Schedule-Classes-And-Days-Container,
.ui-tooltip div.Student-Schedule-Classes-And-Days-Container
{
    color: #4F4F4F;
    font-size: 12px;
    font-weight: normal;
    height: auto;
    margin-top: 12px;      
}
/*div.days1*/ 
div.Student-Schedule-Classes-And-Days-Container  div.day:nth-child(odd),
.ui-tooltip div.day:nth-child(odd)
{
    background-color: #ecf5ff !important;
   height: auto;

    
    
}

/*div.days2*/
div.Student-Schedule-Classes-And-Days-Container  div.day:nth-child(even),
.ui-tooltip div.day:nth-child(even)
{
    background-color: #ffffff !important;
    height: auto;
      
 
}

/*div.dyasRowFormat*/
div.Student-Schedule-Classes-And-Days-Container  div.day div.dayRowFormat,
.ui-tooltip div.day div.dayRowFormat{
    width:100%;
      height:auto;
      margin-left:15px;
      margin-top:9px;
}

/*div.dayColumn*/
div.Student-Schedule-Classes-And-Days-Container div.dayLabelColumn,
.ui-tooltip div.dayLabelColumn {
    float: left;
    height: auto;
    width: 30%;
}

/*div.lecturesTimesColumn*/
div.Student-Schedule-Classes-And-Days-Container div.lecturesTimesColumn,
.ui-tooltip div.lecturesTimesColumn {
    float: right;
    height: auto;
    width: 70%;
}

/*div.lecturesTimesColumn &gt; div*/
div.Student-Schedule-Classes-And-Days-Container  div.lectureTime,
.ui-tooltip div.lectureTime {
    margin-bottom: 4px;
    width: 100%;
}



form {
 /*   background-color: White;*/
    font-family: Titillium Web;
    height: auto;
   /* width: 1024px;*/
}



div.yellowLeftContainer {
   background-color: #fffff5;
    float: left;
    height: auto;
    min-height: 823px;
    padding: 21px 34px 21px 20px;
    width: 278px;
}

div.rightContainerWithGreyLeftBorder {
 background-color: white;
    border-left: 4px solid #e6e7e8;
    float: left;
    height: auto;
    padding-bottom: 21px;
    padding-left: 18px;
    padding-top: 30px;
    width: 670px;
}



div.Tip {
    background-color: #FFEAD5;
    clear: both;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: auto;
    margin-bottom: 10px;
    margin-top: 20px;
    padding: 5px;
    width: auto;
}
div.Tip strong
{
    font-size: 16px;
    font-family:Georgia;
}

/* Added By Naeem*/
/* Fix bx Slider issues */
/*
  div.violations  li 
  {
    color: #4F4F4F;
    font-size: 12px;
    margin-bottom: 11px;
  }
  
  
div.violations ul {
    color: #4F4F4F;
    font-size: 12px;
    list-style-type: square;
    margin-left: 13px;
}



.detailedinfoIcon
{
     cursor:pointer;
}
.bx-viewport
{
    height:auto !important;
}
*/
.hide
{
     display:none;
}
.show
 {  
     display:block;
 }
 
 .form-error {
    color: #E80C4D;
    font-size: 14px;
    font-weight: normal;
    /*text-transform: uppercase;*/
}      
 div.Result-Message div.Text
{
      float:left;
      max-width:640px;
      font-weight: bold;
}
 
 div.Result-Message img
 {
     float:right;
     padding-bottom:3px;
 }
 
  .Success 
 {
      background-color:#30DC23;
 }
 .Failed
 {
     background-color:#FF0000;
 }
 .time_AMPM
 {
     font-size: 12px;
     font-family: Titillium Web;
 }
 
 .uppercase
{
    text-transform: uppercase;
}
.ui-dialog .ui-dialog-titlebar-close span
{
    margin-left: -9px !important;
    margin-top: -8px !important;
}
.hearingInfo
{
    margin-left:15px;
    }
div.AddDutyTitle
{
     margin-left: 12px;
}
div.addedDutiesRegion
{
         margin-left:15px;
}

/*added By Rana  */
/*-PageLayout From 1- */
.container-wrapper {
    font-family: 'Titillium Web',sans-serif;
    overflow: hidden;
    width: 1024px;
    height: auto;
}

.page-title {
    color: #6ab3ff;
    float: left;
    font-size: 30pt;
    font-weight: bold;
    margin-top: 10px;
    padding-left: 10px;
}

.page-title-section {
    height: 60px;
    /*margin-top: 10px;*/
}

.fullPageTitleDiv {
    width: 1061px;
}

/* -PageLayoutTest- Left Side Menu */
.Left-side {
    background-color: #FFFEF5;
    box-shadow: 5px 0 10px -8px #888888;
    height: auto;
    width: 251px;
}

.two-column-layout-left-column
{
    padding-left: 15px;
}

.two-column-layout-left-column .sharing-toolbar {
    margin-left: 10px;
    margin-top: 20px;
    width: 213px;
}

.two-column-layout-left-column .sharing-toolbar img {
    cursor: pointer;
    margin-right: 10px;
}

.Left-side .horizontal-line {
    border-top: 2px solid #E2E1E1;
    height: 10px;
    margin-top: 10px;
    width: 200px;
}

.two-column-layout-left-column .button {
    background-color: #FFFFFF;
    border-color: #CEE4F6;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    cursor: pointer;
    color: #000;
    font-family: Titillium Web;
    font-size: 12pt;
    font-weight: bold;
    height: 36px;
    margin-left: 10px;
    margin-top: 5px;
    text-align: center;
    vertical-align: middle;
   
    width: 200px;
    line-height: 30px;
}

.two-column-layout-left-column .button.highlighted {
    background-color: #7AADDD;
    border-color: #7AADDD;
}

.two-column-layout-left-column .button.highlighted a {
    color: #FFFFFF;
}

.two-column-layout-left-column .button a {
    font-size: 13pt;
    text-decoration: none;
}

.two-column-layout-left-column .button:hover {
    background-color: #CEE4F6;
}

.two-column-layout-left-column .button a:hover {
    background-color: inherit;
}

/* -PageLayoutTest- Right Side Menu */
.right-side {
    margin-left: 5px;
  /*  overflow: hidden;*/
    padding: 0;
    width: 718px;
}

.partialView {
    height: auto;
    width: auto;
}

.partialViewTitle {
    color: #000000;
    font-size: 26pt;
    height: 40px;
	padding-left: 24px;
}


.InnerContainer {
    border-radius: 8px;
    display: table;
     /*padding: 10px;*/
    width: 100%;
}

.body-view
{
    margin-left: 2px;
}

.row {
     margin: 2px 7px 0px 6px;
}

.textBox {
    font-family: Titillium Web;
    font-size: 13pt;
    margin-top: 2px;
}

.SaveCancelActionsBar {
    height: 44px;
    padding-left: 7px;
    padding-right: 0;
    width: 95%;
}

.fullActionsBar {
    height: 44px;
    padding-right: 0;
    width: 100%;
}

.spacing
{
    margin-left: 10px;
}

.SaveAction
{
    width: 100%; 
}


.cancelBtn {
   background-color: #B2B2B2;
    background-position: 11px 11px;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    border-radius: 3px;
    color: #000000;
    cursor: pointer;
    font-family: Titillium Web;
    font-size: 14.8px;
    font-weight: bold;
    height: 31px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 12px;
    text-align: center;
    vertical-align: middle;
    width: auto;
}

.saveBtn {
    background-color: #79E22B;
    background-image: url("css/Images/CheckIcon-Black.png");
    background-position: 11px 11px;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    border-radius: 3px;
    color: #000000;
    cursor: pointer;
    font-family: Titillium Web;
    font-size: 14.8px;
    font-weight: bold;
    height: 29px;
    padding-left: 44px;
    padding-right: 20px;
    padding-top: 14px;
    text-align: center;
    vertical-align: middle;
    width: auto;
}

.discardBtn {
    background-color: #FD4B01;
    background-image: url("css/AddIncident/images/sprites1.png");
    background-position: 11px -15px;
    background-repeat: no-repeat;
    border-radius: 3px;
    color: #000000;
    cursor: pointer;
    float: right !important;
    font-family: Titillium Web;
    font-size: 14.8pt;
    font-weight: bold;    
    height: 32px;   
    padding-left: 33px;
    padding-top: 11px;
    text-align: center;
    vertical-align: middle;
    width: 95px;    
}



.floatLeft
{
    float: left;
}

.floatright
{
    float: right;
}

/* End -PageLayout From 1- */


/*-PageLayout From 2- */

.LongLeft-side {
    background-color: #FFFEF5;
    box-shadow: 5px 0 10px -8px #888888;
    height: auto;
    width: 300px;
}


.treePath {
    background-color: #FFFFF5;
    font-size: 14px;
    font-weight: bold;
    height: 35px;
    margin-bottom: 10px;
    margin-top: 16px;
}

.treePathInfo {
    height: 25px;
    width: 304px;
}

.backOrangeBtn {
    margin-left: 13px;
    width: 32px;
}

.sub-View-Title {
    margin-top: 13px;
    width: 248px;
}

div.treePath img {
    cursor: pointer;
    margin-top: 7px;
}

.treePath a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #52A7FF;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 18px;
    text-decoration: none;
}
.subTreeTitle
{
    color:#333333;
}

/*.respondent-slider {
    margin-left: 14px;
}*/

div.CustomSliderPager1 img {
    cursor: pointer;
    width: 35px;
}

div.Pagination1 {
    float: left;
    margin-left: 23px;
    margin-top: 6px;
    width: 169px;
}

.respondentIndex {
    height: 19px;
    width: 16px;
}

.bx-wrapper
{
    max-width: 100%;
}

.bx-viewport
{
    height: auto;
    overflow: visible !important;
    position: relative;
    width: 100%;
}

.Respondent-slider-wrapper
{
    position: relative;
    transform: translate3d(0px, 0px, 0px);
    transition-duration: 0s;
    width: 215%;
}

.Respondent-slider-wrapper .respondent
{
    float: left;
    list-style: none outside none;
    position: relative;
    width: 294px;
}


.conduct-box ,.conduct-ADR-box
,.care-box, .informational-box{
    color: #6AB3FF;
    float: left;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 10px;
    /*text-transform: uppercase;*/
    width: 97%;
}

/*.conduct-ADR-box {
    color: #6AB3FF;
    float: left;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 10px;
    width: 295px;
}

.care-box, .informational-box {
    color: #6AB3FF;
    float: left;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 10px;
    width: 295px;
}*/

div.respondentTrackLabel-manage {
    border-bottom: 2px solid;
    border-radius: 8px;
    font-size: 18px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    padding-left: 5px;
     margin-top:10px;
    width:97%;
    float:left;
}

.arrow-icon-left-area {
    cursor: pointer;
    float: right;
    margin-right: 21px;
}

.conduct-list {
    float: left;
   
}

.conduct-hearing, .conduct-preHearing, .follow-up,.care-meeting, .informational-meeting, .ManageFindingsAndSanctions, .resolution-meeting, .conduct-appeal, .appealRequest {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCE6FF;
    border-radius: 3px;
    color: #000000;
    cursor: pointer;
    float: left;
    font-size: 15px;
    font-weight: normal;
    margin: 2px;
    padding: 6px;
    width: 260px;
}

.invisible-CancelTag {
    color: #000000;
    float: right;
    font-size: 7px;
    margin-top: 9px;
    visibility: hidden;
}

.resolutionsMeetingDate, .meetingDate {
    float: right;
    width: 72px;
}

.two-column-layout-left-column .selected {
    background-color: #ADD5FF !important;
}

.selected {
    background-color: #ADD5FF;
}

.conduct-hearing:hover
{
    background-color:#CEE4F6;
}

.ManageFindingsAndSanctions, .appealRequest {
    background-color: #6AB3FF;
}

.container-list {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCE6FF;
    border-radius: 3px;
    color: #000000;
    cursor: pointer;
    float: left;
    font-size: 15px;
    font-weight: normal;
    margin: 2px;
    padding: 6px;
    width: 258px;
}

.canceledMeeting
{
    background-color:#989898;
    border: 1px solid #CCE6FF;
    border-radius: 3px;
    color: #000000;
    float: left;
    font-size: 15px;
    font-weight: normal;
    margin: 2px;
    padding: 6px;
    width: 94%;
}

.treePath .sharing-toolbar {
    width: 442px;
}

.treePath .sharing-toolbar img
{
    margin-left: 20px;
}

.action-button {
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    height: 25px;
    margin-left: 23px;
    margin-top: 10px;
  
    width: 229px;
}

.arrow-icon {
    cursor: pointer;
    float: right;
}

.action-drop-down .Slided {
    background-image: url("css/HomePage/Icons2/RightArrow-White.png");
}
.treePath .action-drop-down {
   background-color: #FFFFFF;
    border: 1px solid #CCE6FF;
    border-radius: 3px;
    height: auto; 
    width: 273px;
}


/*.treePath .action-menu {
    background-color: #FFFFF5;
    border: 1px solid #CCE6FF;
    border-radius: 0 5px 5px;
    display: block;
    font-family: 'SanukOT-Regular';
    left: 867px;
    min-height: 60px;
    position: absolute;
    top: 211px;
    width: 272px;
    z-index: 10;
}

.treePath .action-menu .option-title {
    color: #6AB3FF;
    float: left;
    font-weight: bold;
    margin-top: 5px;
    padding-left: 6px;
    text-transform: uppercase;
    width: 100%;
}
.treePath .action-menu hr {
    border-color: #FFFFFF;
    float: left;
    margin-left: 4px;
    width: 95%;
}

.treePath .action-menu .option {
    cursor: pointer;
    float: left;
    font-family: Titillium Web;
    font-size: 15px;
    height: 20px;
    padding-left: 5px;
    padding-top: 9px;
    width: 259px;
}

.treePath .InnerContainer .horizontal-line {
    border-top: 2px solid #E2E1E1;
    height: 10px;
    margin-top: 10px;
}*/

div.Open {
    background-image: url("css/HomePage/Icons2/ArrowUp-Orange.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 20px;
    margin-right: 434px;
    margin-top: 5px;
    width: 51px;
}

.partialView .InnerContainer .patailContainer
{
    width: 100%;
}

.partialView .InnerContainer .patailContainer .section-header
{
    color: #4F4F4F;
    font-size: 14pt;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 12px;
    padding-bottom: 5px;
    padding-left: 5px;
    text-transform: uppercase;
}

.partialView .InnerContainer .patailContainer .section-header .collapse-section-Info {
    background-image: url("/Content/css/HomePage/Icons2/ArrowUp-Orange.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 20px;
    margin-right: 434px;
    margin-top: 5px;
    width: 24px;
}


.SubHeaderContent .Item {
    background-color: #ECF5FF;
    float: left;
    font-family: Titillium Web;
    font-size: 15px;
    margin-top: 10px;
    min-height: 45px;
    width: 100%;
}


.SubHeaderContent .itemImage {
    float: left;
    height: 25px;
    margin-left: 23px;
    margin-top: 24px;
    width: 25px;
}

.SubHeaderContent .itemImage img {
    height: inherit;
    margin-top: -11px;
    max-width: 27px;
}

.SubHeaderContent-label {
    font-weight: bold;
    margin-left: 12px;
    margin-top: 16px;
    width: 190px;
}

.SubHeaderContent-labelInfo {
    height: 26px;
    margin-top: 16px;
    width: 392px;
}

.expand {
    background-image: url("css/HomePage/Icons2/ArrowUp-Orange.png");
    background-repeat: no-repeat;
    cursor: pointer;
    display: none;
    height: 20px;
    margin-top: 20px;
    width: 15px;
}

.expandedBox
{
    font-family: Titillium Web;
    margin-top: 10px;
    min-height: 35px;
    padding-bottom: 7px;
    width: 600px;
}


.expandedBox .Header-Cell {
    color: #6AB3FF;
    font-size: 13px;
    font-weight: bold;
    overflow: hidden;
    width: 632px;
}

.collapse {
    background-image: url("css/HomePage/Icons2/ArrowDown-Orange.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 20px;
    margin-top: 20px;
    width: 15px;
}

.grid .row .div
{
    width: 32%;
}

.Item .grid .row div
{
    font-size: 10pt;
    width: 45%;
}

/* End -PageLayout From 2- */


.horizontalLine {
    background: none repeat scroll 0 0 #FD8A12;
    color: #FD8A12;
    float: left;
    height: 5px;
    margin-left: 13px;
    width: 97%;
}

.QEName {
    cursor: pointer;    
    color: #FFA500;
    font-size: 14pt;
    font-weight: bold;
    height: 33px;
    padding-left: 12px;
}

/* Added By Naeem */
div.ValidationMessage span.field-validation-error
{
      font-size:14px;    
      color:#E80C4D;
      /*font-weight:900;*/
}

.ValidationMessage
{
      font-size:14px;    
      color:#E80C4D;
      /*font-weight:900; */
      margin-top: 2px;
}

/* -PageLayout Incident Mangement- */

/* Sprites  */
.time-icon, .search-icon,.search-icon-other,.search-icon-respondent, .search-icon-1, .search-icon-2,.respondent-search-icon, .delete-icon, .date-icon,.custom-date-icon,.add-icon-green-narrative, .add-icon-green, .add-icon-blue, .add-incident-icon{
	background: url(../Content/css/AddIncident/images/sprites.png) no-repeat white;
}

.add-icon-green {
    background-color: #79E32B;
    background-position: 5px -274px;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-family: Titillium Web;
    font-size: 14pt;
    font-weight: bold;
    height: 26px;
    padding-left: 24px;
    padding-top: 8px;
    width: 45px;
}

.add-incident-icon {
    background-position: 0 -298px; 
    height: 52px;
    margin-left: 7px;
    width: 34px;
}

.date-icon {
    background-position: 118px -222px;
    height: 19px;
    width: 19px;
}

.time-icon {
    background-position: 115px -22px;
    height: 17px;
    width: 18px;
}

.search-icon {
    background-position: 240px -73px;
    height: 38px;
    padding-left: 3px;
    width: 258px;
}

.search-icon-other{
	background-position: 255px -72px ;
	width: 16px;
	height: 17px;
}

.search-icon-respondent{
    background-position: 272px -72px ;
	width: 16px;
	height: 17px;
}

.search-icon-1{
	background-position: 230px -73px ;
	width: 16px;
	height: 17px;
}

.search-icon-2{
	background-position: 240px -71px ;
	width: 16px;
	height: 17px;
}

.respondent-search-icon{
	background-position: 281px -71px ;
	width: 16px;
	height: 17px;
}

.delete-icon{
	background-position: 0 -136px;
    height: 16px;
    width: 16px;
    cursor: pointer;
}

.removeIconPosition .delete-icon{
	background-position: 0 -136px;
    height: 16px;
    width: 16px;
    cursor: pointer;
}

.List .deleteOption{
	background-position: 0 -136px;
    cursor: pointer;
    float: left;
    height: 16px;
    margin-top: 7px;
    width: 16px;
}

.section-header {
    font-size: 26pt;
    height: auto;
}

.SubTitle {
 font-size: 20pt;
    margin-top: 9px;
    width: 405px;
}
/*
.AddNewRespondent {
    background-color: #FFA500;
    border-radius: 6px;
    cursor: pointer;
    float: left;
    font-family: Titillium Web;
    font-size: 12pt;
    font-weight: bold;
    height: 25px;
    margin-top: 139px;
    overflow: hidden;
    padding-top: 6px;
    text-align: center;
    width: 195px;   
}
*/
.customPostion {
    margin-top: 9px;
}

#date-time {
    margin-left: 49px;
    width: 361px;
}
.ppIncident-place {
    color: #5BA1FF;
    float: right;
    font-size: 13pt;
    margin-bottom: 10px;
    margin-left: 1px;
    margin-top: 10px;
    width: 613px;
    word-break: break-all;
    word-wrap: break-word;
}

.wrapText
{
    word-break: break-all;
    word-wrap: break-word;
}

/* styling checkbox as mac style */

.regular-checkbox {
	display: none;
}

.regular-checkbox + label 
{
    
    cursor:pointer;
	background-color: #b6d9fb;
	border: 1px solid #9ca4d4;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
	 cursor:pointer;
}

.regular-checkbox:checked + label {
	background-color: #d0edff;
	border: 1px solid #6c79c1;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #00152e;
}

.regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 1px;
	left: 4px;
	color: #00152e;
}

.checked
{
    content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 1px;
	left: 4px;
	color: #00152e;
}
/* end styling checkbox as mac style */

.IncidentInfo
{
    height: 177px;
}

.HeaderContent {
    background-color: #EBF4FF;
    /*height: 177px;*/
    padding: 20px;
    width: 1024px;
}

.HeaderContent div
{
    float:left;
}

.container-wrapper .WhoInvolved .row {
    margin: 2px;
    width: 330px;
}

.HeaderContent .CheckBoxPosition {
    margin-left: 51px;
    width: 80px;
}

div.CheckBoxPosition div.MePosition {   
    margin-left: 25px;
    margin-top: -20px;
    width: 38px;
}


.HeaderContent .rowInput {
    /*height: 100px;*/
    margin-left: 31px;
}


.longTxt
{
      width: 256px !important;
      height: 38px !important;
      padding-left: 3px !important;
}

.smallTxt {
    width: 137px;
    height: 38px;
    margin-top: 2px;
    padding-left: 3px;
}


.meduimTxt
{
    height: 38px;
    margin-top: 2px;
    padding-left: 3px;
    width: 200px;
}

.addrespInfoText
{   
    height: 38px;
    margin-top: 2px;
    padding-left: 3px;   
    width: 210px;
}

.addrespInfoDropDown
{
    width:215px !important;    
}

.HeaderContent .row {
    margin: 2px;
    width: 176px;
}

.HeaderContent .Selectrow {
    margin: 2px;
    width: 296px;
}

.select {
    background-color: #FFFFE1;
    border: 1px solid #CCE6FF;
    border-radius: 3px;
    color: #4F4F4F;
    font-family: Titillium Web;
    font-size: 15pt;
    height: 40px;    
    padding-left: 3px;
    padding-top: 2px;
    width: 260px;
}

.smallSelect
{
    width: 225px;
}


.HeaderContent .longSelect .Expandedselect {
    height: 306px;
}



input {
    color: #4F4F4F;
}

.MainHeader {
    height: 58px;
    width: 1024px;
}

.MainHeaderTitle {
    margin-left: 49px;
    margin-top: 17px;
}

.tabsSection {
    height: 26px;
    margin-top: 64px;
    width: 570px;
}

.tab div {
    padding-top: 6px;
}


.tab {
    background-color: #6AB3FF;
    border-radius: 8px 8px 0 0;
    color: #FFFFFF;
    cursor: pointer;
    float: right !important;
    font-size: 16px;
    font-weight: bold;
    height: inherit;
    margin-left: 5px;
    padding: 0 10px;
    vertical-align: middle;
    word-break: break-all;
    word-wrap: break-word;
}

.CustomHeaderContent
{
    height: 216px;
}

.selectedTab {
    margin-top: -6px;
    padding-bottom: 6px
}

.hiddenTab {
    float: left;
    height: 320px;
    width: 1000px;
}

.WhoInvolved .leftSection {
    /*height: 190px;*/
    width: 664px;
}

.HeaderContainer
{
    margin-left: 31px;
}

.List {
    background-color: #FFFFFF;
    overflow-y: scroll;
    padding-top: 6px;
    height: 178px;
    width: 260px;
    word-break: break-all;
    word-wrap: break-word;
}

.List .blueP
{
    color: #67B3FE;
    margin-left: 10px;
}

.List p {
    color: #4F4F4F;
    font-family: Titillium Web;
    font-size: 11pt;
    width: auto;
}

.List .selected-info
{
     display: inline;
    float: left;
    height: auto;
    margin-left: 10px;
    padding-top: 4px;
    word-break: break-all;
    word-wrap: break-word;
}

.selected-info .selected-text {
    display: inline;
    float: left;
    font-size: 11pt;
    height: auto;
    width: 198px;
    
}

.customText
{
    display: inline;
    float: left;
    font-size: 11pt;
    height: auto;
    width: 280px;
    
}
.customTextCard {
    display: inline;
    float: left;
    font-size: 11pt;
    height: auto;
    margin-left: 114px;
    width: 295px;
}

.CustomLabel
{
      margin-left: 3px;
    width: 195px !important;
}

.selected-info .deleteOption {
    background-position: 0 -136px;
    cursor: pointer;
    float: left;
    height: 16px;
    margin-top: 1px;
    padding-left: 2px;
    width: 16px;
}

.hr {
    color: #F5F5F5;
    margin-left: 10px;
    margin-top: 4px;
    width: 215px;
}

.defaultHr
{
    color: #F5F5F5;
    width: 100%;
}
.HeaderContent .CheckBoxPanel {
    height: 42px;
    margin-top: 2px;
    width: 660px;
}

.otherReferralType {
    margin-top: 18px;
    width: 660px;
}

.panel
{
    margin-top: 6px;
    width: 319px;
}

.HeaderContent .other-left {
    height: 307px;
    width: 363px;
}

.HeaderContent .other-middle
{
    height: 307px;
    width: 304px;
}

.selected-info .securityReportLabel 
{
    float: left;
    font-weight: bold;
    height: auto;
    margin-left: 7px;
    width: auto;
}

#reportIdP {
    float: left;
    height: auto;
    margin-left: 7px;
    width: auto;
    word-break: break-all;
    word-wrap: break-word;
}

.SearchBoxDiv {
    height: 182px;
    margin-right: 70px;
    width: 262px;
}

.Header {
    background-color: #FFFFFF;
    float: left;
    height: 85px;
    width: 1024px;
}


.headerWithIcon {
    float: left;
    height: 35px;
    width: 409px;
}


.HeaderContent .LongRow .customLabelInfo label 
{
   width: 169px; 
}

.customHeader {
    float: left;
    width: 233px;
}

#helpIcon {
    float: left;
    height: 35px;
    margin-top: -4px;
}

.referral-by {
    color: #5BA1FF;
    float: left;
    font-size: 13pt;
    margin-left:5px;
}

.referral-label {
    color: #000000;
    float: left;
    font-weight: bold;
    height: 22px;
    width: 107px;
}

.referral-by-name {
    float: left;
    width: auto;
}


#involvedHelpIcon {
    float: left;
    height: 39px;
    margin-top: -5px;
    width: 27px;
}

#place {
    width: 89px;
}

#help
{
    margin-top: 0 !important;
}

.respondent-section
{
    margin-left: 31px;
}

.RespondentBox .respondent-info {
    color: #4F4F4F;
    font-size: 11pt;
    height: 51px;
    width: 285px;
    word-break: break-all;
    word-wrap: break-word;
}

.respodentCard .respodent-card-name {
    color: #4F4F4F;
    font-family: Titillium Web;
    font-size: 13pt;
    height: 19px;
    margin-left: 10px;
    margin-top: 4px;
    width: 227px;
}

.respodentCard .stu-label {
    font-family: Titillium Web;
    font-size: 11pt;
    height: 15px;
    margin-top: 1px;
    width: auto;
}

.respodentCard .bold-label {
    font-family: Titillium Web;
    font-size: 13pt;
    font-weight: bold;
    height: 17px;
    margin-left: 10px;
    width: 30px;
}

.customSearchDiv {
    height: 235px;
    width: 268px;
    margin-right: 0px;
}

.customRespondent {
    height: 266px;
}

.respondentInfo .customComment {
    margin-top: 24px;
}
.involve-hr {
    color: #F5F5F5;
    float: left;
    margin-left: 10px;
    margin-top: 2px;
    width: 220px;
}

.customSearchDiv .List {
    margin-top: 10px;
}

.RespondentBox .involvedlist {
    background-color: #FFFFFF;
    height: 180px;
    overflow-y: scroll;
    width: 260px;
}

.RespondentBox {
    height: 184px;
    width: 360px;
    word-break: break-all;
    word-wrap: break-word;
}

.List .respodent-card {
    height: 60px;
    margin-left: 4px;
    width: 237px;
}


.HeaderContent .RespondentBox div {
    float: left;
    cursor: pointer;
}

.respodent-card .respodent-card-image {
   height: 48px;
    margin-left: 5px;
    margin-top: 6px;
    width: 40px;
}


.respodent-card-image img {
    height: 48px;
    width: 40px;
}

.respodent-card .respodent-card-name {
    color: #4F4F4F;
    font-family: Titillium Web;
    font-size: 11pt;
    height: auto;
    margin-left: 5px;
    width: 170px;
    word-break: break-all;
    word-wrap: break-word;
}

.respodent-card .bold-label {
   font-family: Titillium Web;
    font-size: 11pt;
    font-weight: bold;
    height: 14px;
    margin-left: 5px;
    margin-top: 5px;
    width: 29px;
}

.respodent-box .RemoveRespondent {
     background-color: #EBF4FF;
    border-radius: 3px;
    height: 17px;
    margin-left: -21px;
    margin-top: 3px;
    width: 17px;
}

.respodent-card .stu-dateOfBirth {
    font-family: Titillium Web;
    font-size: 11pt;
    margin-top: 4px;
    width: auto;
}

.respodent-card .stu-label {
    font-family: Titillium Web;
    font-size: 11pt;
    height: 14px;
    margin-top: 5px;
    width: 132px;
    word-break: break-all;
    word-wrap: break-word;
}

.respodent-card .bold-label-dateOfBirth {
    font-family: Titillium Web;
    font-size: 11pt;
    font-weight: bold;
    height: 14px;
    margin-left: 5px;
    margin-top: 5px;
    width: 37px;
}

#RespondentList {
    float: left;
    height: 184px;
    width: 266px;
}

#respondentCommentArea {
    font-family: Titillium Web;
    font-size: 11pt;
}

.respondentInfo {
    margin-left: 35px;
    width: 320px;
}

.Comments {
    margin-top: 6px;
}

.is-arrested {
     float: left;
    font-family: Titillium Web;
    font-size: 11pt;
    height: auto;
    margin-bottom: 9px;
    margin-left: 5px;
    margin-top: 2px;
    width: 270px;
}
.is-Transported
{
    font-family: Titillium Web;
    font-size: 11pt;
    margin-left: 5px;
    width: auto;
    margin-top: 2px;  
}
/*
.NoRespondent {
    background-color: #FFA500;
    border-radius: 6px;
    cursor: pointer;
    float: left;
    font-family: Titillium Web;
    font-size: 12pt;
    font-weight: bold;
    height: 26px;
    overflow: hidden;
    padding-top: 6px;
    text-align: center;
    width: 195px;
}
*/

#NoPersons {
    margin-left: 113px;
    margin-top: 15px;
}

#NoRespondentDiv {
    margin-top: 8px;
    margin-left: 48px;
}

.RespondentBox .NoRespondent {
    margin-top: 10px;
}

.concernsInfo {   
    height: auto;
}

.concernsInfo .concernRow {
    float: left;
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 32%;
    margin-left: 31px;
}

.narrativeTextArea label.error
{
            margin-left: 32px;
}


.numberDiv {
    width: 30px;
}


.HeaderContent  .concernsLabel {
    float: left;
    font-size: 26pt;
    margin-left: 18px;
    margin-top: 27px;
    width: 14%;
}

.concernRow .numberLabel
{ 
    background-color: #EBF4FF;
    border: medium none;
    display: inline-block;
    font-family: Titillium Web;
    font-size: 15pt;
    height: auto;
    margin-left: 10px;
    width: 86%;
    /*word-break: break-all;*/
    /*word-wrap: break-word;*/
    /*overflow : hidden;*/
    
}

.smallTabsSection
{
    height: 48px;
    margin-top: 49px;
    width: 570px;
}

.smallTab 
{
    background-color: #6AB3FF;
    border-radius: 8px 8px 0 0;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    height: 41px;
    margin-left: 5px;
    vertical-align: middle;
    width: 100px;
    word-break: break-all;
    word-wrap: break-word;
}

.smallTabsSection .selectedTab {
    height: 50px;
    margin-top: -9px;
}

.smallTab div {
    margin-top: 14px;
}
.smallTab .narrative {
    margin-left: 12px;
}


.smallTab .summary {
    margin-left: 15px;
}

#NarrativeDiv
{
    height:200px;
}

div.HeaderContent div.Narrative {
    height: 194px;
    width: 650px;
}

.narrativeTextArea {
    float: left;
    height: 155px;
    width: 657px;
}
/*
#newNarrative {
    background-color: #79E32B;
    border: 1px solid #CCE6FF;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-family: titillium web;
    font-size: 12pt;
    font-weight: 600;
    height: 33px;
    padding-left: 6px;
    padding-top: 3px;
    width: 170px;
    margin-right: 0px;
}
*/



.defaultSkin .mceIframeContainer {
    border-left: 1px solid #CCE6FF !important;
    border-right: 1px solid #CCE6FF !important;
    border-top: 1px solid #CCE6FF !important;
    border-width: 1px 1px 0 !important;
}

#Narrative_ifr {
    height: 124px !important;
}

div.NarrativeListDiv {
    height: 196px;
    margin-left: 46px;
    margin-top: 0;
}

.List .narrative-box {
    display: inline;
    float: left;
    height: 21px;
    margin-left: 10px;
    padding-top: 4px;
    word-break: break-all;
    word-wrap: break-word;
}

.List .narrative-text {
    display: inline;
    float: left;
    font-size: 11pt;
    height: auto;
    width: 198px;
    word-break: break-all;
    word-wrap: break-word;
}
.List .narrative-box:hover
{
    cursor: pointer;    
}

.List .delete-narrative {
    background-position: 0 -132px;
    cursor: pointer;
    float: left;
    height: 16px;
    margin-top: 1px;
    padding-left: 2px;
    padding-top: 4px;
    width: 16px;
    
}

.HeaderContent .doneNarrative
{
    display:none;
}


.selectedNarrative {
    background-color: #EBF4FF;
    margin-left: 4px;
}
.nonSelectedNarrative
{
    background-color: #fff;
}
#Narrative_parent #Narrative_tbl {
    margin-left: 31px;
    width: 623px !important
}

#Summary_parent #Summary_tbl {
    margin-left: 31px;
    margin-top: 17px;
    width: 928px !important;
}

#doneNarrative {
    background-color: #79E32B;
    border: 1px solid #CCE6FF;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-family: titillium web;
    font-size: 12pt;
    font-weight: 600;
    height: 33px;
    padding-left: 6px;
    padding-top: 2px;
    width: 60px;
    margin-right: 0px;
}
.Footer {
    background-color: #FFFFFF;
    float: left;
    height: 48px;
    padding-top: 10px;
    width: 1024px;
}
/* End -PageLayout Incident Mangement- */


/* Reset */
.defaultSimpleSkin table, .defaultSimpleSkin tbody, .defaultSimpleSkin a, .defaultSimpleSkin img, .defaultSimpleSkin tr, .defaultSimpleSkin div, .defaultSimpleSkin td, .defaultSimpleSkin iframe, .defaultSimpleSkin span, .defaultSimpleSkin * {border:0; margin:0; padding:0; background:transparent; white-space:nowrap; text-decoration:none; font-weight:normal; cursor:default; color:#000}

/* Containers */
.defaultSimpleSkin {position:relative}
.defaultSimpleSkin table.mceLayout {background:#F0F0EE; border:1px solid #CCC  !important;}
.defaultSimpleSkin iframe {display:block; background:#FFF; border-bottom:1px solid #CCC  !important;}
.defaultSimpleSkin .mceToolbar {height:24px  !important;}

/* Layout */
.defaultSimpleSkin span.mceIcon, .defaultSimpleSkin img.mceIcon {display:block; width:20px; height:20px}
.defaultSimpleSkin .mceIcon {background:url(../../img/icons.gif) no-repeat 20px 20px}

/* Button */
.defaultSimpleSkin .mceButton {display:block; border:1px solid #F0F0EE !important; width:20px !important; height:20px !important;}
.defaultSimpleSkin a.mceButtonEnabled:hover {border:1px solid #0A246A; background-color:#B2BBD0 !important;}
.defaultSimpleSkin a.mceButtonActive {border:1px solid #0A246A !important; background-color:#C2CBE0 !important;}
.defaultSimpleSkin .mceButtonDisabled span {opacity:0.3; -ms-filter:'alpha(opacity=30)'; filter:alpha(opacity=30)}

/* Separator */
.defaultSimpleSkin .mceSeparator {display:block; background:url(../../img/icons.gif) -180px 0; width:2px; height:20px; margin:0 2px 0 4px}

/* Theme */
.defaultSimpleSkin span.mce_bold {background-position:0 0}
.defaultSimpleSkin span.mce_italic {background-position:-60px 0}
.defaultSimpleSkin span.mce_underline {background-position:-140px 0}
.defaultSimpleSkin span.mce_strikethrough {background-position:-120px 0}
.defaultSimpleSkin span.mce_undo {background-position:-160px 0}
.defaultSimpleSkin span.mce_redo {background-position:-100px 0}
.defaultSimpleSkin span.mce_cleanup {background-position:-40px 0}
.defaultSimpleSkin span.mce_insertunorderedlist {background-position:-20px 0}
.defaultSimpleSkin span.mce_insertorderedlist {background-position:-80px 0}

.defaultSkin table.mceLayout 
{
     border:0px !important;
}
.defaultSkin .mceIframeContainer {
  
    border-left-color: #CCE6FF !important;
    border-left-style:solid !important;
    border-left-width:1px !important;
    border-top-color: #CCE6FF !important;
    border-top-style:solid !important;
    border-top-width:1px !important;
    border-right-color: #CCE6FF !important;
    border-right-style:solid !important;
    border-right-width:1px !important;
    border-bottom-width:0px !important;
    
}
.defaultSkin .mceStatusbar {
    background: none repeat scroll 0 0 #CCE6FF !important;
    color: #000000 !important;
    display: block !important;
    font-family: 'MS Sans Serif',sans-serif,Verdana,Arial !important;
    font-size: 9pt !important;
    height: 20px !important;
    line-height: 16px !important;
    overflow: visible !important;
    visibility: hidden;
}


.visibile
{
    visibility :visible;
}
.hideVisibilty
{
    visibility: hidden;
}

 


.defaultSkin table.mceLayout tr.mceLast td 
{
  
    border-bottom: 1px solid #CCE6FF !important;
}
.defaultSkin table.mceLayout tr.mceFirst td { border:0px !important;}




.defaultSkin td.mceToolbar {background:#EBF4FF !important;; padding-top:1px !important;; vertical-align:top !important;}

.defaultSkin span.mce_italic {
    background-position: -60px 0 !important;
}

.defaultSkin span.mce_italic {
    background-position: -60px 0 !important; background-color:#FFFFFF !important;;
}
.defaultSkin span.mceIcon, .defaultSkin img.mceIcon {
    display: block !important;
    height: 20px !important;
    width: 20px !important;
}
span.mce_bold {
    background-position: 0 0 !important;background-color:#FFFFFF !important;;
}
.defaultSkin span.mce_underline {
    background-position: -140px 0;background-color:#FFFFFF;
}
.defaultSkin span.mce_bullist {
    background-position: -20px 0;background-color:#FFFFFF;
}
.defaultSkin span.mce_bold {
    background-position: 0 0;background-color:#FFFFFF;
}
.defaultSkin .mceButton 
{
    border: 1px solid #F0F0EE!important;
    display: block!important;
    height: 20px!important;
    margin-right: 18px !important;
    width: 20px!important;
}

.error-row .zoneRequired {
    float: left;
    height: 27px;
    width: 277px;
}
.hiddenFields
{
    display:none;
}

.error-row .invalidTime {
    height: 20px;
    width: 180px;
    display: block;
}

.error-row .invalidDateTime {
    height: 27px;
    width: 184px;
    display: block;
}

.error-row .invalidReferralDateTime {
    height: 22px;
    width: 363px;
    display: block;
}

.error-row .locationRequired {
    float: left;
    height: 27px;
    width: 277px;
}

.error-row .managerRequired {
    height: 20px;
    margin-top: 0;
    width: 202px;
}

.error-row .referalRequired {
    height: 20px;
    margin-top: 0;
    width: 362px;
}

.HeaderContent .narrativeRequired {
    float: left;
    height: 16px;
    margin-left: 31px;
    width: auto;
}

.HeaderContent .error-row {
    height: 22px;
    margin-top: 0;
    width: 888px;
}

.List .respodent-box {
     cursor:pointer;
}

#WitnessTypeList
{
    background-color: #FFFFE1;
    border: 1px solid #CCE6FF;
    border-radius: 3px;
    color: #4F4F4F;
    font-family: Titillium Web;
    font-size: 15pt;
    height: 40px;
    margin-top: 2px;
    padding-left: 3px;
    padding-top: 2px;
    width: 260px;
}

#VictimTypeList
{
    background-color: #FFFFE1;
    border: 1px solid #CCE6FF;
    border-radius: 3px;
    color: #4F4F4F;
    font-family: Titillium Web;
    font-size: 15pt;
    height: 40px;
    margin-top: 2px;
    padding-left: 3px;
    padding-top: 2px;
    width: 260px;
}

.incident-number {
    float: left;
    font-size: 20pt;
    font-weight: bold;
    margin-left: 14px;
    margin-top: 13px;
}

/* Public Portal Region */

.container {
    display: block;
    font-family: Titillium Web;
    margin: 0 auto;
    width: 1024px;
}


.PPheader {
    height: 30px;
    padding-top: 14px;
    width:100%;
}


/* To center a block-level element of unknown width */
 .centered-block-outer { 
   overflow: hidden;
   position: relative;/* ie7 needs position:relative here*/
 }
.centered-block-middle {
  float: left;
  position:relative;
  left:50%;
}
.centered-block-inner {
  position:relative;
  left:-50%;
}

.uniName {
    color: #999999;
    padding-top: 8px;
    font-family: SanukOT;
    font-size: 14.81pt;
}

.paveSystem-text {
    color: #666666;
    font-family: SanukOT;
    font-weight: bold;
    margin-left: 11px;
    margin-top: 2px;
    width: auto;
}

.paveSystem-logo {
    background-position: 0 -36px !important;
    float: left;
    height: 12px;
    margin-left: 7px;
    margin-top: 5px;
    width: 12px;
}

.titleLogo {
   float: right;
    width: 86px;
}

.SmalltitleLogo {
    float: right;
    width: 86px;
}

.uniLogo .school-image
{
    height: 100px;
    width: 340px;
}


.school-image {
   height: 45px;
    width: 150px;
}

.pageInstruction {
    border: 2px solid #ebf4ff;
    color: #000;
    font-family: Titillium Web;
    height: auto;
    padding: 20px;
    width: 1024px;

}

.LongRow {
    width: 334px;
}


.HeaderContent .LongRow .textBox {
    width: 340px;
}

.HeaderContent .LongRow label {
    width: 330px;
}


.LargeTxt {
    height: 38px;
    width: 373px;
    padding-left: 3px;
}

.HeaderContent .margin {
    margin-left: 245px;
}

#PpPlace {
    margin-left: 174px;
    width: 394px;
}

.margin {
    margin-left: 31px;
}


.optional-Info {
    color: #52A7FF;
    font-family: Titillium Web;
    font-size: 10pt;
    font-weight: bold;
}

.HeaderContent .customPPRow {
    width: 238px;
}

.HeaderContent .customOptionalPPRow {
    width: 340px;
}

.HeaderContent .customPlacePPRow .textBox input {
    width: 373px;
}
.miniHeaderContent
{
    height: 80px;
}

.leftSide {
    /*height: 160px;*/
    width: 580px;
}

.PPMargin {
    margin-top: 5px;
}

#addInvolved {
    margin-top: 15px;
}

.custom-margin
{
    margin-left: 113px;
    margin-top: 16px;
}

.buttonBar
{
    width: 100%;
}

.rightSide
{
    width: 397px;
}

.involvedlist {
    height: 100px;
    width: 373px;
}

.arrested-checkBox {
    
    width: 100%;
    
}

.innerdivFixedSize
{
    font-size: 12pt;
    width: 162px;
    word-break: break-all;
    word-wrap: break-word;
}

.containerFixedSize {
    cursor: pointer;
    height: auto;
    margin-left: 3px;
    padding-left: 5px;
    padding-top: 13px;
    width: 348px;
    word-break: break-all;
    word-wrap: break-word;
}

.containerFixedSize .innerdivInvolveId {
    color: #000000;
    float: left;
    height: 30px;
    width: 158px;
}

p.IdLabel {
    float: left;
    font-family: Titillium Web;
    font-size: 13pt;
    font-weight: bold;
    width: 30px;
}


.involveIdP {
     margin-left: 1px;
    margin-top: 0;
}

.removeIconPosition {
   cursor: pointer;
    margin-left: 2px;
    width: 18px;
}

.checkBoxMarginTop
{
    margin-top: 10px;
}

.extraSpace
{
   width: 1063px;
}

#concerninIncidentNarrative_parent #concerninIncidentNarrative_tbl {
    margin-left: 31px;
    margin-top: 17px;
    width: 953px !important;
}

.CustomList #filedrag {
    width: 424px !important;
}

.PPValidationError {
    height: 22px;
    margin-top: 0;
    width: 1024px;
}
.PPRequiredLeftDiv 
{
    width: 580px; 
}

.invalidDateTime {
    display: none;
    height: 20px;
    width: 238px;
}

.invalidTime {
    display: none;
    height: 20px;
    width: 340px;
}

.LongNarrative {
    height: 161px;
    width: 1013px;
}

.pPrequiredLeft
{
    width: 581px;
    height:22px;
}

.pPrequiredRight
{
    width: 378px;
    height:22px;
}
/* Confirmation Public Portal Pages */
.leftConfirmDiv {
    color: #191919;
    font-family: Titillium Web;
    font-size: 26pt;
    margin-left: 22.5px;
    width: 58%;
    word-break: break-all;
    word-wrap: break-word;
}
.confirm-details div {
    height: 50px;
}

#incNumber {
    color: #6AB3FF;
    font-weight: bold;
    margin-left: 3px;
}


.submit {
    background-color: #FF8D14;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 43px;
    margin-top: 25px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
}
.actionsBtn
{
    width: 517px;
}
.submit-email {
     background-color: #FF8D14;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 43px;
    margin-top: 25px;
    padding-left: 19px;
    padding-right: 24px;
    padding-top: 4px;
}

.rightConfirmDiv {
  border: 1px solid #000000;
    color: #191919;
    font-family: Titillium Web;
    font-size: 14pt;
    margin-left: 95px;
    margin-top: 60px;
    padding: 5px;
    width: 300px;
}

.greenConfirmMessage
{
    border-radius: 5px;
    color: #FFFFFF;
    float: left;
    height: auto;
    margin-bottom: 10px;
    margin-left: 20px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    width: 1024px;
}
.greenConfirmMessage .Success
{
    background-color: #30DC23;
    height: auto;
    width: 100%;
}

.greenConfirmMessage .Success .Text
{
    font-size: 14pt;
    font-weight: bold;
    max-width: 640px;
    padding-bottom: 8px;
    padding-left: 4px;
    padding-top: 8px;

}

.greenConfirmMessage .Failed
{
    background-color: #FF0000;
    height: auto;
    width: 100%;
}

.greenConfirmMessage .Failed .Text
{
    font-size: 14pt;
    font-weight: bold;
    max-width: 640px;
    padding-bottom: 8px;
    padding-left: 4px;
    padding-top: 8px;

}


/* Login Page style */

.mainContainer {
    text-align:center;
    vertical-align: middle;
}
    
.logocontainer {
    height: 160px;
    padding-top: 30px;
    width: 430px;
}

.logo {
    height: 140px;
    width: 225px;
}

.ReportIncidentContainer {    
    background-color: #FF8D14;
    border-radius: 15px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-family: Titillium Web;
    font-size: 24px;
    font-weight: bold;
    height: 80px;
    line-height: 80px;
    
    text-align: center;
    vertical-align: middle;
    width: 430px;
}

.ReportIncidentContainer:hover {
    background-color:Gray;
}

#ReportBox:hover {
    cursor:pointer;  
    background-color:Gray;  
    height:75px;
    border-radius:15px;
}

#membership {
    float: left;
    font-family: Titillium Web;
    font-size: 25px;
    height: 30px;
    margin: 16px auto 10px 23px;
    text-align: left;
    width: 430px;
}
    
 #LoginUserName {
   border: 1px solid #CCE6FF;
    margin-left: 21px;
    width: 385px;
}
 
 #LoginPassword {
   float: left;
    margin-left: 21px;
    margin-top: 5px;
    width: auto;
 }    
 
 #LoginPassword input[type="password"]
 {
      width:385px;
 }
 
 #LogOnBtn {
    background-color: #679aca;
    border-radius: 3px;
    color: #ffffff;
    float: right;
    font-family: Titillium Web;
    font-size: 15px;
    font-weight: bold;
    height: 38px;
    margin-right: 19px;
    margin-top: 37px;
    width: 80px;
}
  
#LogOnBtn:hover {
   background-color: Gray;
   cursor:pointer;        
}

.error-section {
   color: #FFFFFF;
    display: none;
    float: left;
    height: auto;
    margin-top: -17px;
    min-height: 64px;
    width: 626px;
}
.error-CaptchaText {
   
   
    display: none;
}
.container .information a {
    color: #333333;
    margin-left: -48px;
    outline: medium none;
    padding-right: 3px;
    text-decoration: underline;
}

.container .information .linkPP {
    color: #333333;
    cursor: pointer;
    margin-left: 179px;
    outline: medium none;
    padding-right: 3px;
    text-decoration: underline;
}
.container .information .linkPS {
    color: #333333;
    margin-left: 112px;
    outline: medium none;
    padding-right: 3px;
    text-decoration: underline;
    cursor: pointer;
}
.logonBoxaTop {
   
    float: left;
    height: 25px;   
    display:none;
}

.logonBoxaTop .check-box {
   float: left;
    font-size: 14pt;
    font-weight: bold;
   
    margin-left: 22px;
    
    width: 100%;
}

.logonBoxaTop .labelDoc {
    float: left;
   
    margin-top: -3px;
}

#OtherloginCheck
{
   color: #696969;
    float: right;
    font-size: 16px;
    margin-left: 5px;
}

.captcha {
    color: #FF0000;
    float: left;
    font-weight: bold;
    height: auto;
    margin-top: 20px;
    min-height: 156px;
    width: 430px;
}
 
#links-bar {
   float: left;
    font-family: Titillium Web;
    height: 42px;
    margin: 7px auto 0;
    text-align: right;
    width: 380px;
}
   
.BodyContainer {
   height: auto;
    margin: 0 auto;
    min-height: 234px;
    text-align: center;
    width: 430px;
}
           

       
#Pavesuite{
     color:#8C8B8B;
     font-family:Titillium Web;
     font-weight:bolder;
     font-size:20px;
}
           
.placeHolder {
    padding-left:3px;
    height: 38px; 
     
}

textarea, input[type="text"], input[type="password"], input[type="number"] {
    border: 1px solid #CCE6FF;
    border-radius: 3px;
    font-family: Titillium Web;
    font-size: 14.5pt;

}

.linkPP a {
    color: #FFFFFF !important;
    float: left;
    font-size: 20px;
    text-decoration: none;
    width: 380px;
}

#PaveWebsite {
     font-size: 15px;
    font-weight: bold;
    padding-bottom: 8px;
    text-align: right;
  
}

#PaveWebsite span {
    color: #FC9930;
}
    
#PaveWebsite span:hover {
    cursor:pointer;
    text-decoration:underline;    
}

.companyinf {
    color: #4E4E4F;
    float: left;
    font-size: 13px;
    font-weight: bold;
   /* height: 50px; */
    margin: 0 auto 10px;
    padding-top: 10px;
    text-align: left;
    width: 430px;
}

.companyinf span {
   color:  #114AAD;
}
.companyinf span:hover {
    cursor:pointer;
    text-decoration:underline;
}

.compInfo {
    margin-top:3px;
}

#ErrorBox {
  border: 1px solid #FF0000;
    border-radius: 3px;
    color: #FF0000;
    float: left;
    font-weight: bold;
    margin: 20px auto 10px 20px;
    padding: 15px;
    position: static;
    text-align: left;
    width: 353px;
}

.BackgroundImage {
	width: 100%;
	height:100%; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10);
	-moz-opacity:0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1;
    position: absolute;
    
    z-index: -2;    
}
.LoginContainer {
    margin: 0 auto;
    width: 430px;
    text-align: center;
    vertical-align: middle;
}
.Loginfooter {
    float: left;
    height: 23px;   
    width: 430px;
}
       
#SubmitLoginForm {
    float: left;
    width:100%;   
    
}

.ReportIncident {
   float: left;
    height: 80px;
    width: 430px;
}
.linkppp {
    color: #FFFFFF !important;
    float: left;
    font-size: 20px;
    text-decoration: none;
    width: 380px;
}     
.linkppp a {
     color: #FFFFFF !important;
     text-decoration:none;
}
.companyinf span a
{
     color:  #114AAD;     
}
#LDAP-Shibbolath-Login
{
    margin-left: -12px;
}
#BorderLogin
{
   border: 2px solid #C9C9C9;
    border-radius: 7px;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 427px;
    height: auto !important;
}

.LoginContactInformation
{
   color: #696969;
    font-size: 13px;
    font-style: italic;
}

#logoFooter
{
    margin-left: -14px;
}

.viewBtn
{
    background-color: #FF8D14;
    border-color: #85A9DB;
    border-radius: 3px;
    border-style: solid;
    border-width: thin;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    height: 19px;
    padding: 7px;
    text-transform: uppercase;
    width: auto;
}
#PageNotFound h1,#PageNotauthorized h1
{
     font-size:30px;
     padding-top:30px;
     text-align:center;
}
 #PageNotFound h3,#PageNotauthorized h3
{
     font-size:20px;
     padding-top:10px;
     text-align:center;
     color:Gray;
}    
            
/* styling checkbox as mac style 

label {
    display: inline;
    font-family: Titillium Web;
    font-size: 14pt;
    vertical-align: -22px;
    color: #6AB3FF;
    text-transform: uppercase;
}

.regular-checkbox {
	display: none;
}

.regular-checkbox + label {
	background-color: #b6d9fb;
	border: 1px solid #9ca4d4;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	float: left;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
	background-color: #d0edff;
	border: 1px solid #6c79c1;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #00152e;
}

.regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 1px;
	left: 4px;
	color: #00152e;
}

.checked
{
    content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 1px;
	left: 4px;
	color: #00152e;
}
/* end styling checkbox as mac style */


/* End Login Page Style */








div.path a:hover {
    color: #FF9A21;
    cursor: pointer;
    text-decoration: none;
}


div.OrangeButton {
       background-color: #6ab3ff;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-bottom: 11px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    text-align: center;
    vertical-align: middle;
    width: auto;
}

/* Tabs Section */
.container-wrapper .MainHeaderPP
{
    height: 71px;
}
#VictimsTab
{
    margin-top: -28px;
}

#ReferredByTab
{
    margin-top: -28px;
}


.TabBox
{
    background-color: #6AB3FF;
    border-radius: 3px 3px 0 0;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    height: 42px;
    margin-left: 13px;
    width: auto;
    margin-top: -18px;
}

.ReferredByText
{
     font-family: Titillium Web;
    font-weight: bold;
    padding: 14px;
    padding-top: 13px;
}

.VictimsTabText
{
    font-family: Titillium Web;
    font-weight: bold;
    padding: 14px;
    padding-top: 13px;
}

.BoxDisableColor
{
     background-color: #cce6ff; 
}
.BoxEnableColor
{
     background-color: #6ab3ff; 
}
#NarrativeTab
{
    margin-top:15px;
}
#SummaryTab
{
    margin-top:15px;
}

/* Respondent Section  */
div.Collapse-Group-Address-Info
{
    background-image: url("css/HomePage/Icons2/ArrowDown-Orange.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 20px;
    margin-right: 685px;
    margin-top: 12px;
    width: 15px;
}

div.Collapse-Group-Email-Info
{
    background-image: url("css/HomePage/Icons2/ArrowDown-Orange.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 20px;
    margin-right: 685px;
    margin-top: 12px;
    width: 15px;
}

div.Collapse-Group-Phone-Info
{
    background-image: url("css/HomePage/Icons2/ArrowDown-Orange.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 20px;
    margin-right: 685px;
    margin-top: 12px;
    width: 15px;
}


div.Collapse-Non-Student-address-Info {
    background-image: url("css/HomePage/Icons2/ArrowDown-Orange.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 20px;
    margin-right: 685px;
    margin-top: 12px;
    width: 15px;
}
div.Collapse-Student-address-Info {
    background-image: url("css/HomePage/Icons2/ArrowDown-Orange.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 20px;
    margin-right: 685px;
    margin-top: 12px;
    width: 15px;
}
div.Collapse-Student-Email-Info {
    background-image: url("css/HomePage/Icons2/ArrowDown-Orange.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 20px;
    margin-right: 685px;
    margin-top: 12px;
    width: 15px;
}
div.Collapse-Non-Student-Email-Info {
    background-image: url("css/HomePage/Icons2/ArrowDown-Orange.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 20px;
    margin-right: 685px;
    margin-top: 12px;
    width: 15px;
}
div.Collapse-Student-Phone-Info {
    background-image: url("css/HomePage/Icons2/ArrowDown-Orange.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 20px;
    margin-right: 685px;
    margin-top: 12px;
    width: 15px;
}

div.Collapse-Non-Student-Phone-Info {
    background-image: url("css/HomePage/Icons2/ArrowDown-Orange.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 20px;
    margin-right: 685px;
    margin-top: 12px;
    width: 15px;
}
div.Collapse-Student-Academce-Info {
    background-image: url("css/HomePage/Icons2/ArrowDown-Orange.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 20px;
    margin-right: 685px;
    margin-top: 12px;
    width: 15px;
}

.header {
    /*font-size: 25pt;
    margin-bottom: 12px;
    margin-left: 4px;
    margin-top: 20px;
    width: 100%;*/
    font-size: 18pt;
    margin-bottom: 5px;
    margin-left: 4px;
    margin-top: 0;
    width: 100%;
    
}

div.Close {
    background-image: url("css/HomePage/Icons2/ArrowDown-Orange.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 20px;
    margin-right: 685px;
    margin-top: 12px;
    width: 15px;
}


div.Collapse-Student-optional-Info ,div.Collapse-Employee-optional-Info{
    background-image: url("css/HomePage/Icons2/ArrowDown-Orange.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 20px;
    margin-right: 685px;
    margin-top: 12px;
    width: 15px;
}

div.Collapse-Student-Photo-Info,div.Collapse-Employee-Photo-Info {
    background-image: url("css/HomePage/Icons2/ArrowDown-Orange.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 20px;
    margin-right: 685px;
    margin-top: 12px;
    width: 15px;
}

.horizontal-line
{
    border-top: 2px solid #E2E1E1;
    height: 10px;
    margin-top: 10px;
    width: auto;
}
.TypeBox {
   background-color: #6ab3ff;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 20px;
    margin-top: 4px;
    padding: 10px;
    width: auto;
}
div.GridContainer .ui-widget-content {
    border: 0 solid #FF0000;
}

.grid .col-1-6 {
    margin-top: 20px;
    width: 20%;
    margin-left:33px;
}
.grid .col-1-6 div {
    margin-right: 8px;
}

.grid .col-1-4-2 {
    height: inherit;
    width: 12%;
}

div.GridContainer table {
    border: 0 none;
    border-collapse: inherit;
}
div.GridContainer table tr {
    background: none repeat scroll 0 0 #FFFFFF;
    height: auto;
}
div.GridContainer .ui-widget-content {
    border: 0 solid #FF0000;
}

div.GridContainer table tr:nth-child(2n) {
    background-color: #EBF4FF;
}

div.GridContainer .ui-jqgrid tr.jqgrow td:nth-child(2) {
    padding-left: 20px;
}


#Title {
    width: 433px;
}

div.GridContainer .ui-jqgrid tr.jqgrow td {
    border: medium none;
    font-size: 17px;
    height: auto;
    padding: 5px;
    vertical-align: top;
}

div.GridContainer {
    float: left;
    font-family: Titillium Web;
    font-size: 15px;
    margin-bottom: 25px;
    margin-top: 20px;
}

.grid .col-1-1 div {
    margin-top: 1px;
}
.ui-state-default.ui-th-column.ui-th-ltr {
    height: 30px;
}

.ui-jqgrid .ui-jqgrid-htable th {
    height: 22px;
    padding: 0 2px;
}

.ui-jqgrid .ui-jqgrid-htable th div {
    height: 25px;
}

div.GridContainer table th div {
    color: #6AB2FF;
    font-size: 17px;
    text-align: left;
}

.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
    border-left: 0 none;
    border-right: 0 none;
    border-bottom: 0 none;
}

div.GridContainer table tr {
    background: none repeat scroll 0 0 #FFFFFF;
    height: auto;
}

div.GridContainer table {
    border: 0 none;
    border-collapse: inherit;
}


.AddTypeBox {
    background-color: #6AB3FF;
    border-radius: 3px 3px 0 0;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    height: 42px;
    margin-left: 13px;
    margin-top: 28px;
    width: 147px;
}

.AddTextStudent {
    font-family: Titillium Web;
    font-weight: bold;
    padding-left: 6px;
    padding-top: 13px;
}

.AddTypeBoxDisableColor {
    background-color: #CCE6FF !important;
}

.AddTypeBoxEnableColor {
    background-color: #6AB3FF  !important;
}

#Non-Student-Panel,#Group-Panel,#Employee-Panel {
    display: none;
}


.custom-date-icon {
    background-position: 169px -222px;
}
.gray-button
{
    background-color:#b2b2b2 !important;
}
.custom-client-row-validation {
    float: left;
    margin-left: 6px;
    /*margin-top: -15px;*/
    width: 100%;
}

.picSizeInfo {
    float: left;
    font-weight: bold;
    height: 20px;
    margin-left: 341px;
    margin-top: 13px;
    width: 48%;
}S

.update {
    background-color: #FF8D14;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: pointer;
    display: none;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin-left: 6px;
    margin-top: 10px;
    padding: 10px;
    width: auto;
}


.uploadPic {
    float: left;
    margin-left: 270px;
}

.saveWithoutIcon {
    background-color: #79E32B;
    background-position: 5px -274px;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-family: Titillium Web;
    font-size: 14pt;
    font-weight: bold;
    height: 26px;
    margin-top: 16px;
    padding-left: 12px;
    padding-right: 11px;
    padding-top: 8px;
    width: 45px;
}

.copyrightStatement
{   
  margin-bottom: 5px;
     color: #000000;
    font-size: 16px;
    margin-left: 155px;
    margin-right: 155px;
    text-align: center;
    -webkit-text-size-adjust: none;
    
}

footer {
    
    bottom:5px;
    float: left;
    height: auto;
    padding-top: 2px;
   
    width: 100%;
}

.UnivName {
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

.PageInfoSection .UnivName {
    margin-top: 9px;
}

input[type="number"] {
    height: 36px;
    width: 140px;
}
.subSection
{
    width:100%;
}



/* New Region For UI Enhancement */
#newNarrative 
{
   background-color: #6ab3ff;
    background-image: url("css/Images/Add5.png");
    background-position: 8px 8px;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    border: medium none;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    float: right;
    font-family: Titillium Web;
    font-size: 16px;
    font-weight: bold;
    height: 36px;
    margin-right: 18px;
    padding-left: 37px;
    padding-right: 20px;
    text-align: center;
    vertical-align: middle;
    width: auto;
}
.PS7Button
{
 
   background-position: 6px 6px;
    background-repeat: no-repeat;
    background-size: 19px 19px;

    border: medium none;
    border-radius: 3px;
    color: #000000;
    cursor: pointer;
    font-family: Titillium Web;
    font-size: 16px;
    font-weight: bold;
    height: 26px;
    padding-left: 31px;
    padding-right: 11px;
    padding-top: 6px;
    text-align: center;
    vertical-align: middle;
    width: auto;
    
}

.CancelDiv
{
    background-color: #868686;
    background-image: url("css/Images/ccc.png");
    color:#ffffff;    
   
}

.AddButtonDiv
{
  
    background-color: #6ab3ff;
    background-image: url("css/Images/add5.png");    
    color: #ffffff;   
  
    
}
.SaveButtonDiv
{
  background-color: #79e32b;
    background-image: url("css/Images/save.png");    
    float: right;   
    padding-left: 35px;
    padding-right: 15px;
}
.DeleteButtonDiv
{
  background-color: #eb0303;
    background-image: url("css/Images/delete.png");
    color: #ffffff;
    float: right;
}
.LinkButtonDiv
{
  background-color: #6ab3ff;   
    color: #ffffff;
    float: right;
    padding-left: 10px;
}
.CopyDiv
{
    background-color: #6ab3ff;
    background-image: url("css/Images/CopyBtn.png");
    color:#ffffff;    
   background-position: 3px 3px !important;
   background-size: 26px 25px !important;
    
   
}


.NoRespondent
{
    /*
    background-color: #b2b2b2;
    background-image: url("css/Images/cancel.png");     
    float:right;    
    background-position: 12px 11px;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    border: medium none;
    border-radius: 3px;
    color: #000000;
    cursor: pointer;
    font-family: Titillium Web;
    font-size: 16px;
    font-weight: bold;
    height: 26px;
    padding-left: 37px;
    padding-right: 20px;
    padding-top: 10px;
    text-align: center;
    vertical-align: middle;
    width: auto;
*/
     background-position: 6px 6px;
    background-repeat: no-repeat;
    background-size: 19px 19px;

    border: medium none;
    border-radius: 3px;
    color: #000000;
    cursor: pointer;
    font-family: Titillium Web;
    font-size: 16px;
    font-weight: bold;
    height: 26px;
    padding-left: 31px;
    padding-right: 11px;
    padding-top: 6px;
    text-align: center;
    vertical-align: middle;
    width: auto;
    background-color: #868686;
    background-image: url("css/Images/cancel.png");
    color:#ffffff;
    
 }


#MeCheckBox
{
    margin-left:117px;    
}
#AddRef
{    
    margin-top: 5px;
}
#AddNewRespondentsDiv
{
   
    margin-top: 144px; 
    margin-right:0px !important;
}

.userSig {
    height: auto;
    margin-left: 30px;
    width: auto;
}

div.Content hr {
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 10px;
    opacity: 0.4;
}

.DivItem {
    background-color: #ecf5ff;
    float: left;
    font-family: Titillium Web;
    font-size: 15px;
    height: auto;
    margin-top: 10px;
    min-height: 45px;
    width: 1001px;
}

.ActionsContainer
{
    margin-left: 520px;
    width: auto;
}

.EditBox {
    cursor: pointer;
    height: inherit;
    text-align: right;
    width: auto;
    margin-top: 14px;
}
.EditArrow {
    float: left;
    height: 20px;
}
.DeleteArrow {
    float: left;
    height: 20px;
    margin-top:0px;
}


.EditBoxDesign {
    background-color: #ff8d14;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 20px;
    line-height: 17px;
    padding-right: 16px;
    width: 28px;
}



.InnerContainer .subSection:nth-child(2n) {
    background-color: #ebf4ff;
}

/*
.BackGroundItem:nth-child(2n) {
    background-color: #ebf4ff;
}*/
.CommentsIcon
{
    width: 21px;
    margin-left: 2px;
    margin-right: 5px;
    float: right;     
     margin-top:3px;
}

#underEighteen
{
   /*float: right;
    margin-right: 13px;
    margin-top: 3px;
    margin-top: -1px;
    width: 26px;*/
    float: right;
    margin-right: 2px;

    width: 26px;
}
/*
.bx-wrapper #underEighteen {
    margin-right: -14px;
}
*/

.respondentInfo .row .Mainlabel
{
    color: #000096;
    font-weight: bolder;
}

/* Toolbar Design */


* {
    font-family: Arial, "Free Sans";
}
#box {
    margin-top: 100px;
}
.bt, .clicked {
    height: 20px;
    color: #666;
    font-size: 16px;
    padding: 4px 20px;
    text-decoration: none;
    background: #f9f9f9;
}
#box .bt {
    background: -moz-linear-gradient(top,  #fff,  #f3f3f3);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));

    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f3f3f3);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f3f3f3)";
}
#box .bt:hover {
    background: #f3f3f3;
    background: -moz-linear-gradient(top,  #fff,  #e9e9e9);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9e9e9));

    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e9e9e9);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e9e9e9)";
}
#box .bt:active, .clicked {
    background: #e9e9e9;
    background: -moz-linear-gradient(top,  #e9e9e9,  #fff);
    background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#fff));

    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e9e9e9, endColorstr=#ffffff);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e9e9e9, endColorstr=#ffffff)";
}
.btleft {
    border: 1px solid #e3e3e3;
    -webkit-border-radius: .5em 0 0 .5em;
    -moz-border-radius: .5em 0 0 .5em;
    border-radius: .5em 0 0 .5em;
}
.btleft span {
    font-size: 15px;
}
.btmiddle {
    border: 1px solid #e3e3e3;
    border-width: 1px 0;
    margin: 0 -4px;
}            
.btright {
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 0 .5em .5em 0;
    -moz-border-radius: 0 .5em .5em 0;
    border-radius: 0 .5em .5em 0;
}
.btmiddle span, .btright span {
    font-size: 9px;
    position: relative;
    top: -2px;
}
.menus {
    margin: 10px 0 0 0;
    display: none;
    position:absolute;
}
#triangle {
    border: 1px solid #d9d9d9;
    border-width: 2px 0 0 2px;
    width:10px;
    height:10px;
    /* for firefox, safari, chrome, etc. */
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform:rotate(45deg);
    z-index: 1;
    position: relative;
    bottom: -4px;
    margin-left: 25px;
    background: #fff;
}
#tooltip_menu {
    background: #fff;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    width: 220px;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.5);
    box-shadow: 0px 0px 3px rgba(0,0,0,.5);
    padding: 2px;
}
#tooltip_menu a {
    z-index: 2;
    padding: 0 0 7px 2px;
    display: block;
    text-decoration: none;
    color: #0066cc;
    font-size: 13px;
}
#tooltip_menu a:hover {
    background: #0066cc;
    color: #fff;
}
#tooltip_menu a img {
    position: relative;
    top: 5px;
    border: 0;
}
.menu_top {
    -webkit-border-radius: .5em .5em 0 0;
    -moz-border-radius: .5em .5em 0 0;
    border-radius: .5em .5em 0 0;
}
.menu_bottom {
    -webkit-border-radius: 0 0 .5em .5em;
    -moz-border-radius: 0 0 .5em .5em;
    border-radius: 0 0 .5em .5em;
}
     

/* End of toolbar design */


.ConductPopUpText
{
    color: #666666;
    float: left;
    font-family: Titillium Web;
    font-size: 15px;
    font-weight: bold;    
    margin-top: 87px;
    width: 82px;
    text-align:center;
}
#PreHearingLogo {
    float: left;
    /* height: 100px; */
    /* margin-bottom: -10px; */
    margin-left: 25px;
    /* width: 100px; */
    cursor: pointer;
}
.ConductLogodisabled
{
    cursor:default;  
    pointer-events: none;  
}
#HearingLogo
{
      float: left;
    /* height: 70px; */
    /* margin-bottom: -10px; */
    margin-left: 25px;
    margin-top: 16px;
    width: 70px;
    cursor: pointer;
}
#AppealLogo
{
  background-color: #ffffff !important;
    border: medium none !important;
    cursor: pointer;
    float: left;
    height: 57px;
    margin-bottom: -10px;
    margin-left: 35px;
    margin-top: 16px;
    width: 70px;
}  
#ResolutionMeetingLogo
{
    cursor: pointer;
    float: left;
    height: 90px;

    margin-left: 29px;
    margin-top: 4px;
    width: 90px;
}

#ManageAssignmentLogo
{
  cursor: pointer;
    float: left;
    height: 70px;
    margin-bottom: -10px;
   margin-left: 20px;
    margin-top: 15px;
    width: 70px;
}


#CareMeetingLogo
{
  cursor: pointer;
    float: left;
    height: 63px;
    
    margin-left: 25px;
    margin-top: 21px;
    width: 70px;
}

#infoMeetingLogo
{
    cursor: pointer;
    float: left;
    height: 62px;
  
    margin-left: 25px;
    margin-top: 21px;
    width: 70px;
    
}

#FollowupsLogo
{
    cursor: pointer;
    float: left;
    height: 88px;

    margin-left: 25px;
    margin-top: 5px;
    width: 92px;
    
}

#ManageSanctionLogo
{
    float: left;
    height: 64px;

    margin-left: 25px;
    margin-top: 16px;
    width: 67px;   
    cursor:pointer; 
    background-color:#ffffff !important;
    border:none !important;
    
} 
#FindingsText
{
    float: left;
    margin-left: -117px;
    margin-top: 102px;
    width: 100px;
}
.verticalLine {
   border-left: 1px solid #9b9b9b;
    float: left;
    height: 84px;
    margin-left: 25px;
    margin-top: 20px;
}
.CaseNotesLogo,.FileCabinetLogo
{    
  float: left;
    height: 55px;
    margin-left: 25px;
    margin-top: 21px;
    width: 60px;
    cursor:pointer;
}
/*.FileCabinetLogo
{
    float: left;
    height: 55px;
    margin-bottom: -10px;
    margin-left: 18px;
    margin-top: 21px;
    width: 60px;
    cursor:pointer;    
}*/

.CloseLogo
{
    cursor: pointer;
    float: left;
    height: 71px;

    margin-left: 5px;
    margin-top: 13px;
    width: 81px;
}
.OpenLogo
{
  cursor: pointer;
    float: left;
    height: 71px;
    margin-bottom: -10px;
    margin-left: 5px;
    margin-top: 13px;
    width: 81px;
    
}

.ActionButton
{
    background-color: #ffffff;
    border-color: #cee4f6;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    color: #000;
    cursor: pointer;
    float: right;
    font-family: Titillium Web;
    font-size: 12pt;
    font-weight: bold;
    height: 24px;
    line-height: 21px;
     /*margin-top: -4px;*/
    text-align: center;
       width: 84px;
       margin-right:8px;
 
}
.PopUpActionMenu
{
     background-color: #ffffff;
    border-radius: 3px;
    height: 160px !important;
    width: 100% !important;
    display:none;
    
}

div.LoadMore {
    background-color: #ecf5ff;
    cursor: pointer;
    float: left;
    font-family: Titillium Web;
    font-size: 15px;
    font-weight: bold;
    height: 40px;
    margin-top: 40px;
    width: inherit;
}

div.LoadMore div.LoadMoreText {
    color: #fd8c15;
    float: left;
    height: 25px;
    margin-left: 454px;
    margin-top: 12px;
}

div.LoadMore img {
    display: none;
    float: left;
    height: 20px;
    margin-left: 10px;
    margin-top: 10px;
    width: 20px;
}

div.LoadMore div.LoadMoreTriangle {
    background-color: white;
    background-image: url("Icons2/LoadMoreTriangle.png");
    background-position: center 0;
    background-repeat: no-repeat;
    float: left;
    height: 25px;
    width: inherit;
}

.CustomSliderPager1 .Pagination1 .respondentIndex
{
    border: 0 none;
}

#SaveUserSignatureBtn
{
    margin-top: 15px;
    margin-right: -6px;    
}

.SaveMargin
{
    margin-top:26px;    
    
}

.AddNewRespondent
{
    float: left;
    margin-left: 13px;
}

.CancelInfo
{
    background-color: #868686;
    background-image: url("css/Images/cancel.png");
    color:#ffffff;  
    margin-top:26px;      
}

#StudentModel_Graduated, #StudentModel_Withdrew,
#StudentModel_CurrentlyEnrolled, #StudentModel_OnHold
{
    margin-top:15px;    
}

.EditStudentClose,.EditEmployeeClose
{
    background-image: url("css/HomePage/Icons2/ArrowUp-Orange.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 20px;
    margin-right: 685px;
    margin-top: 12px;
    width: 15px;  
}

#PreHearingText
{
    margin-left:-92px; 
    width:90px;   
}
#hearingText
{
   margin-left:-78px; 
}
#AppealReqText
{
margin-left: -105px;
    width: 115px;
    
}
#ManagesanctionsText
{
    margin-left: -106px;
    width: 145px;
    margin-right: 8px;
}
#caseNotesText
{
    margin-left:-68px;
     width:64px;
     margin-right: 20px;    
}
#fileCabinetText
{
    margin-left: -63px;
    margin-right: 20px;
    width: 64px;    
}
#ConductCloseText, #ConductOpenText
{
    margin-left:-73px;
     width:64px;
}

#CareMeetingText
{
  margin-left: -82px;
width: 103px;  
}
#followupText
{
   margin-left: -90px;
    width: 91px;
    
}
#notesCareText
{
margin-left: -67px;
margin-right: 20px;
width: 64px;    
    
}
#FileCabinetCareText
{
    margin-left: -60px;
    margin-right: 20px;
    width: 64px;    
}

#CareCloseText, #CareOpenText
{
    margin-left:-74px; 
    width:64px;    
}
#infomeetingText
{
    margin-left: -82px; 
    width:99px;    
}

#infoCaseNotesText
{
    margin-left: -68px;
    margin-right: 20px;
    width: 64px;
}
#FileCabinetInfo
{
    margin-left: -63px;
    margin-right: 20px;
    width: 64px; 
}

#InfoCloseText, #InfoOpenText
{
    margin-left:-74px; 
    width:64px;    
    
}
#ResMeetingText
{
margin-left: -120px;
 width: 153px;    
}

#ManageAssignmentText
{
   margin-left: -93px;
margin-right: 14px;
width: 103px;
}
#FileCabinetADR
{
   margin-left: -62px;
    margin-right: 14px;
    width: 64px;   
}
.txtHeight
{
    height: 38px !important;
}
.DescriptionTextArea
{
    width: 586px;
    margin-top:0px;
    height: 200px;
    font-family: Titillium Web;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
    font-family: Titillium Web;
    font-size: 14.5pt;
}
.iconStyle
{
    margin-left: 0px;
    cursor: pointer;
    height: 20px;
    width: 20px;
}
.gridAction {
    margin-top: 6px;
    width: 674px;
}
.gridAction .Moreinfo {
    margin-left: 4px;
}
.gridAction .Moreinfo label {
    font-size: 10pt;
}
.MainContainer .RightContainer
{
    border: 0 solid green;
    float: left;
    margin-left: 15px;
    width: 680px;
}
.MainContainer  img
{
    cursor: pointer;
}

.MainContainer .RightContainer select, #CurrentYearIndex, #CopyFrom, #CopyTo
{
     height: 38px;
    padding-left: 0;
    width: 67px;
}

.clery {
  /*  height: 25px;
    width: 35px;*/
}
    

.TitleContainer
{
    margin-left: 0px !important;
}
.paveDialog {  
    width: 615px !important;
}
div.RightSideContainer div.InputField
{
    height:37px;
    width:300px;
    font-size:15px;
    float:left;
}
.Clear
{
    clear:both;
}
#CriteriaQuestions .HeaderText
{ 
    font-size: 10pt;
    margin-right: 15px !important;
    width: 261px !important;
}
#AddEditContainerDiv .HeaderText {
    width: 155px;
}
.InputField {
    margin-bottom: 3px;
    margin-right: 5px;
    margin-top: 3px;
    width: 150px;
}
.Description {
    width: 486px;
}
#CleryViolationContainer .DeleteButton
{
    margin-top : 0px
}
#AlwaysReportableCleryDesc .CleryViolationType {
    margin-top: 7px;
    width: 495px !important;
}

.actionDiv {
    width: 100%;
}

.actionDiv .cancelBtn
{
    width: 59px;
    margin-top: 7px;
}

.inputtext {
    margin-right: 0 !important;
    width: 276px !important;
}

.errorCode {
    margin-right: 0 !important;
    width: 156px !important;
}
.errorTitle {
    width: 159px !important;
}
#CodeDescription {
    width: 589px;
}
#CodeDescription textarea {
    resize: none;
}
.warningMessage
{
    font-size: 10pt;
}

div.RightContainer div.PageHeader
{
    width: 100% !important;
}

div.RightContainer div.Container
{
    margin-top: 20px !important;
    margin-bottom: 0px !important;
}
#conduct-list_CodeOfConductTitle {
    padding-left: 14px;
    width: 192px !important;
}

#care-list_CareTypeTitle{
    padding-left: 14px;
    width: 192px !important;
}

#info-list_InfoTypeTitle {
    padding-left: 15px;
    width: 286px !important;
}
.black-tree
{
    color:#808080;
}
.actionDiv  .CancelDiv a 
{
    text-decoration: none;
}
#stdImage
{
    height: auto;
    width: auto;
}
#stdImage img {
    height: 100px;
    width: 100px;
}
.LonghorizontalLine
{
    border-top: 2px solid #e2e1e1;
    height: 10px;
    width: 100%;
}

.flex-active-slide .respondent .respondent-card-box a &gt; img.detailedinfoIcon, .victim-card-box a &gt; img.detailedinfoIcon, .witness-card-box a &gt; img.detailedinfoIcon
{
    /*margin-right: 15px;*/
}
/*
.flex-active-slide #underEighteen {
   margin-right: 40px;
    margin-top: -25px;
    width: 26px;
}
*/

#VersionNumber
{
    display: none;    
}

#KSCIcon
{
    height: 43px;
    margin-right: -2px;
    margin-top: 10px;
    width: 43px;
     max-width: 45px;
}
.AuditleftColumn
{
    float:left;    
}

#IncidentAuditContainer
{
    
    float:left;
}

.IncidentAudit-search-icon {
    background-position: 117px -73px;
    height: 38px;
    padding-left: 3px;
    width: 258px;
}

.Input-margine
{
    margin: 10px;
}

#LogOffBtn
{
    height: 33px;
    margin-left: 5px;
    margin-top: 12px;
    width: 33px;   
}

.PPOfficeInfo
{
    width:98.5%;
    padding:5px;    
}
#ConcerningIncidentTitle
{
      font-size: 28pt;  
}
.CareTeamMeetingButtons
{
    margin-right:15px;    
}
.CareTeamMeetingButtonsContainer
{
   float:right;
   margin-bottom: 10px;
   margin-right: 20px;
   margin-top: 10px;    
}
form &gt; div.clearfix
{
    width:100%;
}
.pointerEventNone
{
     pointer-events: none;   
}
.UsersDropDown
{
    color: #578ebe;
    float: left;
    font-family: Titillium Web;
    font-size: 21px;
    height: 32px;
    padding: 0;
    text-transform: capitalize;
    width: 190px;
    
}
#UsersList
{
   color: #578ebe;
    font-family: Titillium Web;
    font-size: 18px;
    height: 32px;
    margin-top: 19px;
    padding: 0;
    text-transform: capitalize;
    width: 225px;
}

/*.hideIncidentInfoLabel
{
    font-family:Titillium Web;
    font-size:16px;
    color:#FF9A21;
    cursor:pointer;
    margin-right:12px;
   background-image: url("css/Hearing/Images/hideIncidentInfo.png");
    background-position: 185px 7px;
    background-repeat: no-repeat;
    background-size: 10px 7px;
    width:inherit;
    height:auto;
    margin-bottom:15px;
      float:left;
}
.showIncidentInfoLabel
{
     font-family:Titillium Web;
    font-size:16px;
    color:#FF9A21;
    cursor:pointer;
    margin-right:12px;
    background-image: url("css/Hearing/Images/showIncidentInfo.png");
    background-position: 185px 6px;
    background-repeat: no-repeat;
    background-size: 7px 10px;
    width:inherit;
    height:auto;
    margin-bottom:15px;
    float:left;
     
}
.incidentInfoRow
{
    width:648px;
    height:auto;
    font-family:Titillium Web;

    
}
.incidentInfoRowLabel
{
    width:162px;
    height:100%;
    color:#6AB3FF;
    font-size:14px;
    float:left;
    
       
}
.incidentInfoRowData
{
    width:162px;
    height:100%;
    color:#4F4F4F;
    font-size:13px;
    float:left;
    height:auto;
    margin-bottom:32px;
    margin-top:12px;
    
}
.hideNarrativeLabel
{
    height:100%;
    color:#6AB3FF;
    font-size:14px;
    float:left;    
    cursor:pointer;    
   background-image: url("css/Hearing/Images/uparrows.png");
    background-position: 0px 2px;
    background-repeat: no-repeat;
    background-size: 8px 10px;
    
    text-align:left;
    padding-left:12px;
    width:100%;
     margin-bottom: 16px;
}
.showNarrativeLabel {
    height: 100%;
    color: #6AB3FF;
    font-size: 14px;
    float: left;
    cursor: pointer;
    background-image: url('css/Hearing/Images/downarrows.png');
    background-position: 0px 2px;
    background-repeat: no-repeat;
    background-size: 8px 10px;
    text-align: left;
    padding-left: 12px;
    width: 100%;
    margin-bottom: 16px;
}
.narrative
{
    width:100%;
    height:auto;
    color:#4F4F4F;
    font-size:13px;
    float:left;
    height:auto;
    margin-bottom:32px;

    font-family:Titillium Web;
    
    
    }*/


.ui-dialog .ui-dialog-buttonpane button
{
        background-color: #6ab3ff;
    color: white;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px;
}</pre></body></html>