body {
    font-size: 10pt; font-family: Arial, "Helvetica Neue", Helvetica, Sans-Serif; 
    padding-top: 50px;
    padding-bottom: 20px;
    background-color:#f0f0f0;
}


.dl-horizontal dt {
    white-space: normal;
}


#header {
	background-color:#a24aac ;
}

.navbar .brand {
        display:inline-block;
    font-size:18pt;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    margin-left:20px;
    margin-top:4px;

}


.table1 td {padding:2px 6px;}
.link {cursor:pointer; color:Blue;}
.link:hover {text-decoration:underline;}

input[readonly="readonly"]
{
    background-color:#f0f0f0;
}



#header #nav {display:inline-block; margin-left:20px; vertical-align:top;}
#header #nav div {display:inline-block; padding:10px 15px; color:#ffffff; font-size:11pt; margin:0px 2px; border-left:1px solid transparent; border-right:1px solid transparent;}
#header #nav .highlight {border-left:1px solid rgba(255,255,255,.4); border-right:1px solid rgba(255,255,255,.4); background-color:rgba(255,255,255,.1)}
#header #nav div:hover {border-left:1px solid rgba(255,255,255,.4); border-right:1px solid rgba(255,255,255,.4); background-color:rgba(255,255,255,.15); cursor:pointer;}

#header #logout {float:right;  margin-right:15px; vertical-align:top; margin-top:15px; }
#header #logout a {color:#ffffff;}

.container {
    padding:0px;
    margin:initial;
}
.mainBody
{
    min-height:400px;
    background-color:#ffffff;
    padding:10px 10px 20px 10px;
    border-bottom:1px solid #e0e0e0;
}

.logoText
{
  color: #cccccc;
  opacity: 0.6;
  margin:0px 10px 0px 0px;
}


#grid1 {
    border-radius: 5px;
}
.gridHeader td {font-weight:bold; font-family:Verdana; font-size:10pt; color:#445; padding-right:5px;}
.filterRow, .pagerRow {background-color:#ebe9dd !important;}
.altRow {background-color:#f0f0f0 !important;}
.dxgvDataRow:hover, .dxgvDataRowAlt:hover {background-color:#dcdfc5 !important; cursor:pointer;}


.person {margin-top:15px;}
.person td {padding:5px 20px 10px 0px; vertical-align:top;} 
.person td table td {padding:1px;}
    .person .pnote
    {
        color: #999999;
        font-size: 8pt;
    }

.box {position: relative;margin: 15px 0;padding: 39px 19px 14px;background-color: white;border: 1px solid #DDD;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.box-label {position: absolute;top: -1px;left: -1px;padding: 3px 7px;font-size: 12px;font-weight: bold;background-color: whiteSmoke;border: 1px solid #DDD;color: #656a70;-webkit-border-radius: 4px 0 4px 0;-moz-border-radius: 4px 0 4px 0;border-radius: 4px 0 4px 0;}
.box-note {position: absolute; bottom: 5px; right:8px; color:#999999;}
.box-state {position: absolute; top: 5px; right:8px; padding:4px 8px; background-color:#f3f0d5; border-radius: 4px;}

#CampusSearchResults td {padding:2px 8px 2px 2px;}


/* Student Add-edit */

.SR {padding:5px 0px; clear:both; overflow:hidden;}
.SEL {float:left; margin-right:10px;}
.SEL .T {font-size:8pt; color:#999999; margin-left:2px;}
.SDX {height:25px; margin-top:2px;}

#relations {margin:0px; padding:0px}
#relations th {text-align:left; padding:1px 5px;}
#relations td {padding:1px 5px;}


/* Students */
#grid1 {border-radius:5px;}
#ssList {margin:10px;}
#ssList td {padding-left:10px; padding-right:10px;}
#ssList td a {font-size:9pt; font-family:Tahoma;}

#ssDisplay .ssSave {margin-top:50px; padding:5px; border:solid 1px #999999; background-color: #ebe9dd;}
#ssDisplay .ssSave img {vertical-align:bottom; margin-bottom:5px;}

.dxgvDataRow:hover, .dxgvDataRowAlt:hover {background-color:#dcdfc5 !important; cursor:pointer;}

#studentInfo {border-collapse:collapse; min-width:900px;}
#studentInfo tr {vertical-align:top;}

#studentInfo #pager {float:right; margin-bottom:40px;}

.gradeBubble {display:inline-block; margin-right:8px;  margin-bottom:10px; padding: 2px 5px; border:1px solid #777777; border-radius:5px;}
.alert {display:inline-block; background-color:#ff9999; padding:1px 5px; margin:0px 3px; font-weight:bold; border-radius:2px;}

#stPager {vertical-align:top; text-align:right; margin-bottom:10px;}
#stPager img {margin-bottom:-3px;}

#CampusInfo {clear:both; margin-top:40px; padding:10px; border:1px solid #cccccc; min-height:500px;}
#CampusInfo h3 {margin:0px; text-align:right;}
#CampusInfo table td {}

#noteTable {margin:15px 0px; border-collapse:collapse; width:93%; background-color:#f0f0ff; border-radius:4px;}
#noteTable td {padding:8px;}

#enrollmentHistory {border-collapse:collapse; margin-top:10px; width:98%; margin-left:2px;}
#enrollmentHistory td {padding:4px;}
#enrollmentHistory tr:nth-child(2n) {background-color: #eaf0f4;}
#enrollmentHistory .highlight {border:1px solid #6666cc; margin-bottom:5px;}
#enrollmentHistory .blank {background-color: #ffffff !important;}

#campusSearchResults td {padding:2px 8px 2px 2px;}

.placementGreen {margin:10px 0px; border:1px solid #aabbaa; padding:10px 5px; width:90%; background-color:#ddeedd; border-radius:4px;}
.placementNone {margin:10px 0px; border:1px solid #d4d2c4; padding:10px 5px; width:90%; background-color:#f4f2e4; border-radius:4px;}
.lateflag {color:#996666; font-weight:bold;}
.wlflag {color:#339933; font-weight:bold;}

#auditTable {margin:15px 10px; background-color:#f4f2e4; padding:5px;}
#auditTable td {padding:2px 6px;}

.noteEdit:hover, .choiceEdit:hover {cursor:pointer; background-color:#e0e0ee;}
.noBusing {background-color:#eee0e0;}

#choiceTable {width:100%;}
#choiceTable th {text-align:left; padding-left:5px;}
#choiceTable td {padding:2px 6px;}
#newChoice {margin-top:10px;}

#choiceDialog table td {padding:2px 6px;}

.tagDelete {margin:0px 5px; background-color:#e0d1aa; border-radius:4px; padding:4px; display:inline-block; cursor:pointer; color:#57430c;}

#newTag {
    float: right;
    display: inline-block;
    margin-right: 30px;
    margin-top: 5px;
}

#mapS {
    border: 1px solid #cccccc;
    width: 365px;
    height: 340px;
    border-radius: 4px;
}

/* Validation */
.field-validation-error { color: #ff0000;}
.field-validation-valid {    display: none;}
.input-validation-error {    border: 1px solid #ff0000;    background-color: #ffeeee;}
.validation-summary-errors {    font-weight: bold;    color: #ff0000;}
.validation-summary-valid {    display: none;}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label {   margin: 1em 0 0 0;}
.display-field, .editor-field {margin:0.5em 0 0 0;}
.text-box {    width: 30em;}
.text-box.multi-line {    height: 6.5em;}
.tri-state {    width: 6em;}




/* Online Apps */

#onlineApps .display-label {display: inline-block;   margin: 2px 0 0 0; width:150px;}
#onlineApps .display-field {display: inline-block;    margin:2px 0 0 0;}

.appColumn .t {height:25px; width:120px;}
.appColumn .v {height:25px;}

#processForm label {margin:0px 0px 20px 5px; display:block;}

/* Dashboard */
#dbStats {}
.demo { margin-left:5px; font-size:14pt;}

.dbLine {margin-top:2px;}
.dbBox {display:inline-block; margin:0px 10px 0px 5px; padding:5px; border:1px solid #cccccc; font-weight:bold; font-size:14pt; width:60px;}
.dbText {display:inline-block;vertical-align:text-top;}
.dbVal {display:inline-block; width:60px; text-align:right; margin-right:20px;}


.nullcircle {fill: none;   stroke: none;}
.axis path,
.axis line {  fill: none;  stroke: #000;  shape-rendering: crispEdges;}
.bar {  fill: steelblue; cursor:pointer;}
.bar:hover {opacity:0.8;}

.x.axis path {  display: none;}

circle {  fill:none;  fill-opacity: .9;  cursor:pointer;  stroke: #fff;}
circle:hover {  fill-opacity: 1;      stroke: #060;}

.schoolBar {
   stroke: #fff;
   fill: rgb(0,109,44);
    fill-opacity: .8;
   cursor:pointer;
 }

.wlBar {
   stroke: #fff;
   fill: rgb(200,100,100);
    fill-opacity: .8;
   cursor:pointer;
 }

.capBar {
   stroke: #fff;
   fill: rgb(200,200,200);
    fill-opacity: .8;
 }

.schoolBar:hover, .wlBar:hover {  fill-opacity: .85;}

/* Map display */
.geo {  fill: #ccc;  stroke: #fff;  cursor:pointer    }
.geoH {  fill: #696;  stroke: #fff;  cursor:pointer    }
path.highlight {  fill: #99c;    }
.geoLabel {    font-family:Arial;    font-size:7pt;}
.Elem_Polys path {fill: none;   stroke: #900;}

.q0-9{fill:rgb(222,235,247)}
.q1-9{fill:rgb(198,219,239)}
.q2-9{fill:rgb(158,202,225)}
.q3-9{fill:rgb(107,174,214)}
.q4-9{fill:rgb(66,146,198)}
.q5-9{fill:rgb(33,113,181)}
.q6-9 { fill:rgb(8,81,156); }

.g0-9{fill:rgb(247,252,245)}
.g1-9{fill:rgb(229,245,224)}
.g2-9{fill:rgb(199,233,192)}
.g3-9{fill:rgb(161,217,155)}
.g4-9{fill:rgb(116,196,118)}
.g5-9{fill:rgb(65,171,93)}
.g6-9{fill:rgb(35,139,69)}
.g7-9{fill:rgb(0,109,44)}
.g8-9{fill:rgb(0,68,27)}

.p0-9{fill:rgb(239,237,245)}
.p1-9{fill:rgb(218,218,235)}
.p2-9{fill:rgb(188,189,220)}
.p3-9{fill:rgb(158,154,200)}
.p4-9{fill:rgb(128,125,186)}
.p5-9{fill:rgb(106,81,163)}
.p6-9{fill:rgb(84,39,143)}


.gridButton {
display: inline-block;
white-space: nowrap;
background-color: #DDD;
background-image: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#CCC));
background-image: -webkit-linear-gradient(top, #EEE, #CCC);
background-image: -moz-linear-gradient(top, #EEE, #CCC);
background-image: -ms-linear-gradient(top, #EEE, #CCC);
background-image: -o-linear-gradient(top, #EEE, #CCC);
background-image: linear-gradient(top, #EEE, #CCC);
border: 1px solid #777;
padding: 0 1.5em;
margin: 0.5em;
font: bold 1em/2em Arial, Helvetica;
text-decoration: none;
color: #333;
text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
-moz-border-radius: .2em;
-webkit-border-radius: .2em;
border-radius: .2em;
-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
-webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0 rgba(0, 0, 0, .3);
box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0 rgba(0, 0, 0, .3);
cursor: pointer;
}

.gridButton:hover { background-color: #ddd; background-image: linear-gradient(top, #fafafa, #ddd); }

.ProtoSize24, .ProtoSize32, .ProtoSize40  {width:120px; height:180px;}
.ProtoSize24Photo, .ProtoSize32Photo, .ProtoSize40Photo { width:110px; height:146px; border-radius:6px; background-color:#ddd;}

.protoHeader {    text-transform: capitalize;    font-size: 18pt;}
.protoHover { overflow:hidden;  color:#333; border:1px solid #fff; display:inline-block; padding:1px; border-radius:4px;}
.protoHover:hover { border:1px solid #ccc; }

@media print {
.protoHover { overflow:hidden; border:none; padding:0px; border-radius:initial;}
.protoHover:hover { border:none; }

.ProtoSize24, .ProtoSize32 {width:94px; height:150px; font-size:9pt;  color:#333;}
.ProtoSize24Photo, .ProtoSize32Photo { width:86px; height:114px; border-radius:4px; background-color:#ddd;}

.ProtoSize40 {width:90px; height:140px;}
.ProtoSize40Photo { width:77px; height:103px; border-radius:6px; background-color:#ddd;}


.protoHeader { text-transform: capitalize; font-size: 14pt;}

body {
        padding:0px;
    }

#newTag {
        display:none;
}

#mapS {
    height:280px;
}

    .noPrint {
        display:none;
    }    



    .mainBody {
        padding:0px;
    }

    
.container-fluid  {
    padding:5px;
}

}