﻿
.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: #F3F3F3;
    color:#000080;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}


.RowStyle
{
	text-align:center ;
	background-color :Gray ;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}


/*   table */
.tablemain
{
   border-width :thin ;
   border-spacing :0px;
   direction :rtl ;
   margin :0;
   padding :0px;
   text-align :center ;
   vertical-align :top ;
   width :100%;
   
}



.ButtonStyle
{
     font-size: 10pt; 
    font-family: Tahoma;
    width :105px;
	
	color: #000099;
}
 .cellpostion
 {
 	width:2px;
 	height:100%;
 	vertical-align:top;
 	text-align:center ;
 }
.cellIcon
{
	height:33px;
	width :33px;
	vertical-align:middle;
	text-align:center;
}
.imgprog
{
    width:32px;
	height:32px;
	border-width : 1px   ;
	border-style : outset  ;
	border-color :Gray;
}

.HeaderShow
{
	background-image: url('images/titlebar_bg.jpg');
	height : 29px;
	width:100%;
	text-align: right;
}

.panelStyle
{
	background-color:#FFFFFF;
	border-style :outset;
	border-width :1px; 
	border-color:Black ;
}



.course 
  { 
    background-image: url(Images/coursesearch.png) !important;
    width:14px;
    height:14px;   
  }
  .sms 
  { 
    background-image: url(Images/sms.png) !important;
    width:14px;
    height:14px;   
  }
  .dis 
  { 
    background-image: url(Images/disc.png) !important;
    width:14px;
    height:14px;   
  }
   .cancel 
  { 
    background-image: url(Images/canceldisc.png) !important;
    width:14px;
    height:14px;   
  }
  .face 
  { 
    background-image: url(Images/face.gif) !important;
    width:14px;
    height:14px;   
  }
  .state 
  { 
    background-image: url(Images/state.png) !important;
    width:14px;
    height:14px;   
  }
 .jqGrid 
{
    font-size:9pt;
    font-family : Tahoma, Arial,Verdana, Helvetica;
    color:#000088;
}
button.delete_btn
{
    margin:-2px 0px;
}
button.edit_btn
{
    margin:-3px 0px;
}
button.person_btn button.disc_btn 
{
    margin:-3px 0px;
}


.show_btn
{
    margin:-3px 0px;
   
}
tr.pq-grid-row td
{
    color:#888;
}
tr.pq-row-edit > td
{
    color:#000;
}
tr.pq-row-delete
{
    text-decoration:line-through;         
}
tr.pq-row-delete td
{
    background-color:pink;   
}
tr.red td
{
    background:red;
    color:Green;    
}
tr.green td
{
    background:lightgreen;
    color:Red;
}
tr.pq-row-delete
{
    text-decoration:line-through;         
}
tr.pq-row-delete td
{
    background-color:pink;   
}


.custom-combobox {
    position: relative;
    display: inline-block;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
  }
  .custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
  }
.circular 
{
	width: 50px;
	height: 50px;
	border-radius: 25px;
	border-color:#FFFFFF;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	}
	