/*!
 * Start Bootstrap - SB Admin Bootstrap Admin Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

body {
    margin-top: 10px;
    background-color: #222;
}

@media(min-width:768px) {
    body {
        margin-top: 10px;
    }
}

#wrapper {
    padding-left: 0;
}

#page-wrapper {
    width: 100%;
    padding: 0;
    background-color: #fff;
    min-height:700px;
}

.huge {
    font-size: 50px;
    line-height: normal;
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 225px;
    }

    #page-wrapper {
        padding: 10px;
        min-height:700px;
    }
}

/* Top Navigation */

.top-nav {
    padding: 0 15px;
}

.top-nav>li {
    display: inline-block;
    float: left;
}

.top-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
    color: #999;
}

.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
    color: #fff;
    background-color: #000;
}

.top-nav>.open>.dropdown-menu {
    float: left;
    position: absolute;
    margin-top: 0;
    border: 1px solid rgba(0,0,0,.15);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav>.open>.dropdown-menu>li>a {
    white-space: normal;
}

ul.message-dropdown {
    padding: 0;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

li.message-preview {
    width: 275px;
    border-bottom: 1px solid rgba(0,0,0,.15);
}

li.message-preview>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

li.message-footer {
    margin: 5px 0;
}

ul.alert-dropdown {
    width: 200px;
}

/* Side Navigation */

@media(min-width:768px) {
    .side-nav {
        position: fixed;
        top: 51px;
        left: 225px;
        width: 225px;
        margin-left: -225px;
        border: none;
        border-radius: 0;
        overflow-y: auto;
        background-color: #222;
        bottom: 0;
        overflow-x: hidden;
        padding-bottom: 40px;
    }

    .side-nav>li>a {
        width: 225px;
    }

    .side-nav li a:hover,
    .side-nav li a:focus {
        outline: none;
        background-color: #000 !important;
    }
}

.side-nav>li>ul {
    padding: 0;
}

.side-nav>li>ul>li>a {
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
    color: #999;
}

.side-nav>li>ul>li>a:hover {
    color: #fff;
}

/* Flot Chart Containers */

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

/* Custom Colored Panels */

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green > a {
    color: #5cb85c;
}

.panel-green > a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red > .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red > a {
    color: #d9534f;
}

.panel-red > a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow > a {
    color: #f0ad4e;
}

.panel-yellow > a:hover {
    color: #df8a13;
}

.modalBackground 
{
    height:100%;
    background-color:Black;
    filter:alpha(opacity=10);
    opacity:0.5;
}
.txtStyle
        {
            border: 1px solid black;
	margin-bottom: 4px;
	margin-top: 1px;
	margin-left: 0;
	font-size:15px;
	font-family:Calibri;
	autocomplete:off;
}
     .btnWelcome
     {
     	text-align:left;
     	padding-left:10px;
     	font-weight:bold;
     	color:Black;
     	font-family:Calibri;
     	font-size:16px;
     }   
  .btnStyle
  {
    background-color: #df8a13;
    border: 1px solid white;
    color: White;
    float: left;
    font-family: Calibri;
    font-size: 20px;
    margin-left: 0;
    padding-top: 4px;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom;
  }
  .btnGridEditStyle
  {
            border: 1px solid White;
			background-color:#4097F8;
			height: 25px;
			width:100px;
  } 
  .GridEditButtonTDStyle
  {
  	width:110px;
  }
  .headingStyle
  {	
  	height:27px;
  	font-family:Calibri; 
  	font-size:18px;
  	font-weight:bold;
  	color:White;
  	background: #d0e4f7; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwZTRmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjNzNiMWU3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMGE3N2Q1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjNTM5ZmUxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg3YmNlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #d0e4f7 0%, #73b1e7 8%, #0a77d5 50%, #539fe1 90%, #87bcea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0e4f7), color-stop(8%,#73b1e7), color-stop(50%,#0a77d5), color-stop(90%,#539fe1), color-stop(100%,#87bcea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d0e4f7 0%,#73b1e7 8%,#0a77d5 50%,#539fe1 90%,#87bcea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d0e4f7 0%,#73b1e7 8%,#0a77d5 50%,#539fe1 90%,#87bcea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d0e4f7 0%,#73b1e7 8%,#0a77d5 50%,#539fe1 90%,#87bcea 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d0e4f7 0%,#73b1e7 8%,#0a77d5 50%,#539fe1 90%,#87bcea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); /* IE6-8 */

  }
  .infoStyle
  {
  	text-align:justify;
  	font-family:Calibri;
  }
  .FAQliStyle
{
	font-family:Calibri; 
	font-size:16px;
	font-weight:bold;
}
.modalBackground 
{
    height:100%;
    background-color:Black;
    filter:alpha(opacity=10);
    opacity:0.5;
}
.pnlgrid {
    text-align:left; background-color:#fff; font-size:14px;font-family: Tahoma; 
                    color:#333; border: 4px solid darksalmon;
}
.closeBtnStyle
{
	 background-color: #f3403e;
    border: 1px solid white;
            	height: 38px;
            	color:White;
            	font-size:20px;
				text-align:center;
                padding-top: 4px;
}
.gridcloseBtnStyle
{
	 background-color: #f3403e;
    border: 1px solid white;
            	height: 30px;
            	color:White;
            	font-size:20px;
				text-align:center;
                padding-top: 4px;
} 
.messageboxTable
{
	width:100%;
}
.gridclosehead {
    background-color: gainsboro;color: blue;font-size: 17pt;font-weight: normal;line-height: 15px;text-align: center;width: 100%;
}
.messageboxHeading
	{	
		color:white; 
		height:30px; 
		text-align:left; 
		font-size:22px; 
		padding-left:15px; 
		font-weight:bold;
		
	}
	.messageboxBody
	{
		background-color:#C6F3EE; 
		border-style:solid; 
		border-color:White; 
		border-width:2px;
		width:600px;
		
	}
.messageBoxOKBtnStyle
{
	border: 1px solid Red;
	background-color:Orange;
            	height: 21px;
            	color:White;
            	font-size:medium;
				text-align:center;
	
}
.messageBoxLabelHeading
{
	font-family:MS Reference Sans Serif;
	font-size:Large;
	color:Black;
	
}
.messageBoxLabelMessage
{
	font-family:Calibri;
	font-size:18px;
	color:Maroon;
	display:block;
    margin-left:10px;
}

.ShowlistHead
	{
		text-align:left;
		font-family:Calibri;
		font-size:17px;
		height:25px;
		background: #9dd53a; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkZDUzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iIzlkZDUzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYxJSIgc3RvcC1jb2xvcj0iIzdjYmMwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iIzlkZDUzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #9dd53a 0%, #9dd53a 17%, #7cbc0a 61%, #9dd53a 96%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(17%,#9dd53a), color-stop(61%,#7cbc0a), color-stop(96%,#9dd53a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #9dd53a 0%,#9dd53a 17%,#7cbc0a 61%,#9dd53a 96%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #9dd53a 0%,#9dd53a 17%,#7cbc0a 61%,#9dd53a 96%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #9dd53a 0%,#9dd53a 17%,#7cbc0a 61%,#9dd53a 96%); /* IE10+ */
background: linear-gradient(to bottom, #9dd53a 0%,#9dd53a 17%,#7cbc0a 61%,#9dd53a 96%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#9dd53a',GradientType=0 ); /* IE6-8 */

	}
	
	.AutoCompleteHighlight
        {
        background-color:Transparent;
        color:Black;
        list-style-type:none;
        left:0;
        top:0;
        position:relative;
        margin-top:0px;
        margin-left:-40px;
        }
      
    	.CompletionList
    	 {
    	 	position:relative;
    	 	max-height:145px;
    	 	overflow-y:auto;
    	 	background-color:Gray;
    	 	margin-top:0px;
    	 	list-style-type:none;
    	 }
    	.Highlight
    	{
    	margin-top:0px;
    	background-color:maroon;
    	color:gold;
    	font-weight:bold; 
    	padding-top:0; 
    	list-style-type:none;
    	left:0px;
    	padding-left:0;
    	margin-left:-40px;
    	}
    	
    .ShowlistBackground
	{
		/*width:100%;*/
		text-align:left;
		color:Black;
		font-weight:normal;
		font-family:Verdana;
		border-style:solid;
		border-width:1px;
		border-color:Black;
		border-collapse:separate;
        border-spacing:1px;
	}
	.ShowlistRow
	{
		font-size:15px;
		background: #d4e4ef; /* Old browsers */
background: -moz-linear-gradient(top,  #d4e4ef 100%, #86aecc 100%, #86aecc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#d4e4ef), color-stop(100%,#86aecc), color-stop(100%,#86aecc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d4e4ef 100%,#86aecc 100%,#86aecc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d4e4ef 100%,#86aecc 100%,#86aecc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d4e4ef 100%,#86aecc 100%,#86aecc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d4e4ef 100%,#86aecc 100%,#86aecc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc',GradientType=0 ); /* IE6-9 */

	}
	.ShowlistHead
	{
		text-align:left;
		font-weight:bold;
		height:25px;
		background: #feccb1; /* Old browsers */
background: -moz-linear-gradient(top,  #feccb1 0%, #f17432 47%, #ea5507 67%, #fb955e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feccb1), color-stop(47%,#f17432), color-stop(67%,#ea5507), color-stop(100%,#fb955e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feccb1 0%,#f17432 47%,#ea5507 67%,#fb955e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feccb1 0%,#f17432 47%,#ea5507 67%,#fb955e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feccb1 0%,#f17432 47%,#ea5507 67%,#fb955e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #feccb1 0%,#f17432 47%,#ea5507 67%,#fb955e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */

	}
	.back-to-top {
position: fixed;
bottom: 15px;
right: 20px;
/*link to your image, use correct path, if in doubt, use full path with http://...*/
background: url('../images/arrows.png') left top no-repeat; 
width: 50px;
height: 50px;
}

.back-to-top a {
text-indent: -9999px;
display: block;
}

.back-to-top:hover { 
/*link to your image, use correct path, if in doubt, use full path with http://...*/
background:url('../images/arrows.png') left top no-repeat; 
}
#DivParentsLogin {
    background-color:White; width:280px; height:148px;
}
    #DivParentsLogin div {
        padding-left:10px; background-color:White; color:blue; cursor:pointer; text-decoration:underline; padding-top:10px; font-family:Arial;
    }
.style1
        {
            width: 100%;
        }
.mandatory {
            color:red;
            font-size:15px;
        }
.subheadtext {
    background-color:#f5f5f5;
    width:100%;
    color:#333;
    font-size:17px;
    padding:6px 20px;
    margin:20px 0;
}
	.AutoCompleteHighlight
        {
        background-color:Transparent;
        color:Black;
        list-style-type:none;
        left:0;
        top:0;
        position:relative;
        margin-top:0px;
        margin-left:-40px;
        }
      
    	.CompletionList
    	 {
    	 	position:relative;
    	 	max-height:145px;
    	 	overflow-y:auto;
    	 	background-color:Gray;
    	 	margin-top:0px;
    	 	list-style-type:none;
    	 }
    	.Highlight
    	{
    	margin-top:0px;
    	background-color:maroon;
    	color:gold;
    	font-weight:bold; 
    	padding-top:0; 
    	list-style-type:none;
    	left:0px;
    	padding-left:0;
    	margin-left:-40px;
    	}