@charset "utf-8";
/* CSS Document */

body { margin:0px; padding:0px; }
/*--------------------------( Common )-----------------------*/
* a img { border:0px; opacity:0.7;  }
* a img:hover { opacity:1; }
* a:hover img { opacity:1; }

* a:active {   position: relative;   top: 1px; background:#06F; color:#00FF00 !important;}

/*----------------(  Validation End  )----------------*/
table { font-size: 11px; font-family:'Arial'; vertical-align:middle; }
table tr td { vertical-align:middle; text-align:left; padding:1px 3px 1px 3px; color:#333; height:20px; }
table tr th { vertical-align:middle; text-align:center; font-weight:bolder; padding:1px 3px 1px 3px;color:#000;}
a { text-decoration:none; color:#003E5B; cursor:pointer; }
a:hover { color:#0080FF;  }

/*----------------( Content Table)------------------------------------*/
form { display:block; }

/*----------------( End Of Content Table)------------------------------------*/
#Content
{
	font-size: 11px;
	font-weight:BOLDER;
	
	border:1px solid #000000;
	border-top:0px;	
	width:98%;  
	height:600px;
	text-align:center;
	vertical-align:top;
	margin-bottom:10px;	
	/*background:url(../SpitechImages/ContentTop.png) repeat-x;*/
	background-color:white;
	padding-top:3px; margin-bottom:20px; padding-bottom:30px;
	margin-top:0px; 	
	box-shadow: 3px 3px 5px #333333;
	-moz-box-shadow: 3px 3px 5px #333333;
	-o-box-shadow: 3px 3px 5px #888888;
	-webkit-box-shadow: 3px 3px 5px #333333;
}
#Content td
{
  vertical-align:top; 
  padding-top:15px;
 
}


h2
{
background:#6F6F6F;

font-weight:bolder;
font-family:"Arial";
color:#80FFFF;
line-height:25px;
width:98%;
margin-bottom:0px;
border-top-left-radius: 15px ;-moz-border-top-left-radius: 15px ;webkit-border-top-left-radius: 15px ;
border-top-right-radius: 15px ;-moz-border-top-right-radius: 15px ;webkit-border-top-right-radius: 15px ;
text-align:center;
margin-left:1%;
margin-top:10px;
border:0px solid #264659;font-size:13px !important;
}
h4 { color:#00771E; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:14px; line-height:20px; height:20px; margin:0px auto 0px auto; font-weight:bolder; text-transform:capitalize; }
/*--------------------( Data Grid Tables )-------------------------------*/
#Data-Table
{
	border-top:2px solid #777;
	border-bottom:2px solid #777;
	width:98%;	
	border-collapse:separate;   
	margin:1%;	
	text-transform:capitalize; 
	background:#777;
	font-size: 11px;
	font-family:"Arial";
	vertical-align:top;	
}
#Data-Table tr { background:white; }
#Data-Table th
{
	font-size:10px;
	font-weight:bolder;
	background:url(../SpitechImages/TH.png) repeat-x white;	
	color:#000000;
	padding:1px;	
	margin:0px;	
	line-height:inherit;
	vertical-align:middle;	
	height:20px;	
	text-transform:uppercase;	
	line-height:11px;
	
}
#Data-Table tr td
{   
	letter-spacing:0px;  
	padding:1px 1px 1px 1px;	
	text-transform:capitalize; 	
	line-height:10px;
	height:18px;
	font-weight:normal;	
	color:#000;
	vertical-align:middle;
	font-size:10px;	
	
}

#Data-Table tr:hover td
{
	background:#6FF;
	color:#002800;	
	transition:all .1s ease;
}

#Data-Table tr:nth-child(even) {
	background:#F4FAFF;
}

#Data-Table tr:nth-child(odd) {
	background:#FDF2F2;
}

#Data-Table tr td table tr:nth-child(even), #Data-Table td table tr:nth-child(odd) {
	background:none;
}

#SmallTable 
{ 
  
	width:98%;	

	border-collapse:separate;   
	margin:1%;	
	text-transform:capitalize; 
	background:#999;
	font-size: 9px;
	font-family:"arial";
	vertical-align:top;	
}
#SmallTable th
{
	font-size:10px;
	font-weight:bolder;
	background:#ddd;	
	color:black;
	padding:1px 1px 1px 1px;	
	margin:0px;	
	line-height:inherit;
	vertical-align:middle;	
	height:14px;	
	text-transform:uppercase;	
	
}
#SmallTable tr td
{   
	letter-spacing:0px;  
	padding:1px 1px 1px 1px;	
	text-transform:capitalize; 	
	line-height:12px;
	height:13px;
	font-weight:bold;	
	color:#333;
	vertical-align:middle;
	font-size:9px;
	background:white;
	
}

#SmallTable tr:hover td
{
	background:#FFFFF0;
	color:#002800;	
	transition:all .1s ease;
}


/*--------------------( End of Data Grid Tables )-------------------------------*/

/*-----------------------------( End Of Common Table )---------------------------------------------*/
#CommonTable
{
	font-size: 11px;
	font-weight:BOLDER;
	border-collapse:separate;
	border:1px solid #999999;	
	margin-right:1%;
	margin-left:1%;	
	border-right:0px;
	text-align:LEFT;
	vertical-align:middle;
	margin-top:25px;
	margin-bottom:1%;
	border:1px solid #999999;	
	color:#333333;
	text-transform:uppercase;

}

#CommonTable th
{	
	font-weight:bolder;
	background:url(../SpitechImages/CommonTableTopBG.png) repeat-x WHITE;	
	color:#000033;
	padding:2px	 10px 2px 10px;	
	margin:0px;	
	line-height:inherit;
	vertical-align:middle;	
	text-align:center;
	font-size:12px;
    height:30px;
	border-bottom: 1px solid #dddddd;	
	text-transform:uppercase;
}
#CommonTable td
{	
	font-size: 11px;
	font-weight:bolder;
    font-family:"Arial";
	padding:1px	 10px 1px 10px;	
	line-height:20px;
	height:20px;
	vertical-align:middle;	
	
}
#CommonTable td td
{
padding-left:2px;
padding-right:2px;
padding-top:0px;
padding-bottom:0px;
margin:0px;
border:0px solid black;
height:0px;
font-size:11px; 
font-weight:bolder;
text-align:center;
}
#CommonTable td td img, img
{
vertical-align:bottom;
text-align:center;
}

/*-----------------------------( End Of Common Table )---------------------------------------------*/
#SearchTable
{
	font-size: 11px;
	font-weight:BOLDER;
	border-collapse:separate;
	border:1px solid #999999;	
	margin-right:1%;
	margin-left:1%;	
	border-right:0px;
	text-align:LEFT;
	vertical-align:middle;
	margin-top:25px;
	margin-bottom:1%;
	border:1px solid #999999;	
	color:#333333;
	text-transform:uppercase;

}

#SearchTable th
{	
	font-weight:bolder;
	background:url(../SpitechImages/CommonTableTopBG.png) repeat-x;	
	color:#000033;
	padding:0px	 1px 0px 1px;	
	margin:0px;	
	line-height:inherit;
	vertical-align:middle;	
	text-align:center;
	font-size:12px;
    height:30px;
	border-bottom: 1px solid #dddddd;	
	text-transform:uppercase;
}
#SearchTable td
{	
	font-size: 11px;
	font-weight:bolder;
    font-family:"Arial";
	padding:0px	 1px 0px 1px;	
	line-height:20px;
	height:20px;
	vertical-align:middle;		
}
#SearchTable td td
{
padding-left:1px;
padding-right:1px;
padding-top:0px;
padding-bottom:0px;
margin:0px;
border:0px solid black;
height:0px;
font-size:11px; 
font-weight:bolder;
text-align:center;
}
#SearchTable td td img, img
{
vertical-align:bottom;
text-align:center;
}
/*-----------------------------( End Of Common Table )---------------------------------------------*/

/*--------------------( Submit  & Buttons )-------------------------------*/
.Button, #Button, input[type=submit],input[type=button]
{
        display: inline-block;
        white-space: nowrap;
     	background:url(../SpitechImages/Submit.png);
        border: 1px solid #0F6A00;
        padding: 0 0.5em;
        margin: 0.5em;
		font-size:13px;
		font-weight:bolder;
		text-decoration: none;
        color: #ffffff;
       
     	cursor:pointer;
		height:25px;
		
		vertical-align:middle;
		padding-bottom:2px;
	}

.Button:hover, #Button:hover, input[type=submit]:hover, input[type=button]:hover
{
background:url(../SpitechImages/SubmitHover.png);
color:#ddd
}

.Button:active, #Button:active, input[type=submit]:active, input[type=button]:active
{
        -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        position: relative;
        top: 1px;
}

.Button:focus, #Button:focus, input[type=submit]:focus,input[type=button]:focus
{
        outline: 0;
        background:#008800;
}    

.Button:before, #Button:before, input[type=submit]:before, input[type=button]:before
{
        background: #ccc;
        background: rgba(0,0,0,.1);
        float: center;
        width: 1em;
        text-align: center;
        font-size: 1.5em;
        margin: 0 1em 0 -1em;
        padding: 0 .2em;
        -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -moz-border-radius: .15em 0 0 .15em;
        -webkit-border-radius: .15em 0 0 .15em;
        border-radius: .15em 0 0 .15em;
        pointer-events: none;
}
/*------------------(Cancel Button)------------------------------*/
#Cancel
{
        display: inline-block;
        white-space: nowrap;
     	background:url(../SpitechImages/Cancel.png); 
        border: 1px solid #B00000;
        padding: 0 0.5em;
        margin: 0.5em;
		font-size:13px;
		font-weight:bolder;
		text-decoration: none;
        color: #ffffff;
       
     	cursor:pointer;
		height:25px;
		vertical-align:middle;
		
	}

#Cancel:hover
{
background:url(../SpitechImages/CancelHover.PNG);
color:#AAAAAA;
}

#Cancel:active
{
        -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        position: relative;
        top: 1px;
}

#Cancel:focus
{
        outline: 0;
        background:#008800;
}    

#Cancel:before
{
        background: #ccc;
        background: rgba(0,0,0,.1);
        float: center;
        width: 1em;
        text-align: center;
        font-size: 1.5em;
        margin: 0 1em 0 -1em;
        padding: 0 .2em;
        -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -moz-border-radius: .15em 0 0 .15em;
        -webkit-border-radius: .15em 0 0 .15em;
        border-radius: .15em 0 0 .15em;
        pointer-events: none;
}
/*-------------------------( Input )--------------------------------------*/

*:required:invalid {  border:1px solid #FFCBB3;}
*:required:valid { border:1px solid #00dF00;}


input[type="text"], input[type="password"], input[type="email"],input[type="file"], textarea 
{ 
	height:28px; text-align:left; line-height:25px; padding:0px 5px 0px 5px; font-family:arial; font-size:12px;
	width:200px; font-weight:bold;
	border:1px solid silver;
	margin:0px 0px 0px 0px;
	vertical-align:top;
}	
 
input:focus, textarea:focus, select:focus, textarea:focus, *:required:invalid:focus {
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.9);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.9);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.9);
  outline: 0;
  outline: thin dotted \9; 
  border:1px solid #0080FF;
  background:#E6F2FF; color:#00356A;
}
input[type=file], input[type=file]:focus
{ width:auto; height:auto; border:none; 
  -webkit-box-shadow: none;
  -moz-box-shadow:  none;
  box-shadow:  none;
  background:none;
  
}
textarea 
{
	height:80px; width:200px; vertical-align:top;
	margin:0px 0px 0px 0px;
}

.Date td { border:none; background:none; }
.Date td input, .Date td select { width:auto; margin-left:-3PX; }


/*------------------------( Select & Options )-------------------------------------------------*/
select
{
	width:200px;
	height:27px; text-align:left; 
	line-height:30px; 
	font-family:arial; 
	font-size:12px;
	text-transform:none;
	padding:5px;
	padding-top:5px;	
	
	border:1px solid silver;
}
select:hover {visibility:visible; }
select option
{
	background:white;
	height:20px;
	vertical-align:middle;
	border-top:1px solid #cccccc; 
	vertical-align:middle; 
	line-height:20px;
	padding:3px 5px 0px 5px; 
	cursor:pointer;
	text-transform:none;
}
select optgroup
{
	height:15px;
	vertical-align:middle; 
	padding-left:2px;
	border-top:1px solid #cccccc; 
	vertical-align:middle; 
	line-height:15px; 
	padding-top:0px;
	padding-bottom:0px; 
	background:#dddddd; 
	color:#000033; 
	font-size:11px; 
	text-decoration:none;
}

select option:nth-child(even) 
{
	background:#D7F2FF;
}

select option:nth-child(odd) {
	background:#fff;
}



/*----------------------------( FIELDSET )------------------------------------------*/
fieldset {		
			margin:20px 10px 20px 10px;
			text-align:center;
			border:1px solid #503430;
			font-size:11px; font-weight:bolder; color:#333333; 
			background:url(../SpitechImages/FieldSetBGTop.png) repeat-x top;
			background:url(../SpitechImages/FieldSetBGTop.png) repeat-x top, url(../SpitechImages/FieldSetBGBottom.png) repeat-x bottom;
			
			text-transform:uppercase;
			background-color:white;
			display:block;
			text-align:center;text-align:left !important;
			}	
legend
		{
		  color:Maroon; FONT:bolder 20px "Monotype Corsiva"; text-shadow:1px 1px #ffffaa ; text-transform:capitalize; font-style:none;
		}	
/*----------------------------( END OF FIELDSET )------------------------------------------*/		

/*--------------------------( Small Links )-------------------------------------------------------------*/
#Edit { background:url(../SpitechImages/Edit.png) no-repeat; padding:1px 1px 1px 10px; height:50px; margin:0px 1px 0px 1px; cursor:pointer; }
#Edit:hover {background:url(../SpitechImages/EditHover.png) no-repeat; }

#Delete { background:url(../SpitechImages/Delete.png) no-repeat; padding:1px 1px 1px 10px; height:50px; margin:0px 1px 0px 1px; cursor:pointer;}
#Delete:hover { background:url(../SpitechImages/DeleteHover.png) no-repeat; }

#Print { background:url(../SpitechImages/Print.png) no-repeat; padding:1px 1px 1px 10px; height:50px; margin:0px 1px 0px 1px; cursor:pointer;}
#Print:hover {background:url(../SpitechImages/PrintHover.png) no-repeat;}

#Profile { background:url(../SpitechImages/Profile.png) no-repeat; padding:1px 1px 1px 20px; height:50px; margin:0px 1px 0px 1px; cursor:pointer;}
#Profile:hover {background:url(../SpitechImages/ProfileHover.png) no-repeat; }


#Payment { background:url(../SpitechImages/Payment.png) no-repeat; padding:1px 1px 5px 20px; height:50px; margin:0px 1px 0px 1px; cursor:pointer;}
#Payment:hover {background:url(../SpitechImages/PaymentHover.png) no-repeat;}

#Ledger { background:url(../SpitechImages/Ledger.png) no-repeat; padding:1px 1px 1px 10px; height:50px; margin:0px 1px 0px 1px; cursor:pointer;}
#Ledger:hover {background:url(../SpitechImages/LedgerHover.png) no-repeat; }

#Report { background:url(../SpitechImages/Report.png) no-repeat; padding:1px 1px 1px 10px; height:50px; margin:0px 1px 0px 1px; cursor:pointer;}
#Report:hover {background:url(../SpitechImages/ReportHover.png) no-repeat;}
/*--------------------------( End Of Small Links )-------------------------------------------------------------*/

/*--------------------------( Search Icons )-------------------------------------------------------------*/
#Search { background-image:url(../SpitechImages/Search.png); background-repeat:no-repeat;height:25px; width:80px; border:0px; border:1px solid black; border-radius:5px; }
#Search:hover { background:url(../SpitechImages/SearchHover.png) no-repeat;cursor:pointer;  }
#Search:active { background:url(../SpitechImages/SearchActive.png) no-repeat;}
#Search:focus { background-image:url(../SpitechImages/Search.png) no-repeat;}   
#Search:before { background:url(../SpitechImages/SearchHover.png) no-repeat;}		
/*--------------------------( End Of Search )-------------------------------------------------------------------*/
#Message, .Message
{ 
 line-height:20px; height:auto; padding:2px 5px 2px 5px; color:white;  margin:10px 1% 10px 1%; font-size:11px; font-weight:bolder;  background:#080 ; text-align:center; text-decoration:blink;text-transform:capitalize;
}	
#Message a, .Message a
{ 
 float:right; color:#6FF; font-family:"monotype Corsiva";text-decoration:none;text-transform:none; font-size:14px;
}
#Error, .Error
{ 
 line-height:20px; height:auto; padding:2px 5px 2px 5px; color:white;  margin:10px 1% 10px 1%; font-size:11px; font-weight:bolder;background:#a00;text-align:center;text-decoration:blink;
}	
#Error a, .Error a
{ 
 float:right; color:#6FF; font-family:"monotype Corsiva";text-decoration:none; text-transform:none;font-size:14px;text-transform:capitalize;
}
#Error a:hover, .Error a:hover, #Message a:hover, .Message a:hover {text-decoration:underline; }

.Field, #Field { color:#333; }
.Value, #Value { color:#006A9D; }
#Required, .Required { color:red; text-transform:capitalize;}
#Optional, .Optional { color:red; text-transform:capitalize; }
.SearchTable { width:98%; margin-left:1%; margin-right:1%; border:1px solid gray; }
.SearchTable tr td { margin:0px; padding:0px; vertical-align:middle; height:20px; line-height:12px; }
#Hint { color:green; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:11px; font-style:italic;  }
#Hint b { color:red;}
#imgBorder, .imgBorder { border:1px solid #804040; background:white; }
#Action, .Action { }
@media print
{
 .DontPrint, #DontPrint,#Cancel  { display:none; height:0px; width:0px; margin:0px; padding:0px; }
 #Content { background:white;  box-shadow: 0px 0px 0px #333333;
	-moz-box-shadow: 0px 0px 0px #333333;
	-o-box-shadow: 0px 0px 0px #333333;
	-webkit-box-shadow: 0px 0px 0px #333333; border:0px solid gray; width:100%; margin:0px; 
 }
h1 { margin:0px; padding:0px; width:99%; margin-top:0px; text-align:left; background:#006291; border:0px; color:white; padding-left:1%;   }
h1 span { color:#FF6600; }
h1 b { color:#33FFFF; }
h1 font { color:#33FF00; }
h1 a {  display:none;}
h1 img {  display:none;}
#Action, .Action { display:none; visibility:hidden; }
.paginate { display:none; }
}

#Account { width:97%;  border:1px solid #396D86; font-family:"sans-serif";  border-top:0px; background:#F5F5F5; margin-left:1.5%; padding-top:5px; margin-top:0px; height:auto}
#SimpleTable tr td { height:18px; line-height:12px; font-weight:bolder; font-size:11px; padding:0px 3px; margin:0px; vertical-align:middle; }

#SmoothTable { background:#ccc;  text-transform:capitalize; font-size:10px; color:black;}
#SmoothTable tr th { background:#ddd; padding:1px; height:22px; vertical-align:middle;text-transform:uppercase;}
#SmoothTable tr td { background:#fff; padding:1px; vertical-align:middle ;color:black;}
#SmoothTable tr:hover td { background:yellow; color:black; }

iframe { margin-left:1%; margin-right:1%; width:98%; padding:0px; border:1px solid silver; margin-bottom:10px; }
/*======================(Login Page CSS)===================================*/
#Data-Table #Inactive td { color:#555 !important; }

#Export a { display:block; width:68px;  cursor:pointer; height:20px;}

#Export .Export { background:url(../SpitechImages/ExportExcel.png) center no-repeat; }

#Export .Print { background:url(../SpitechImages/Print2.png) center no-repeat;}

#Export .Find { background:url(../SpitechImages/Find.png) center no-repeat;}

#Export a:hover { background-color:#80FFFF; }

@media screen and (max-width: 1300px) 
{
   #Content { width:1320px; margin:0px 20px ; }
   h1 { width:1340px; margin:0px 10px ; }
   #TopMenu, #Footer { width:1360px; }
}