body {
}
.setting_fieldset_left
{   
position:relative;
float:left;
width:400px;
margin-left:5px;
margin-top:10px;
margin-bottom:10px;
}
.setting_fieldset_right
{   
position:relative;
float:right;
width:400px;
margin-right:220px;
margin-top:10px;
margin-bottom:10px;
}
.school_fieldset
{   
position:relative;
float:left;
width:1000px;
}
.schcateg_testbox
{
    width:35px;
    float:right;
    margin-right:150px;
    text-align:center;
    text-transform:uppercase;
}
.numofstud
{
    width:35px;
    float:right;
    margin-right:35px;
    text-align:center;
    text-transform:uppercase;
}
.panelfee_left
{
position:relative;
float:left;
width:160px;
margin-left:2px;
margin-top:10px;
margin-bottom:10px;
}
.panelfee_right
{
position:relative;
float:right;
width:200px;
margin-right:5px;
margin-top:10px;
margin-bottom:10px;
}
.school_panel_left
{   
position:relative;
float:left;
width:400px;
margin-left:5px;
margin-top:2px;
}
.school_panel_right
{   
position:relative;
float:left;
width:400px;
margin-left:5px;
margin-top:2px;
}
.Proprietor_panel_left
{   
position:relative;
float:left;
width:400px;
margin-left:5px;
margin-top:15px;
}
.Proprietor_panel_right
{   
position:relative;
float:right;
width:400px;
margin-right:190px;
margin-top:15px;
}
.btnSchSave_panel
{
    position:relative;
    float:right;
    width:60px;
    margin-right:5px;
    margin-top:15px;
    margin-bottom:10px;
}
.btnSchClear_panel
{
    position:relative;
    float:right;
    width:100px;
    margin-right:150px;
    margin-top:15px;
    margin-bottom:10px;
}
.txtSchInfo_top
{
    position:relative;
    float:right;
    width:700px;
    margin-right:198px;
}
.txtSchInfo_bottom1
{
    position:relative;
    float:right;
    width:290px;
    margin-right:15px;
}
.txtSchInfo_bottom2
{
    position:relative;
    float:right;
    width:270px;
    margin-right:5px;
}
.progress
 {
    font-family:Arial;
    position: absolute;
    background-color:#FFFFCC;
    border:solid 2px red;
    padding:5px;
    z-index:5;
    top:55%;
    left:45%;
}  
.txtStaffInfo_top
{
    position:relative;
    float:right;
    width:700px;
    margin-right:60px;
}
.pnlStaffInfo_bottomleft
{
    position:relative;
    float:left;
    width:492px;
}   
.txtStaffInfo_bottom
{
    position:relative;
    float:right;
    width:350px;
    margin-right:410px;
} 
.txtStaffInfo_bottomleft
{
    position:relative;
    float:right;
    width:350px;
    margin-right:3px;
}
.pnlEmpHistory_bottomleft
{
    position:relative;
    float:left;
    width:600px;
    margin-left:52px;
}  
.pnlStaffInfoimage_right
{
    position:relative;
    float:right;
    width:200px;
}
.btnAlignLeft
{
    position:relative;
    float:left;
    margin-left:258px;
}
.AlignTimetableSetting
{
    position:relative;
    float:right;
    margin-right:268px;
    width:50px;
}

/**
 * Rounded Checkbox
 * Start by hiding the checkboxes
 */
.checkboxThree input[type=checkbox] {
	visibility: hidden;
} 
.checkboxThree 
{
	width: 40px;
	height: 20px;
	background: #333;
	margin: 1px 1px;
	border-radius: 25px;
	position: relative;
} 
/**
 * Create the text for the On position
 */
.checkboxThree:before {
	content: 'On';
	position: absolute;
	top: 6px;
	left: 6px;
	height: 1px;
	color: #26ca28;
	font-size: 10px;
}
/**
 * Create the label for the off position
 */
.checkboxThree:after {
	content: 'Off';
	position: absolute;
	top: 6px;
	left: 22px;
	height: 1px;
	color: #111;
	font-size: 10px;
}
/**
 * Create the pill to click
 */
.checkboxThree label {
	display: block;
	width: 16px;
	height: 11px;
	border-radius: 25px;

	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
	position: absolute;
	top: 5px;
	z-index: 1;
	left: 6px;
	background: #ddd;
}

/**
 * Create the checkbox event for the label
 */
.checkboxThree input[type=checkbox]:checked + label {
	left: 20px;
	background: #26ca28;
}
/**
 * Create Icons
 */
.search 
{
background: url(../Content/Images/find.png) no-repeat;
padding-left: 18px;
/**
 * border:1px solid #ccc; 
 */
}
.add
{
background: url(../Content/Images/Add.png) no-repeat;
padding-left: 18px;
}
.save
{
background: url(../Content/Images/Save.png) no-repeat;
padding-left: 18px;
}
.delete
{
background: url(../Content/Images/Delete.png) no-repeat;
padding-left: 18px;
}
.load
{
background: url(../Content/Images/Load.png) no-repeat;
padding-left: 18px;
}
.update
{
background: url(../Content/Images/Update.png) no-repeat;
padding-left: 18px;
}
.edit
{
background: url(../Content/Images/edit.png) no-repeat;
padding-left: 20px;
}
.event
{
background: url(../Content/Images/events.png) no-repeat;
padding-left: 25px;
}
.mail
{
background: url(../Content/Images/Mail.png) no-repeat;
padding-left: 18px;
}
.approval
{
background: url(../Content/Images/approval2.png) no-repeat;
padding-left: 20px;
}
.phone
{
background: url(../Content/Images/phone.png) no-repeat;
padding-left: 20px;
}

.watermarkcolor
{
    color:Gray;
}
.modalBackground
{
      background-color: Yellow;
      filter: alpha(opacity=60);
      opacity: 0.6;
}
 
.modalPopup
{
      background-color:#ffffdd;
      border-width:3px;
      border-style:solid;
      border-color:Gray;
      padding:5px;
      width: 350px;
      height:300px;
}