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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*	START OF CUSTOM CSS */

#header {
	
	height: 113px;
	background: url(../images/header.png) repeat-x;
}

#login_fields {
	width: 557px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	background: url(../images/log_in.png) no-repeat;
}
#company_fields {
	width: 580px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	background: url(../images/rounded-corner.png) no-repeat;
}

.login_fields_form_tag {
	
	margin-left: 100px;
	padding-top: 110px;
	
}

.input_fields_container {
	clear: both;
	margin-bottom: 50px;
	margin-left: 50px;
	
}
.login_fields_form_tag_c {
	
	margin-left: 20px;
	padding-top: 20px;
	
}

.input_fields_container_c {
	clear: both;
	margin-bottom: 50px;
	margin-left: 10px;
	
}

.input_fields_container label {
	float: left;
	margin-right: 20px;
	font-family: verdana;
	width: 70px;
	
}


.input_fields {
	
	background-color:rgb(255,255,255);
	width:269px;
	height:27px;
	border-color:rgb(204,204,204);
	border-width:1px;
	-moz-border-radius:5px ;
	-webkit-border-radius:5px ;
	border-radius:5px ;
	border-style:solid;
	-moz-box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	-webkit-box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	float: left;
	
	
}
.text_area {
	
	background-color:rgb(255,255,255);
	width:98%;
	height:90%;
	border-color:rgb(204,204,204);
	border-width:1px;
	-moz-border-radius:5px ;
	-webkit-border-radius:5px ;
	border-radius:5px ;
	border-style:solid;
	-moz-box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	-webkit-box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	float: left;
	
	
}
.address_field {
	
	background-color:rgb(255,255,255);
	width:98%;
	
	border-color:rgb(204,204,204);
	border-width:1px;
	-moz-border-radius:5px ;
	-webkit-border-radius:5px ;
	border-radius:5px ;
	border-style:solid;
	-moz-box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	-webkit-box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	float: left;
	
	
}
.grid_fields {
	
	background-color:rgb(255,255,255);
	width:100px;
	height:27px;
	border-color:rgb(204,204,204);
	border-width:1px;
	-moz-border-radius:5px ;
	-webkit-border-radius:5px ;
	border-radius:5px ;
	border-style:solid;
	-moz-box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	-webkit-box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	float: left;	
	
	
}
.grid_fields1 {
	
	background-color:rgb(255,255,255);
	width:80px;
	height:20px;
	border-color:rgb(204,204,204);
	border-width:1px;
	-moz-border-radius:3px ;
	-webkit-border-radius:3px ;
	border-radius:3px ;
	border-style:solid;
	-moz-box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	-webkit-box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	float: right;	
	
	
}
.gf {
	
	background-color:rgb(255,255,255);
	width:50px;
	height:27px;
	border-color:rgb(204,204,204);
	border-width:1px;
	-moz-border-radius:3px ;
	-webkit-border-radius:3px ;
	border-radius:3px ;
	border-style:solid;
	-moz-box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	-webkit-box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	float: right;	
	
	
}
.date
{
	background-color:rgb(255,255,255);
	width:200px;
	height:27px;
	border-color:rgb(204,204,204);
	border-width:1px;
	-moz-border-radius:5px ;
	-webkit-border-radius:5px ;
	border-radius:5px ;
	border-style:solid;
	-moz-box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	-webkit-box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	float: left;
	text-align:right;
	
	}
.Yeardropdown
{
	background-color:rgb(255,255,255);
	width:200px;
	height:27px;
	border-color:rgb(204,204,204);
	border-width:1px;
	-moz-border-radius:5px ;
	-webkit-border-radius:5px ;
	border-radius:5px ;
	border-style:solid;
	-moz-box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	-webkit-box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	float: left;
	text-align:left;
	
	}
	
	.drpDate {
	
	background-color:rgb(255,255,255);
	width:70px;
	height:27px;
	border-color:rgb(204,204,204);
	border-width:1px;
	-moz-border-radius:5px ;
	-webkit-border-radius:5px ;
	border-radius:5px ;
	border-style:solid;
	-moz-box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	-webkit-box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	float: left;	
	
	
}
.input_fields_submit {
	
	margin-top: 20px;
	float: right;
	margin-right: 45px;
}

.clear {
	
	clear : both
}


/*INSIDE CSS*/

#one {
	background: url(../images/one.png) repeat-x;
	height: 50px;
}

#two {
	background: url(../images/two.png) repeat-x;
	height: 55px;
}

.menu_navigation {
	
	
}

.menu_navigation li {
	display: inline-block;
	margin: 10px;
	font-family: verdana;
		
}

.menu_navigation li a{
	
	color: #eee;
	text-decoration: none;
}


#body_program {
border: 1px solid orange;

	
	
}

#logo {
	
	height: 91px;
	background: url(../images/mgit_logo.png) no-repeat;
}

#left {
	
/*	width: 100px;
	height: 100px;
	border: 1px solid #333;
	float: left;*/
	
	width: 300px;
	background-color: #F5F5F5;
	margin: 10px;
	

	
	
	border-color:#ddd;
	border-width:1px;
	-moz-border-radius:12px ;
	-webkit-border-radius:12px ;
	border-radius:12px ;
	border-style:solid;
	float : left
	
	
	
}

#center {

	height: 100px;
	/*border: 1px solid blue;*/
	float: left;
	padding-top : 5px;
	padding-left:5px;
	
}

#right {

/*	width: 100px;
	height: 100px;
	border: 1px solid red;
	float: left;*/
	width: 350px;
	float: right;
	margin: 10px;
		
}

#left .left_wrapper .module_name {
	
	font-family: verdana;
	text-transform: uppercase;
	font-size: 0.8em;
	padding: 10px;
	color: #B20000;
	
}

#left .left_wrapper ul li {
	
	font-family: verdana;
	font-size: 0.7em;
	margin-bottom: 8px;
	margin-left: 20px;
	
}

.right_wrapper {
	
}

.boxes {
	padding: 10px;
	
	//background-color:rgb(247,229,229);
	//background-color :#A2ABB4;
	background-color :#e9e9e9;
	-moz-border-radius:7px ;
	-webkit-border-radius:7px ;
	border-radius:7px ;
	margin-bottom: 10px;
	
	
}

.right_wrapper .boxes h3 {
	
	font-family: verdana;
}

.right_wrapper .boxes ul li {
	
	font-family: verdana;
	font-size: 0.8em;
	text-decoration: none;
	padding-top:5px;
	color:Blue !important;
}

.right_wrapper .boxes ul li a{
	

	text-decoration: none;
}
.right_wrapper .boxes ul li a:active{
	

	color:#0000EE;
	text-decoration:underline;
}
.right_wrapper .boxes ul li a:link {
	

	/*text-decoration: none;*/
	color:#0000EE;
}
.right_wrapper .boxes ul li a:visited {
	

	//text-decoration: none;
	color:#0000EE;
}
.right_wrapper .boxes ul li a:hover{
	

	//text-decoration: none;
	color:#0000EE;
}
.right_wrapper .boxes .red{
	
	color: #FF0000;
		text-decoration:underline;
}
/*------------------ Boxes for Dash board ----------------------------------------------------*/
.dashboard {
	padding: 10px;
	height : 180px;
	//background-color:rgb(247,229,229);
	//background-color :#A2ABB4;
	//background-color :#ffffff;
	//border-width:1px ;
	//border-color : #A2ABB4;
	//-moz-border-radius:7px ;
	//-webkit-border-radius:7px ;
	//border-radius:7px ;
	//margin-bottom: 10px;
	
	
}
.dashboard h3 {
	
	font-family: verdana;
}

.dashboard ul li {
	
	font-family: verdana;
	font-size: 0.9em;
	text-decoration: none;
	padding-top:5px;
}

.dashboard ul li a{
	

	text-decoration: none;
}
.dashboard ul li a:active{
	

	color:#0000EE;
	text-decoration:underline;
}
 .dashboard ul li a:link {
	

	/*text-decoration: none;*/
	color:#0000EE;
}
.dashboard ul li a:visited {
	

	//text-decoration: none;
	color:#0000EE;
}
.dashboard ul li a:hover{
	

	//text-decoration: none;
	color:#0000EE;
}
.dashboard .red{
	
	color: #FF0000;
		text-decoration:underline;
}
/*------------------------------ Grid view designe --------------------------------------------*/

 .mGrid {   
		width: 100%;   
		background-color: #f9f7f7;   
		margin: 5px 0 10px 0;   
		border: solid 1px #a8a7a7;   
		border-collapse:collapse;   
		text-align :left;
		font-size: 12px;
		font-family: Verdana;
	}  
	.mGrid td {   
		padding: 2px;
		border: solid 1px #a8a7a7;
		color: #000000;
	}  
	.mGrid th {   
		padding: 4px 2px;   
		color: #ffffff;   
		background: #000086  repeat-x top;   
		border-left: solid 1px #a8a7a7;   
		font-size: 12px;
		font-family: Verdana;
	}
		.mGrid th a {   
		 
		color: #ffffff;   
	   
		 
	}  
	.mGrid .alt { background: #f5f5f4  repeat-x top; }  
	.mGrid .pgr { background: #efefef  repeat-x top; }  
	.mGrid .pgr table { margin: 5px 0; }  
	.mGrid .pgr td {   
		border-width: 0;   
		padding: 0 6px;   
		border-left: solid 1px #666;   
		font-weight: bold;   
		color: #fff;   
		line-height: 12px;   
	 }     
	.mGrid .pgr a { color: #666; text-decoration: none; }  
	.mGrid .pgr a:hover { color: #000; text-decoration: none; }  
	/*---------------------- File Upload field decorate --------------------*/
		
   /*------------------ For tab update_fieldsion link 13/10/2012 -----------------    */
ol#toc {
	height: 2em;
	list-style: none;
	margin: 0;
	padding: 0;
}

ol#toc a {
   /* background: #bdf url(tabs.gif);*/
	background: #A2ABB4;
	color: Black;
	display: block;
	float: left;
	height: 2em;
	padding-left: 10px;
	text-decoration: none;
}

ol#toc a:hover {
   /* background-color: #3af;*/
	background-color: #58626B;
	background-position: 0 -120px;
}

ol#toc a:hover span {
	background-position: 100% -120px;
}

ol#toc li {
	float: left;
	margin: 0 1px 0 0;
}

ol#toc li.current a {
	/*background-color: #48f;*/
	background-color: #2D3740;
	background-position: 0 -60px;
	color: #fff;
	font-weight: bold;
}

ol#toc li.current span {
	background-position: 100% -60px;
}

ol#toc span {
	background: url(tabs.gif) 100% 0;
	display: block;
	line-height: 2em;
	padding-right: 10px;
} 
div.content {
	/*border: #48f solid 3px;*/
	border: #A2ABB4 solid 2px;
	clear: left;
	padding: 1em;
}
   
  /************* ----------------------- Model Popup-------------------------------****************/ 
  
  /********* -------------------------------------- fieldset --------------****************/
  fieldset {
	/*border:1px dashed #CCC;*/
	border: 1px solid #000000;
	padding:10px;
	width:98%;
}
legend {
	
	font-size: 14px;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.1;
	/*color:#fff;
	background: #666;
	border: 1px solid #333;*/
	padding: 2px 6px;
}
  /*****************-------------------------------------------------***********************/
  .formheading {
	
	font-family: verdana;
	text-transform: uppercase;
	font-size: 0.8em;
	padding: 10px;
	color: #B20000;
	font-weight: bold;
}
.heading
{
	font-family: verdana;
	text-transform: uppercase;
	font-size: 0.8em;
	padding: 10px;
	color: #B20000;
	font-weight: bold;
	}
	.red
	{
		color: #FF0000;
	   // text-decoration:underline;
		}
 /*************----------------------- Model Popup-------------------------------****************/
  
  
  .modalbackground
{
   /* background-color:Gray;
	opacity: 0.5;
	filter:Alpha(opacity=50);*/
	background-color : #010084;
	filter : alpha(opacity=70);
	opacity : 0.7
}
 
.modalpopup
{
   /* background-color:White;
	padding:6px 6px 6px 6px;*/
	background-color :#EEEEEE;
border-width : 3px;
border-style : solid;
border-color : Gray;
font-family : Verdana, Arial, Helvetica, sans-serif !important;
//font-size : medium;
font-size: 12px;
	color: #333333;
padding : 3px;
width : 250px
}  

.cssLgd {
	
	font-size: 14px;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.1;
	/*color:#fff;
	background: #666;
	border: 1px solid #333;*/
	padding: 2px 6px;
}
/* module popup calender ----------------------------------*/
/*----------------------------- Div As a table --------------*/
.div-table
{
	display:table; 
	border:0px solid #003399;
	}

.div-table-caption
{display:table-caption; background:#009999;}

.div-table-row{display:table-row;}

.div-table-col {
	display: table-cell;
	border: 0px solid #003399;
	padding-left: 30px;
	padding-right: 30px;	
} 
	  
	  
 .ajax__calendar_container  
 {
	 position: relative;

z-index: 5000000 !important;
	 
	 }     
/*------------------------------------------------------------*/
.MyTable {
   font-family: verdana;
  
   
   border: 1px solid Black !important;
   }
   
   /*------------------------------------------- Button css -------------*/
   
   
.button {
	height: 21px;
	/*background-image: url('/Common/Images/button.png');*/
	background-repeat: repeat-x;
	 
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	 
	 
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-top: 0px;
	border-bottom: 0px;
	color: Black;
	padding-left: 12px;
	padding-right: 12px;
	cursor: pointer;
	width:60px;
		 
}

 /*------------------------------------------- Button css -------------*/
   
   
.bMonth {
	height: 40px;
	/*background-image: url('/Common/Images/button.png');*/
	background-repeat: repeat-x;
	 
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	 
	 
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-top: 0px;
	border-bottom: 0px;
	color: Black;
	padding-left: 12px;
	padding-right: 12px;
	cursor: pointer;
	width:100px;
	font-weight :bold;
		 
}
.gridcss
{
background:#939393;
font-weight:bold;
color:White;
height:20px;
}
.Grand
{
background:#645E80;
font-weight:bold;
color:White;
height:20px;
}
.ajax__calendar { z-index:100150 !important;  }

.cssRow {   
	   padding: 4px 2px;   
		color: #005eb6;   
		background: #e6f3ff  repeat-x top;   
		border-left: solid 1px #a8a7a7;   
		font-size: 12px;
		font-family: Arial;
		 font-weight :bold;
	}  
.cssCell {   
	   padding: 4px 2px;   
		color: #005eb6;   
		background: #e6f3ff  repeat-x top;   
		border-left: solid 1px #a8a7a7;   
		font-size: 12px;
		font-family: Arial;       
		 
	}
.tEdit {
	
	background-color:rgb(255,255,255);	
	height:27px;
	border-color:rgb(204,204,204);
	border-width:1px;
	-moz-border-radius:5px ;
	-webkit-border-radius:5px ;
	border-radius:5px ;
	border-style:solid;
	-moz-box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	-webkit-box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	box-shadow:inset 0px 1px 2px rgba(153,153,153,0.45);
	float: right;
	
	
}
.responsive {
	width: 100%;
	height: auto;
}