﻿/* DEFAULTS
----------------------------------------------------------*/
last
body {
    /*background: url("../cadence_images/bg_body.png") repeat-x scroll top center transparent;*/
   /* background: #fdbe9e;
    color: #333333;
    font: 12px/1.8em "Liberation sans",Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
    width: 100%;*/
       
    background: #C9C5C5; 
    font: 12px/1.8em "Liberation sans",Arial,Helvetica,sans-serif;
    color: #333333;
    height: 100%;
    margin: 0;
    padding: 0 20px;
    min-height:100%;
    min-width:900px;
}

html,mainBody 
{
     
    
}

.mainBody  
{
    /*background: url("../cadence_images/bg_container.png") no-repeat scroll top center transparent;*/
   
}


a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
    
}


.clr {
    clear: both;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    width: 100%;
}
/*------------- End Default --------------------*/



/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}
/*--------------- End Headings --------------------*/


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.header, .content, .fbg, .footer, form 
{
    margin: 0;
    padding: 0;
}

.header 
{
    /*background: url("../cadence_images/bg_body.png") repeat-x scroll top center transparent;*/
}

.header_resize 
{
    /*background: url("../cadence_images/main_bg.jpg") repeat-x scroll top center transparent;*/
    /*background-color:#fff;
    margin: 0 auto;
    padding: 0;
    width: 930px;
    height:78px;*/
    border-top: 15px solid #C9C5C5;
    margin: 0 auo;
    padding: 0;
    width: 100%;
    background: #fff;
    text-align: left;        
    height: 78px; /* For IE */
    min-width: 100%;
    
}

.banners_logo{ float:left; padding:2px; width:180px; margin-left:15px; margin-top:10px; vertical-align:middle;}
.banners_admin{ float:right; min-width:280px; padding:0px; font-weight:bold; font-size:11px; height:78px;}
.banners_admin a { color:#f2352d;}
.banners_admin a:hover { text-decoration:underline;}

ul.topRhtNavLnks { clear:both; list-style:none; margin:0; padding:0; }

ul.topRhtNavLnks li { list-style:none;  padding:0 0 0 4px; float:left; color:#000000; font-size:11px; font-weight:bold; }

ul.topRhtNavLnks li.bgQuick { padding-left:20px;  }

ul.topRhtNavLnks li.bgCarSettings {padding-left:10px;}

ul.topRhtNavLnks li.bgQuick a { color:#5c544e; text-decoration:none;padding-left:20px;  }

ul.topRhtNavLnks li.bgCarSettings  a { color:#5c544e; text-decoration:none;  padding-left:20px;}

ul.topRhtNavLnks li.bgQuick a:hover { color:#f2352d; text-decoration:none; padding-left:20px;  }

ul.topRhtNavLnks li.bgCarSettings a:hover { color:#f2352d; text-decoration:none; padding-left:20px; }

ul.topRhtNavLnks li.bgQuick a.menuActive { color:#f2352d; text-decoration:none;  padding-left:20px;  }

ul.topRhtNavLnks li.bgCarSettings a.menuActive { color:#f2352d; text-decoration:none; padding-left:20px; }




/*ul.topRhtNavLnks li.bgQuick a { color:#5c544e; text-decoration:none; background:url(../cadence_images/lence_black.png) left center no-repeat; padding-left:20px;  }

ul.topRhtNavLnks li.bgCarSettings  a { color:#5c544e; text-decoration:none; background:url(../cadence_images/setup_icon_black.png) left center no-repeat; padding-left:20px; }

ul.topRhtNavLnks li.bgQuick a:hover { color:#f2352d; text-decoration:none; background:url(../cadence_images/lence.png) left center no-repeat; padding-left:20px;  }

ul.topRhtNavLnks li.bgCarSettings a:hover { color:#f2352d; text-decoration:none; background:url(../cadence_images/setup_icon.png) left center no-repeat; padding-left:20px; }

ul.topRhtNavLnks li.bgQuick a.menuActive { color:#f2352d; text-decoration:none; background:url(../cadence_images/lence.png) left center no-repeat; padding-left:20px;  }

ul.topRhtNavLnks li.bgCarSettings a.menuActive { color:#f2352d; text-decoration:none; background:url(../cadence_images/setup_icon.png) left center no-repeat; padding-left:20px; }*/




.menu 
{
    border-bottom:5px solid #ca2a2a;
    margin-bottom:-1px;
} 

.menu_resize {
    /*margin: 0 auto;
    padding: 0;
    width: 930px;
    height:32px;*/
    margin: 0 auto;
    padding: 0;
    width: 100%;
    background: #fff;
    text-align: center;
    height: auto !important; /* For Modern Browsers */
    height: 32px; /* For IE */
    min-width: 100%;    
        
}

.content 
{
}
.content_resize
{
    /*clear:both;
    background-color:#fff;
    width: 930px;
    margin: 0 auto; 
    padding:0px;
    min-height: 500px;*/
    margin: 0 auto;
    width: 100%;
    background-color: #fff;
    text-align: left;    
    min-height: 600px; /* For Modern Browsers */
    height: auto !important; /* For Modern Browsers */
    height: 100%; /* For IE */
    min-width: 100%;
    
}

.fbg {
    /*background: url("images/main_bg.jpg") repeat scroll center center transparent;*/
    
}

.fbg_resize
{
    /*width: 930px;
    margin: 0 auto; 
    padding:0px;
    background-color:#fff;*/   
    
    background-color:#fff;
    width:100%;
    margin: 0 auto; 
    padding:0px;
    height:100%;
    min-height:100%;
}


.footer {
    background: url("images/main_bg.jpg") repeat scroll center center transparent;
    background-color:#959595;
}
.footer_resize
{
    width: 930px;
    margin: 0 auto;
    height:200px;
     position:relative;
}


.breadcrumb
{
    background-color:#e4f0ff;
    padding: 3px 2px; 
    height:15px;
    margin:3px 20px;
    
}

.title
{
    background-color:#e8e6e3;
    padding: 5px; 
    height:25px;
}

div.title label,div.title span
{
    font-size:18px;    
    font-weight:bold;
    margin-left:10px;
}

div.headerline
{
    background-color:#cecbca;
    width:890; height:2px;
}

div.headerline1
{
    background-color:#cecbca;
    width:750px; height:2px;
}

div.dvSearch
{
background-color:#e8e6e3; /*width:890px;*/
width:100%;
padding:5px 0px 5px 0px;
text-align:left;
}
div.dvSearch label
{
    margin-left:15px;
}


table.tbInput 
{
    margin:0 auto;   
}






.main_content
{
    /*padding:5px 0px;*/
    padding:20px;
    
}


/*--------------- End Primary --------------------*/

#header_right 
{
    display: inline;
    float:right;
    margin: 0;
    padding: 0;
    width: 390px;
}
#top_menu_contain {
    padding: 5px 0 0;
    width: 420px;
}

#top_menu {
    margin: 0 0 0 100px;
    padding: 0;
}
#top_menu li {
    border-bottom: medium none;
    display: inline;
    float: left;
    font-size: 10px;
    list-style: none outside none;
    margin: 0;
    padding: 5px 0 10px;
    position: relative;
}
#top_menu li a {
    line-height: normal;
    text-decoration: none;
}
#top_menu li.last {
    text-align: left;
}

#top_menu a {
    line-height: normal;

}



#wrap {
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    width: 760px;
}
#itop {
    height: 115px;
    
}
#itopl {
    float: left;
    margin-left: 20px;    
    margin-top: 25px;
    width: 300px;
}
#itopr {
    float: right;
    width: 425px;
    padding-top:7px;
}
#itoprnavleft {
    display: inline;
    margin-top: 2px;
    padding-bottom: 0;
    padding-right: 15px;
    width: 200px;
}
#itoprnav {
    display: inline;
    float: right;
    margin-top: 2px;
    padding-bottom: 0;
    padding-right: 15px;
    width: 890px;
}

#CSSMenu {
    display: inline;
    float: right;
    margin-top: 2px;
}

#ibanner {
    background-image: url("../cadence_images/movie_seats.jpg");
    height: 190px;
    width: 760px;
}
#icenter {
    background-image: url("../cadence_images/welcome_bar.jpg");
    background-repeat: no-repeat;
    font-family: Arial;
    font-size: 12px;
    padding: 10px 25px;
    width: 930px;
}
#ibottom {
    background-image: url("../cadence_images/bottom_bg.jpg");
    background-repeat: repeat;
    float: left;
}
#ibottoml {
    float: left;
    width: 190px;
}
#ibottomlt {
    background-image: url("../cadence_images/red_bar.jpg");
    height: 24px;
    padding-top: 7px;
}
#ibottomlm {
    background-image: url("../cadence_images/red_image.jpg");
    height: 119px;
}
#ibottomlb {
    padding: 20px;
}
#ibottomm {
    float: left;
    width: 190px;
}
#ibottommt {
    background-image: url("../cadence_images/green_bar.jpg");
    height: 24px;
    padding-top: 7px;
}
#ibottommm {
    background-image: url("../cadence_images/green_image.jpg");
    height: 119px;
}
.ibottommb {
    padding: 20px;
}
#ibottomr {
    float: left;
    width: 190px;
}
#ibottomrt {
    background-image: url("../cadence_images/blue_bar.jpg");
    height: 24px;
    padding-top: 7px;
}
#ibottomrb {
    border-bottom: 1px solid silver;
    font-weight: bold;
    margin: 0 10px 10px;
    padding: 0 10px 10px;
}
#ibottomrbb {
    padding: 20px;
}
#ibottomLast {
    float: left;
    width: 190px;
}
#ibottomLastHeader {
    background-image: url("../cadence_images/brown_bar.jpg");
    height: 24px;
    padding-top: 7px;
}
#ibottommr {
    background-image: url("../cadence_images/blue_image.jpg");
    height: 119px;
}
#ibottommLast {
    background-image: url("../cadence_images/brown_image.jpg");
    height: 119px;
}
#childtwoi {
    text-align: left;
}
#itoprswatch {
    /*background-image:url("../cadence_images/top_fabric.jpg");*/
    float: right;
    height: 90px;
    width: 335px;
}
#cbody {
    background-image: url("../cadence_images/welcome_bar.jpg");
    background-repeat: no-repeat;
    padding: 20px 15px 20px 20px;
}
#ifooter {
    border-top: 2px solid #CCCCCC;
    clear: both;
    height: 25px;
    padding-left: 10px;
    padding-top: 7px;
    width: 750px;
}
#ifooterl {
    float: left;
}
#ifooterr {
    float: right;
    padding-right: 10px;
}
#ifooterl a {
    color: #333333;
    text-decoration: none;
}
#clear {
    clear: both;
}
body a {
    color: #2062A4;
    text-decoration: none;
}
.linkColor {
    color: #2062A4;
    font-style: italic;
}
.style1 {
    font-size: 12px;
}
.style1 a {
    color: #2062A4;
    font-size: 12px;
    text-decoration: none;
}
.style2 {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.qmclear {
    clear: left;
    display: block;
    font-size: 1px;
    height: 0;
    line-height: 0;
    width: 0;
}
.qmmc {
    position: relative;
    float:left;
}
.qmmc a {
    display: block;
    float: left;
    white-space: nowrap;
}
.qmmc div a {
    float: none;
}
.qmmc div {
    position: absolute;
    visibility: hidden;
}
#qm0 {
    background-color: Transparent;
    padding-bottom: 3px;
    /*padding-left: 55px;*/
}
#qm0 a {
    background-color: transparent;
    border-right-style: inset;
    color: #2062A4;
    font-size: 12px;
    padding: 0 8px;
    text-align: left;
    text-decoration: none;
}
#qm0 a:hover {
    background-color: transparent;
}


body #qm0 .qmactive, body #qm0 .qmactive:hover {
    background-color: Transparent;
    color: #2062A4;
    text-decoration: none;
}
#qm0 .qmparent {
    background-position: 92% 50%;
    background-repeat: no-repeat;
}
#qm0 div {
    background-color: #FFFFFF;
    border-color: #2062A4;
    border-style: solid;
    border-width: 1px;
    margin-top: 3px;
    padding: 2px 15px 2px 5px;
}
#qm0 div a {
    border-right: 0 none;
    border-width: 1px 0 1px 1px;
    color: #2062A4;
    font-size: 12px;
    padding: 3px;
    text-align: left;
}
#qm0 div a:hover {
    background-color: #FFFFFF;
    color: #2062A4;
    text-decoration: underline;
}
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {
    background-image: url("images/s3_arrow.gif");
    text-decoration: underline;
}
#qm0 div .qmparent {
    background-image: url("images/s3_arrow.gif");
}
#mid-section
{
background-color:#FFFFFF;
padding:10px 20px 10px 20px; 
border-top:#cccccc 2px solid;
}



#TexGenerate a
{
    color: #2062A4;
    font-size: 12px;
    text-decoration: none;
}
table.UserDataPreivew { margin:10px 0px 0px 0px; border-right:1px #fdfdfd solid; border-top:1px #fdfdfd solid;border-left:1px #fdfdfd solid;border-bottom:1px #fdfdfd solid; padding-left:10px;
}

table.UserDataPreivew tr.HeadRow{ background-color:Gray; color:#FFFFFF;text-align:left; padding-left:10px; border-right:1px #fdfdfd solid;height:25px;font-size:13px;font-weight:bold;
}
table.UserDataPreivew tr.ItemRow { clear:both;   background:#CAD0DA; color:#333333; border:1px solid #fdfdfd;
}
table.UserDataPreivew tr.AltItemRow{ clear:both;background:#EBEBEB; color:#333333;  border:1px solid #fdfdfd;
}
table.UserDataPreivew tr.ItemRow1 { clear:both;   background:#A7B1C2; color:#FFFFFF; border:1px solid #fdfdfd;
}

/***********************************************/
/* Popup page */
.modalBackground {
	/*background-color:#7d95d4;*/
	background-color:#333333;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#a9a9a9;/*#4b63a1;*/
	border-width:3px;
	border-style:solid;
	border-color:white;
	padding:3px;
	width:250px;
	text-align:center;
}
div.popupPanel
{
    border: 1px white solid;
    text-align:left;
}
div.alertPanel
{
                border: 1px #0096db solid;
                text-align:left;
                 background-color :White;
}

div.popupPanel input
{
    background-color: #E1E1E1;
    border: none;
}
table.popupTableOK 
{
    width: 100%;
         
}
table.popupTableOK td 
{
   
    /*: #aaaaaa;*/
   background-color :#a9a9a9;  /*#4b63a1;White*/
           
}
table.popupTable td
{
    padding:8px;
    background-color: #E1E1E1;
}
table.popupTable td.popupTitleBar
{                              
    background-image:url(../cadence_images/bg_grid_col_head.gif);
    background-repeat: repeat-x;
    border-bottom: 1px #0096db solid;
    background-position:bottom;
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
table.popupTable1 td
{
    padding:8px;
    background-color:#FFFFFF;
}
table.popupTable1 td.popupTitleBar
{                              
    /*background-image:url(../cadence_images/bg_grid_col_head.gif);
    background-repeat: repeat-x;
    background-position:bottom;*/
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
/*************************************************/
.footerFrame { width:930px; height:20px;   margin:0 auto; padding:0px 0px 0px 10px; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; color:#333333; bottom:0; /* stick to bottom */
}

/**************************** */

/* Submenu */

div.banners_admin ul.topRhtNavLnks li.subMenu:hover ul.subLinks { visibility: visible;}

div.banners_admin ul.topRhtNavLnks li.bgCarSettings:hover ul.subLinks { visibility: visible;}

div.banners_admin ul.subLinks { clear:both; margin:0px; padding:0px; width:148px; border-bottom:4px solid #f2352d;}

div.banners_admin ul.topRhtNavLnks ul.subLinks li{ clear:both; float:none; padding:0px; font-size:12px; font-weight:bold;}

div.banners_admin ul.topRhtNavLnks ul.subLinks label{ width:144px;  display:block; padding-left:4px; background:#5d544e; font-size:12px; font-weight:bold; color:#9A9A9A;}

div.banners_admin ul.topRhtNavLnks ul.subLinks a{text-align:left;color:White; width:140px; padding:4px; display:block; background:#5d544e;} /*color 4d4d4d*/ /*background C0C0C0*/

div.banners_admin ul.topRhtNavLnks ul.subLinks a:hover{color:#f2352d; border-top:none;  } /*color FFFFFF*/ /*background 606060*/

div.banners_admin ul.topRhtNavLnks ul.subLinks{position:absolute; visibility:hidden; z-index: 100;/* Need to add this block in here */ }

/**************************************************/





/* For AJAX Auto Complete Extender Bak Comment */  
/************************************************************************/
.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : #EEEEEE;
	color : windowtext;
	border : button;
	border-width : 1px;
	border-style : solid;
	cursor : auto;
	overflow : auto;
	height : 180px;
    text-align : left; 
    list-style-type :none;
    padding-left:0px;
}

/* AutoComplete highlighted item*/
.autocomplete_highlightedListItem
{
	background-color :#777676;
	color: #ffffff;
	padding: 1px;
	list-style:none;
	cursor:pointer;
	clear:both;
}

/* AutoComplete item */
.autocomplete_listItem 
{
	list-style: none;
	background-color:#EEEEEE; 
    border:0px #616161 solid;
	padding : 1px;
	color :Black;
	font-family:Tahoma;
     font-size:11px;
	clear:both;
}

.watermarked 
{ 
   color:Gray; 
   font-family: Arial;
} 





/************************************************************************/



/* *************************************************************************** */
/* Menu Section */
/* *************************************************************************** */
div.clsMenuContainer
{
    /*padding: 25px 5px;*/
}
div.clsMenuContainer div.clsMenu
{
    background:#d3cfc8; 
    height: 32px;
}
div.clsMenuContainer div.clsMenu ul 
{
    margin: 0;
    padding: 0;
    border-color:#E5F2AA ;
	background-color: #FFF;
}
div.clsMenuContainer div.clsMenu li 
{
	position: relative; 
	list-style: none;
  	float: left; 
  	font-family:Arial;
  	font-size: 12px;
  	font-weight:bold;
}
div.clsMenuContainer div.clsMenu li a 
{
	color: #333333;
	display: block; 
	
	padding: 5px 6px 1px 6px;
	text-align: center;	
	/*border-right :1px solid #f2352d;*/
	background:  url(../cadence_images/unt_menuDivider.gif) repeat-y right top;
	font-weight:bold;
}
div.clsMenuContainer div.clsMenu li a.submenu 
{
    /*background:  url(../cadence_images/unt_menuDivider.gif) repeat-y right top;*/
	padding-right: 10px;
	margin-right: 6px;
	text-align:center;
}

div.clsMenuContainer div.clsMenu li img 
{
	margin: 3px 0 0;
}

div.clsMenuContainer div.clsMenu li a.mainMenu:hover 
{
    background-color: #2680BA;
	color: #690;
}

div.clsMenuContainer div.clsMenu li a.subMenuLevel2 
{
	color: #fff;
	font-weight:normal;
	background-color: #5d544e;
	width: 130px;
	margin-bottom: 1px;
	text-align:left;
	padding-left:5px; 
	font-weight:bold;
}

div.clsMenuContainer div.clsMenu li a.subMenuLevel2:hover 
{
	font-weight:bold;
	background-color: #f2352d;
	color: #ffffff ; 
	
}

div.clsMenuContainer div.clsMenu>ul a 
{
	/*width: auto;*/
	min-width: 120px;
	min-height: 26px;
}

div.clsMenuContainer div.clsMenu>ul a:hover 
{
	background-color: #f2352d;
	color:#ffffff;
}

div.clsMenuContainer div.clsMenu>ul a.menuActive 
{
	background-color: #5d544e;
	color:#ffffff;
}




div.clsMenuContainer div.clsMenu ul ul 
{
	position: absolute; 
  	visibility: hidden;
}

div.clsMenuContainer div.clsMenu ul.level1 li.submenu:hover ul.level2,
div.clsMenuContainer div.clsMenu ul.level2 li.submenu:hover ul.level3 
{
	visibility: visible;
}

div.clsMenuContainer div.clsMenu ul.level3 
{
	top: 0px; 
	left: 138px;
}

div.clsMenuContainer div.clsMenu ul.level3 li a
{
	color: #fff;
	font-weight:bold;
	background-color: #5d544e;
	width: 130px;
	margin-bottom: 1px;
	text-align:left;
	padding-left:5px; 
}
div.clsMenuContainer div.clsMenu li a.subMenuLevel3:hover 
{
	font-weight:bold;
	background-color: #f2352d;
	color: #fff ; 
	
}
/***************************/


/* *************************************************************************** */
/* Footer Section */
/* *************************************************************************** */
div.clsFooterContainer
{
    /*width:930px;*/   
    position: absolute;
    font-size: 10px;   
 }


    
div.clsFooterContainer div.clsFooter
{
    color:black;
    margin-top: 5px;    
    height:25px;
   
}

div.clsFooterContainer div.clsFooterright
{
    float:right;
    margin-top: 5px;
    height: 25px;  
    
}


div.clsFooterContainer div.clsFooter p,
div.clsFooterContainer div.clsFooter p.mail
{
    float: left;
    padding-left: 2px;
    display: block;
    padding-top: 6px;
    margin: 0;
    vertical-align: middle;
    /*height: inherit;*/
}

div.clsFooterContainer div.clsFooter p a, div.clsFooterContainer div.clsFooterright p a
{
  color: #cc0000;
  text-decoration:underline;
    
}
div.clsFooterContainer div.clsFooter p a:hover,div.clsFooterContainer div.clsFooterright p a:hover
{
    color: #cc0000;
    text-decoration:none;
}


/* murugan started */
div.clsFooterBottom
{
	width: 100%;
    position: absolute;
    bottom: 0 !important;
    height: 30px;
    
}

div.clsFooterBottom div.clsFooterleft
{    
    background: url(../cadence_images/footer_left.gif) no-repeat 0 0;
    float: left;
    width: 48%;
    height: 14px;
}
div.clsFooterBottom div.clsFooterright
{   
	text-align:right;
    float: right;
    width: 52%;
    height: 25px;
}

div.clsFooterContainer div.clsSkype
{
	text-align:right;
	padding-top: -2;
	margin: -45px;
    height: 25px;
    padding-right:60px;   
    
}


/* murugan end */





.DList 
{
	margin-left:10px;
}


/* pies */

div.cssPIES a
{
    border: 1px solid greay;
    height:20px;
    font-size:12px;
    font-weight:bold;
}

.style3
{
    width: 170px;
    height: 26px;
}
.style4
{
    height: 26px;
}

.StyleTextBox
{
    width:150px;
    height:26px; 
}

.StyleLabelBox
{
    text-align:right;
    vertical-align:middle;
    width:90px;
    height:26px; 
}

.PanelClass { border:1px black solid;}

/**********************Engine Search *****************************/
div.engineTableFrame
{
	background-color:White;
	background-repeat:repeat-x;
}

table.engineTable 
{
	width:890px;	
	border:1px #dbdbdb solid;	
	
}

td.vehicleName, td.vehicleConfig
{
	/*background-image:url(../cadence_images/bg.gif);
	background-repeat:repeat-x;*/
	padding:0 6px;
	background-color:#5d544e;
	vertical-align:middle;
	height:30px;
	width:100%;
	color:#fff;
	
}

/* common font size area */
td.vehicleName, td.vehicleConfig, table.displayVehicleInfo
{
	/*font-family:Tahoma, Arial;
	font-size:12px;*/
	font: 12px/1.8em "Liberation sans",Arial,Helvetica,sans-serif;
	font-weight:bold;
	padding-top:5px;
}

td.dataVehicle 
{
	height:350px;
	overflow:auto;
	width:445px;
}

table.dataItem td 
{
	border:1px #EDF6FE solid;
	font-size:x-small;
}
table.dataItem td 
{
	padding:4px 8px;
}

table.dataItem td a
{
	color:#09476d;
}

.dataItem tr.gridAltRow {background-color: #dbdbdb;}

/**************************/

table.productDetailsList 
{
	border: 1px solid #9a9a9a;
	
}

table.productDetailsList td
{
	border-left: 1px solid #bdbddd;
	border-right: 1px solid #bdbddd;	
     white-space: pre-wrap;       /* css-3 */
     white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
     white-space: -pre-wrap;      /* Opera 4-6 */
     white-space: -o-pre-wrap;    /* Opera 7 */
     word-wrap: break-word;
     word-break:normal;
     white-space:normal;
 }

table.productDetailsList tr th {
    /*background-color: #9a9a9a;    */
    background-image:url(../cadence_images/vehicle_header.jpg);    
    border: 1px solid #9a9a9a;
    color: #FFFFFF;
    font-size: 12px;
    text-align:center;
}

table.productDetailsList tr th a {
    color: #FFFFFF;
}

table.productDetailsList tr td {
    border-bottom: 1px solid #bdbddd;
    border-top: 1px solid #bdbddd;
    color: Black;
    text-align: left;
    padding:3px 5px;
    font-size:x-small;  
}

table.productDetailsList tr td a
{
	color: #09476d;
    text-decoration: underline;
}

table.productDetailsList tr td a:hover{
    color: #09476d;
    text-decoration: none;
}

table.productDetailsList tr td a.Cen
{
     padding-left:10px;
}



.productDetailsList tr.gridAltRow {background-color: #dbdbdb;}


/*************************/


.normalrow
 {
        background-color:white;
 }
   .hightlighrow
    {
        background-color:#EEE6FE;
    }
/**********************Engine Search *****************************/   
.GridRow
{
    font-size :12px;
} 
/**********************Drop down ********************************/
option {
background:none repeat scroll 0 0 #EDF6FE;
border-bottom:1px solid #dbdbdb;
border-top:1px solid #dbdbdb;
color:#000;
padding:2px 10px 2px 10px;
cursor:pointer;
}

option:hover {
border-bottom:1px solid #dbdbdb;
border-top:1px solid #dbdbdb;
color:#FDFADF;
}

select 
{
background:none repeat scroll 0 0 #ffffff;
border:1px solid #c6c6c6;
color:#3D381E;
font-size:10px;
padding-left:4px;
    height: 17px;
}


/*********************************/
td.thumbPics input { border:1px solid #999; margin:4px; width:62px; border-width:thin;}

 .picture {
     height:250px;     
     width:350px;     
     vertical-align:middle;
}



/*********************************/

.MyTabStyle .ajax__tab_header
        {
            font-family: "Helvetica Neue" , Arial, Sans-Serif;
            font-size: 12px;
            font-weight:bold;
            display: block;
            color:White;           
            background-color:White;
        }
        .MyTabStyle .ajax__tab_header .ajax__tab_outer
        {
            border-color: #222;
            color: #FFF;
            padding-left: 10px;
            margin-right: 2px;
            border:solid 1px #9a9a9a;
            background-color:#d3cfc8;
            
        }
        .MyTabStyle .ajax__tab_header .ajax__tab_inner
        {
            border-color: #666;
            color: #666;
            padding: 3px 10px 2px 0px;
        }
        .MyTabStyle .ajax__tab_hover .ajax__tab_outer
        {
            
        }
        .MyTabStyle .ajax__tab_hover .ajax__tab_inner
        {
            color: #222;
            cursor:pointer;
        }
        .MyTabStyle .ajax__tab_active .ajax__tab_outer
        {
            border-bottom-color: #f2352d;/**#9a9a9a***/
            background-color: #f2352d;/**#9a9a9a***/
        }
        .MyTabStyle .ajax__tab_active .ajax__tab_inner
        {
            color: #fff;
            border-color: #f2352d;
        }
        .MyTabStyle .ajax__tab_body
        {
            font-family: verdana,tahoma,helvetica;
            font-size: 10pt;
            background-color: #FFFFFF;
            border-top-width: 0;
            border: solid 3px #d7d7d7;
            border-top-color: #f2352d;
        }
        
        
/*****************************************/
.MyTabStyleHoles .ajax__tab_header
        {
            font-family: "Helvetica Neue" , Arial, Sans-Serif;
            font-size: 12px;
            font-weight:bold;
            display: block;
            color:White;           
            background-color:White;
        }
        .MyTabStyleHoles .ajax__tab_header .ajax__tab_outer
        {
            border-color: #222;
            color: #FFF;
            padding-left: 6px;
            margin-right: 2px;
            border:solid 1px #9a9a9a;
            background-color:#d3cfc8;
            
           
        }
        .MyTabStyleHoles .ajax__tab_header .ajax__tab_inner
        {
            border-color: #666;
            color: #666;
            padding: 3px 10px 2px 0px;
            
        }
        .MyTabStyleHoles .ajax__tab_hover .ajax__tab_outer
        {
            
        }
        .MyTabStyleHoles .ajax__tab_hover .ajax__tab_inner
        {
            color: #222;
            cursor:pointer;
        }
        .MyTabStyleHoles .ajax__tab_active .ajax__tab_outer
        {
            border-bottom-color: #f2352d;/**#9a9a9a***/
            background-color: #f2352d;/**#9a9a9a***/
        }
        .MyTabStyleHoles .ajax__tab_active .ajax__tab_inner
        {
            color: #fff;
            border-color: #f2352d;
        }
        .MyTabStyleHoles .ajax__tab_body
        {
            font-family: verdana,tahoma,helvetica;
            font-size: 10pt;
            background-color: #FFFFFF;
            border-top-width: 0;
            border: solid 3px #d7d7d7;
            border-top-color: #f2352d;
        }
        

 

/*********************************/

.MyTabStyleHoles1 .ajax__tab_header
        {
            font-family: "Helvetica Neue" , Arial, Sans-Serif;
            font-size: 12px;
            font-weight:bold;
            display: block;
            color:White;
            background-color:White;
        }
        .MyTabStyleHoles1 .ajax__tab_header .ajax__tab_outer
        {
            border-color: #222;
            color: #FFF;
            padding-left: 4px;
            margin-right: 2px;
           /* border:solid 1px #9a9a9a;*/
            border:solid 1px #9a9a9a;
            background-color:#d3cfc8;
            text-align:center;
        }
        .MyTabStyleHoles1 .ajax__tab_header .ajax__tab_inner
        {
            border-color: #666;
            color: #666;
            padding: 3px 10px 2px 0px;
        }
        .MyTabStyleHoles1 .ajax__tab_hover .ajax__tab_outer
        {
            
        }
        .MyTabStyleHoles1 .ajax__tab_hover .ajax__tab_inner
        {
            color: #222;
        }
        .MyTabStyleHoles1 .ajax__tab_active .ajax__tab_outer
        {
        	/*
            border-bottom-color: #9a9a9a;
            background-color: #9a9a9a;
			*/
			 border-bottom-color: #f2352d;/**#9a9a9a***/
            background-color: #f2352d;/**#9a9a9a***/
        }
        .MyTabStyleHoles1 .ajax__tab_active .ajax__tab_inner
        {
            color: #fff;
           /* border-color: #9a9a9a;*/
            border-color: #f2352d;
        }
        .MyTabStyleHoles1 .ajax__tab_body
        {
            font-family: verdana,tahoma,helvetica;
            font-size: 10pt;
            background-color: #FFFFFF;
            border-top-width: 0;
            border: solid 1px #d7d7d7;
           /* border-top-color: #9a9a9a;*/
           border-top-color: #f2352d;
        }
        
        
/*****************************************/

table.CrossResult1 {background-image:url(../cadence_images/vehicle_header.jpg);color:White;font-size:12px;}

table.CrossResult2 {background-image:url(../cadence_images/vehicle_header.jpg);color:White;font-size:12px;}

.login
{
    /*background-color:#dfdcd5;
    background-image: url("../cadence_images/login_bg.jpg");
    background-repeat:repeat;*/
    height:420px;
    width:600px;
    padding:20px 0px 5px 0px;
    margin:0 auto;
}
.forgot
{
    height:420px;
    width:600px;
    padding:85px 0px 5px 0px;
    margin:0 auto;
}    
div.logo {
    background-repeat: no-repeat;
    background-size: contain;
    /* height: 226px; */
    margin: auto;
    width: 220px;
}
.login_bg
{
    background-image:url("../cadence_images/details_bg.png");
    background-repeat:no-repeat;
    width:600px;
	height:260px;
}
/*.login_btn
{
    float:left;
    margin-top:3px;
    margin-left:135px;
    background-color:#f6f6f6;
    -moz-border-radius: 5px;
	border-radius: 5px 5px 5px 5px;
	border:2px solid #eeefef;
	-moz-box-shadow: 0 0 5px 5px #fff;
	-webkit-box-shadow: 0 0 5px 5px #fff;
	box-shadow: 0 0 4px 1px #ffffff;
}*/
div.loginHeader
{
    
    margin-top:20px;
    margin-bottom:auto;
    margin-left:auto;
    margin-right:auto;
    width:290px;
    height:90px;
}

div.loginHeader label
{
    font-size:18px;
    color:#333333;
}


div.clsFooterleft span a
{
  clear:both; margin-top:10px;
  color: #ffffff;
  text-decoration:underline;
  font-size:11px;
    
}
div.clsFooterleft span a:hover
{
    color: #ffffff;
    text-decoration:none;
}

/*************************************************************/

ul.CARSmenu { margin:0; }

ul.CARSmenu li { list-style:none; margin:0; float:none; padding:2px 2px 0 2px; font-size:14px; color:#FFFFFF; font-weight:normal; text-decoration:none;  }

ul.CARSmenu li a { padding:10px 10px 7px 10px; display:block; color:#fefefe; }

ul.CARSmenu li a:hover {  background:#227a46 url(../cadence_images/bg_menu_hover.gif) repeat-x 0 0; text-decoration: none; border:2px; color:#227a46; }

ul.CARSmenu li a.menuActive {  background:url(../cadence_images/bg_menu_hover.gif) repeat-x 0 0; text-decoration:none; color:#227a46; }


/************************************************************/


a.ACESSelect
{
   background-color:#eeeeee;
   cursor:pointer;
}

a.ACESSelect label
{
   width:100px;
}

a.ACESSelect:hover 
{
   background-color:#333333;
   cursor:pointer;
}

a.ACESSelect:hover div.dvInner
{
    color:#fff; 
    background:#333333 url(../cadence_images/select.png) no-repeat right center; 
}

#progressBackgroundFilter {
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:0; 
}

#processMessage { 
    position:fixed; 
    top:30%; 
    left:45%;
    padding:10px;
    width:20%; 
    z-index:1; 
    height:150px;
   
   
}


.hotspot {color:#900; cursor:pointer;}
.chkbox-link
{
text-decoration:underline;
color:#073c9b;
font-weight:normal;
}
.chkbox-link:hover
{
text-decoration:none;
color:#073c9b;
}

.toolTip {
    background: url("../cadence_images/help.png") no-repeat scroll right center transparent;
    cursor: pointer;
    padding-right:15px;
    position: relative;
}

.toolTipWrapper {
    color: Black;
    display: none;
    font-size: 9pt;
    font-weight: normal;
    position: absolute;
    top: 20px;
    width: 340px;    
    margin-left:-140px;   
    line-height:normal;
}
.toolTipTop {
    background: url("../cadence_images/bubbleTop.gif") no-repeat scroll 0 0 transparent;
    height: 30px;
    width: 340px; 
    
}
.toolTipMid {
    background: url("../cadence_images/bubbleMid.jpg") repeat-y scroll center top #A1D40A;
    padding: 0px 15px;   
    
}
.toolTipBtm {
    background: url("../cadence_images/bubbleBtm.jpg") no-repeat scroll 0 0 transparent;
    height: 13px;
   
}

/**************** s *********************/

.image_align
{
    padding-left:55px;
    float:left;

}

/************************Bala******************/

.previous{
    background:transparent url(../cadence_images/previous.gif) no-repeat scroll center;
    height:1.3em;
    width:16px;
    vertical-align:middle;
    
}
.next{
    background:transparent url(../cadence_images/next.gif) no-repeat scroll center;
    height:1.3em;
    width:16px;
    vertical-align:middle;
}  
.first{
    background:transparent url(../cadence_images/first.gif) no-repeat scroll center;
    height:1.3em;
    width:16px;
    vertical-align:middle;
    
}
.last{
    background:transparent url(../cadence_images/last.gif) no-repeat scroll center;
    height:1.3em;
    width:16px;
    vertical-align:middle;
} 
/*added By Nirmal*/
 
.view
{
    margin-left:21px;
}

.gap2
 { 
    padding:7px 10px;
    font-family: Arial, Helvetica, sans-serif;
 }
 .gapdel
 {
     margin-left:10px;
 }
 
 .griditem
 {
     font-family:Calibri;
     font-size:11px;
     border-bottom:#bebcbc;
     padding:8px 10px;
     text-align:left;
     height: 31px;
     background:#fbfcfc;
 }

 .gridpage
 {
    font-family:Calibri;
    font-size:11px;
    text-align:left;
    color:#333333;
 }
 
  .gridHdr
 {
     background:url(../cadence_images/tabl_bg.jpg) repeat-y;
     color:#2a2e36; 
     font-size:13px; 
     text-align:left; 
     padding:7px 10px; 
     border-bottom:2px solid #d2d1cb; 
     height:31px;
    
 }
  .gridview td 
 {
  border: 2px solid #d2d1cb;
  padding:8px 10px;
}
.gridview th 
{
    border:2px solid #d2d1cb;
    padding:7px;
    border-bottom:solid 1px #d2d1cb;
}


 /*Ended By Nirmal*/
  
/*-----------*/

.gotopage{
    font-size:x-small;
    width:20px;
}
.pagerstyle{
    color:#333333;
    /*background-color:#e4e4e4;#7d95d4;#E5F2FF*/
    /*background-color:#e5e5e5;*/
    font-size:11px;
    text-align:left;
    /*padding-left:21px;*/ 

} 
.pagerstyle td 
{
	padding :3px;
	border-right:1px #fdfdfd solid;
}
.pagerstyle select{
    font-size:x-small;margin:0;
}  
.columnscss
{
word-break:break-all;
word-wrap:break-word;
overflow:hidden;	
width:150px;
font-weight:bold;
font-family:Verdana;
}

.hightlighrow
    {
        background-color:#000000;
    }
   .gap2
   {
        padding-left:12px; width:10px;
   } 
 
    

/************Bala****************************/
.Thumnail1 {
     max-height:90px;
     height: expression(this.height > 90 ? 90: true);
     max-width:100px;
     width: expression(this.width > 100 ? 100: true);
}
.Thumnail {
     max-height:70px;
     height: expression(this.height > 70 ? 70: true);
     max-width:80px;
     width: expression(this.width > 80 ? 80: true);
td.thumbPics input { border:1px solid #999; margin:4px; width:52px; border-width:thin;}