
/* Transcription Certification Institute CSS Document */
#NoneBody 
{
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:12px;
	
}
#body1 {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/bg.jpg) #ffffff repeat-x top;
	font-size:12px;
	color:#000000;
	 
}

.topLinks {
	font-size:10px;
	height:26px;
	text-transform:uppercase;
	color:#ffffff;
}

.topLinks a {
	color:#ffffff;
	text-decoration:none;
}
.topLinks a:hover {
	color:#ff9809;
	text-decoration:none;
}

.logoRow {
	height:83px;
}

.menu {
	height:47px;
	background:url(../images/menubg.jpg) repeat-x;
	font-size:14px;
}

.menu ul {
	margin:0px;
	padding:0px;
}

.menu ul li {
	float:left;
	list-style:none;
	margin-right:3px;
	height:47px;
}

.menu ul li a {
	display:block;
	background:url(../images/buttonbg.jpg) repeat-x;
	padding:10px 17px 10px 16px;
	color:#FFFFFF;
	text-decoration:none;
}

.menu ul li a:hover {
	display:block;
	background:#ff9809;
	padding:10px 17px 13px 16px;
	color:#FFFFFF;
	text-decoration:none;
}

/*Highlight the Current Page Tab*/
#home #homeTab, #about #aboutTab, #works #worksTab, #certif #certifTab, #guarant #guarantTab, #instruc #instrucTab, #faqs #faqsTab, #fees #feesTab
{
	background:#ff9809;
	padding:10px 17px 13px 16px;
}


.mainBody {
	padding:5px 0px;
}

.r8Form {
	width:299px;
	border:#c8c8c8 solid 1px;
	border-top:none;
	color:#000000;
	line-height:18px;
	text-align:justify;
	background:url(../images/greybg_right.gif) repeat-x;
	
}

.orangeTitleBg {
	background:url(../images/orangetitlebg.gif) repeat-x bottom;
	height:30px;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
}

.testimonials {
	width:228px;
	border:#c8c8c8 solid 1px;
	border-top:none;
	color:#000000;
	font-size:11px;
	line-height:16px;
	text-align:justify;
	/*background:url(../images/greybg-testi.gif) repeat-x;*/
}

.greyTitleBg {
	background:url(../images/greytitlebg.gif) repeat-x bottom;
	height:34px;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
}

.content {
	font-size:12px;
	color:#000000;
	text-align:justify;
	line-height:18px;
}

.content h1 {
	font-size:24px;
	font-weight:normal;
	margin:8px 0px;
	color:#ff9809;
}


.greyShade {
	/*background:url(../images/greyshade.gif) repeat-x top;*/
	background:url(../images/greyshade.gif);
	background-repeat: repeat-x;
	background-position:bottom;
	 
	border:#c8c8c8 solid 1px;
}

.viewLink {
	font-size:12px;
	color:#FFFFFF;
}

.footer {
	height:180px;
	background:url(../images/footerbg.jpg) repeat-x top;
	line-height:22px;
	font-size:11px;
	color:#b6b5b5;
}

.footer a {
	color:#b6b5b5;
	text-decoration:none;
}

.footer a:hover {
	color:#ff9809;
	text-decoration:none;
}

.footer span a {
	color:#ff9809;
}

.footer span a:hover {
	color:#ff9809;
	text-decoration:underline;
}

.footer span {
	color:#666666;
}





/**************/
.Login {
	width:228px;
	border: solid 1px;
	/*color:#CCCCCC;*/
	font-size:12px;
	line-height:16px;
	text-align:justify;
}
.textBox {
	border:#999999 solid 1px;
	color:#333333;
	font-size:12px;
	height:16px;
}
.Button {
	background:url(../images/inputbutton.gif);
	background-repeat:repeat-x;
	 background-position:center; 
	height:23px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	border:none;
	cursor:pointer;
}
/*Added by subhash*/
    
    .flyOutDiv
{
     display: none; 
     position: absolute; 
     width: 400px; 
     z-index: 3; 
     opacity: 0; 
     filter:(progid:DXImageTransform.Microsoft.Alpha(opacity=0)); 
     font-size: 14px; 
     border: solid 1px #CCCCCC; 
     background-color: #FFFFFF; 
     padding: 5px;
} 

.flyOutDivCloseX
{
 background-color: #666666; 
 color: #FFFFFF; 
 text-align: center; 
 font-weight: bold; 
 text-decoration: none; 
 border: outset thin #FFFFFF; 
 padding: 5px; 
} 
/******************/

.ErrorText {
	font-size:12px;
	COLOR: red;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 18px;
	text-align: justify;
}

	.Heading {
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 18px;
	text-align: justify;
	color:Red;
	}
	
	 .styfont
			{
			color:Red;
			}
			
			
			
/*====Added by subhash 29 Apr 2009 =====*/			

/***Password strength**/
.textIndicator_poor { background-color:#FFFFFF; 
padding:2px; 
color:Red; 
font-size:9px;
height:15px;

} 

  

.textIndicator_weak { background-color:#FFFFFF; 
padding:2px; 
color:Orange;
font-size:9px; 
height:15px;
} 

  

.textIndicator_good { background-color:#FFFFFF; 
padding:2px; 
color:Maroon; 
font-size:9px;
height:15px;
} 

  

.textIndicator_strong { background-color:#FFFFFF; 
padding:2px; 
color:green; 
font-size:9px;
height:15px;
} 

  

.textIndicator_excellent { background-color:#FFFFFF; 
padding:2px; 
color:Green;
font-size:9px; 
height:15px;
} 


/**********************/


/*======================================*/


.blueloginmenu {
	background:url(../images/blue-arrow.gif) no-repeat center left;
	width:205px;
	height:10px;
	font-weight:bold;
}

.blueloginmenu a {
	background:url(../images/blue-arrow.gif) no-repeat center left;
	width:205px;
	height:10px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	padding-left:12px;
	padding-top:40px;
}

.blueloginmenu a:hover {
	background:url(../images/grey-arrow.gif) no-repeat center left;
	width:205px;
	height:10px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	padding-left:12px;
	padding-top:40px;
}

.greyloginmenu {
	background:url(../images/grey-arrow.gif) no-repeat center left;
	width:205px;
	height:10px;
	font-weight:bold;
}

.greyloginmenu a {
	background:url(../images/grey-arrow.gif) no-repeat center left;
	width:205px;
	height:10px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	padding-left:12px;
	padding-top:35px;
}

.greyloginmenu a:hover {
	background:url(../images/red-arrow.gif) no-repeat center left;
	width:205px;
	height:10px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	padding-left:12px;
	padding-top:35px;
}

.redloginmenu {
	background:url(../images/red-arrow.gif) no-repeat center left;
	width:205px;
	height:10px;
	font-weight:bold;
}

.redloginmenu a {
	background:url(../images/red-arrow.gif) no-repeat center left;
	width:205px;
	height:10px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	padding-left:12px;
	padding-top:35px;
}

.redloginmenu a:hover {
	background:url(../images/blue-arrow.gif) no-repeat center left;
	width:205px;
	height:10px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	padding-left:12px;
	padding-top:35px;
}

/*~~~~~~Added on 21 May 2009 By subhash~~~~~~~~~*/
 .staticmenuitem
    {
    color:black;
    border:solid 1px;
    padding:2px,4px;
    
    FONT-SIZE: 11px;
	
	FONT-FAMILY:  arial;
	TEXT-DECORATION: none;
	font-weight: bold;
	
	border: 1px solid #000000;

    
    
    }
    .menuhover
    {
    color:white;
    backgound-color:black;
    FONT-SIZE: 11px;
	
	FONT-FAMILY:  arial;
	TEXT-DECORATION: none;
	font-weight: bold;
	
	border: 1px solid #000000;

    
    
    }
.dynamicmenuitem
{

padding:1px;
background-color:#555555;
 border:solid 1px;


FONT-SIZE: 11px;
	
	FONT-FAMILY:  arial;
	TEXT-DECORATION: none;
	font-weight: bold;
	
	border: 1px solid #000000;
}
  
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/****Added on 27 May 2009~~~*/
.styError
{
	  color:red;
}
/****************************/

/**Add on 01 June 2009**/
.BlueForeColor
{
	 
	 color:Blue;
}


.ValidatorCallout
{
    border:solid;
    border-color:#FF0000;
    border-width:2px;
    color:Blue;
}
.loginmenuButton
{
	display:block;
	background:#ff9809;
	padding:10px 17px 13px 16px;
	color:#FFFFFF;
	text-decoration:none;
	 font-size:14px;
	background-image:url(../images/greytitlebg.gif);
	background-repeat:repeat-x;
	 
	}


/***********************/

.Welcomecolor
{

color:Orange;
font-size:12px;
font-weight: bold;
}


.PagerStyle 

{ 
    background-image: url(../images/PagerGamer.jpg); 
    background-position:top; 
    background-repeat:repeat-x; 

}


.PagerStyle table 

{ 
    text-align:left; 
    margin:auto; 

} 

.PagerStyle table td 

{ 

    border:0px; 
    padding:5px;/*padding around pager numbers */ 

} 

.PagerStyle td 

{ 
    border-top: #1d1d1d 1px solid;/*top border of pager*/ 
    height:40px; 

} 

.PagerStyle a 

{ 

    color:#ffffff; 
    text-decoration:none; 
    padding:2px 10px 2px 10px; 
    /*border around pager numbers*/ 
    border-top:solid 1px #777777; 
    border-right:solid 1px #333333; 
    border-bottom:solid 1px #333333; 
    border-left:solid 1px #777777; 

} 

.PagerStyle span 

{ 
    font-weight:bold; 
    color:#FFFFFF; 
    text-decoration:none; 
    padding:2px 10px 2px 10px; 

} 

/*~~~~18 Jun 2009~~~~~~*/

 /*Modal Popup*/ 

    .modalBackground 
    {
              background-color:Silver; 
              filter:alpha(opacity=70);
              opacity:0.7; 
    } 

    .modalPopup 
    {
              background-color:#ffffdd; 
              border-width:3px; 
              border-style:solid; 
              border-color:Gray; 
              padding:3px; 
              width:250px; 
    }
/*~~~~~~~~~~~~~~~~~~~~~*/



/** Quiz formatting**/
.PanelBorderHeader
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
   border-bottom: gray 1px solid;
   background-color:#cc0066;
 color:#ffffff;
	
}
.PanelBorderContent
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
   border-bottom: gray 1px solid;
   background-color:#deb887;
   color:#ffffff;
	
}
.PanelBorder
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
   border-bottom: gray 1px solid;
  
	
}
.PanelTime
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
   border-bottom: gray 1px solid;
   background-color:#00bbff;
 color:#ffffff;
	
}

/*.TestButton {
	background:url(../images/button_img.gif);
	background-repeat:repeat-x;
	 background-position:center; 
	height:23px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	border: solid 1px black;
	cursor:pointer;
	color:#ffffff;
}*/

.BtnBackGround
{
	background-image:url(../images/redtab-bg.jpg);
	background-repeat:repeat-x;
	background-position:center; 
	font-family: Arial,  sans-serif;
	font-size:12px;
	font-weight:bold;
	border: solid 1px black;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	  
	
}
/********************/

/******transcription company list Format***/
.CompanyBox {
	
	border:#222222 solid 1px;
	color:#000000;
	font-size:12px;
	line-height:20px;
	text-align:justify;
}

.cmpLink {
	color:#ff8c00;	
	
}

.cmpLink a {
	color:#ff8c00;
	text-decoration:none;
 
   
}
.cmpLink a:hover {
	color:#990066;
	text-decoration:none;
}




/******************************************/
/*****add subhash 04 jul 2009**/
.Link 
{
	background-repeat: repeat-x;
	background-position:bottom;
	 
	border:#c8c8c8 solid 1px;
	font-size:10px;
	height:26px;
	text-transform:uppercase;
	}

.Link a {
	color:#000000;
	text-decoration:none;
}
.Link a:hover {
	color:#ff9809;
	text-decoration:none;
}

.content h2 {
	font-size:20px;
	font-weight:normal;
	margin:8px 0px;
	color:#ff9809;
}

.content h3 {
	font-size:18px;
	font-weight:normal;
	margin:8px 0px;
	color:#ff9809;
}
.content h4 {
	font-size:16px;
	font-weight:bold;
	margin:8px 0px;
	color:#ff9809;
}
.h3style {
	font-size:18px;
	font-weight:normal;
	margin:8px 0px;
	color:#ff9809;
}

.h4style {
	font-size:14px;
	font-weight:normal;
	margin:8px 0px;
	color:#ff9809;
}
.h5style {
	font-size:12px;
	font-weight:normal;
	margin:8px 0px;
	color:#ff9809;
}
/******************************/

/**for menu selection added by subhash on 09 Jul 2009**/
#menuTabs{
	height:47px;
	background:url(../images/menubg.jpg) repeat-x;
	font-size:14px;
}

/*#menuTabs li{
	float:left;
	list-style:none;
	margin-right:3px;
	height:47px;

}*/
#menuTabs li{
 float:left;
 list-style:none;
 margin-right:2px;
 height:47px;

}

#menuTabs li a{
	display:block;
	background:url(../images/buttonbg.jpg) repeat-x;
	padding:10px 17px 10px 16px;
	color:#FFFFFF;
	text-decoration:none;
}

#menuTabs li a:hover{
	display:block;
	/*background:#ff9809;*/
	background:#cccccc;
	padding:10px 17px 13px 16px;
	color:#FFFFFF;
	text-decoration:none;
}

#menuTabs li a:active{
	display:block;
	background:#ff9809;
	padding:10px 17px 13px 16px;
	color:#FFFFFF;
	text-decoration:none;
}

#menuTabs li a.selected{ /*selected main tab style */
	display:block;
	background:#ff9809;
	padding:10px 17px 13px 16px;
	color:#FFFFFF;
	text-decoration:none;
}

#menuTabs li a.selected:hover{ /*selected main tab style */
	display:block;
	background:#cccccc;
	/*background:url(../images/buttonbg.jpg) repeat-x;*/
	padding:10px 17px 10px 16px;
	color:#FFFFFF;
	text-decoration:none;
}


.smallFont
{
    font-size:11px;
}
/*~~~~~Added by Subhash 21 Feb 2009~~~~~~~~~~~~~~~*/
.style1 {font-family: Tahoma}

 .frameText
 {
 	/*width:100px;height:100px;*/
 	overflow:auto;	
 	float:left;
 	background-color:#ffffff;
 	border-style:solid;
 	border-width:2px;
 	border-color:Gray;
 	font-family:Helvetica;
 	line-height:normal;
 	}
    .handleText
    {
    	width:700;height:300;
    	background-image:url(../images/HandleGrip.png);
    	overflow:hidden;
    	cursor:se-resize;
    }
    .resizingText
    {
    	padding:0px;border-style:solid;border-width:2px;border-color:#7391BA;
    	}
   
/**18-01-2010***/

.style1 {color: #FF0000}
.style2 {
	color: #006699;
	font-style: italic;
	width: 100%;
}
.style3 {
	color: #FF0000;
	font-weight: bold;
	height: 14px;
    
}

.style4 {color: #009933}
.style5 {
	color: #FF0000;
	font-style: italic;
}
.style6 {
	color: #548DD4;
	font-weight: bold;
}
.style7 {
	color: #548DD4;
	font-weight: bold;
}
/**************/
/****19-1-2010**GMR*/

.greyShade_leftLinks {
background:transparent url(../images/greyshade.gif) repeat-x scroll center bottom;
border:1px solid #C8C8C8;
border-left:none;
border-right:none;
height:648px;
text-align:left;
}
* html .greyShade_leftLinks {
  height:668px;
}
.greyShade_leftLinks li {
  line-height:18px;
  font-size:11px;
  }
.greyShade_leftLinks li a { 
  color:#333333;
  text-decoration:none;

}
.greyShade_leftLinks li a:hover {
  color:#FF8C00;
}
 .greyShade_leftLinks li a:visited {
  color:#FF8C00;
}
    
 .h1cls 
{
 font-size:24px;
 text-decoration:none;
 line-height:17px;
  
  font-family: Arial, Helvetica, sans-serif
  
 
}

       .h2cls 
{

 font-size:20px;
 text-decoration:none;
  font-family: Arial, Helvetica, sans-serif;
  line-height:15px;
 
}

.testimonialsdemo {
	width:228px;
	border:#c8c8c8 solid 1px;
	border-top:none;
	color:#000000;
	font-size:11px;
	line-height:648px;
	text-align:justify;
	/*background:url(../images/greybg-testi.gif) repeat-x;*/
}

/*5/26/2010*/

.greyLine {
	background:url(../images/grey-line.gif) repeat-x top;
}
.greyLine2 {
	background:url(../images/grey-line.gif) repeat-x bottom;
}
.geryBoxBg {
	background:#f6f6f6;
	border-left:#e7e7e7 solid 2px;
	border-right:#e7e7e7 solid 2px;
	padding:0px 15px;
}
.geryBoxBg h1 {
	color:#3d6d9d;
	margin:0px;
	padding-bottom:10px;
	font-size:24px;
}

.header_lineheight  {

 line-height:26px;
}

