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

/* general css */
body {
	margin:0;
	padding:0;
	background-color:#A2936F;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
}

h1 {
	font-size:26px;
	font-weight:bold;
	padding:0;
	margin:0;
}

h2 {
	font-size:22px;
	font-weight:bold;
	padding:0;
	margin:0;
}


h3, h4 {
	font-size:14px;
	font-weight:bold;
	color:#666666;
	padding:5px;
	margin:0;
}

a {
	color:#666;
}

ul {
	list-style-position:outside;
	padding-left: 15px;
}

li {
	list-style:square;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}

select {
	border:1px solid #B5B5B5;
	margin:0 5px;
	color:#555;
	font-size:12px;
	padding:1px;
}

input {
	margin:0 5px;
	color:#555;
	font-size:12px;
	padding:1px 3px;
}

strong {
	font-weight:bold;
}

address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
caption,th {
	text-align:left;
}

q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

hr {
	border: none 0;
	border-top: 1px solid #1A7626;
	width: 100%;
	height: 1px;
}

/* main css */
#wrapper {
	width:1010px;
	margin:auto;
}

.text_left  {
	text-align:left;
}

.button, .button input {
	background-image:url(../images/bg-button.jpg);
	background-repeat:repeat-x;
	border:1px solid #CCC;
	color:#666;
	padding:0 5px 2px 5px;
	height:20px;
	font-size:11px;
}

.button a {
	text-decoration:none;
}

.text_right {
	text-align:right;
}

.float_left  {
	float:left;
}

.float_right {
	float:right;
}

tr.pager {
	height:35px;
	border:0;
}

.pager span, .pager a {
	display:table-cell;
	border:1px solid #CCC;
	background-color:#EAEAEA;
	padding: 2px 6px;
	margin: 10px 2px;
}

.no_margin {margin: 0;}

.clear { /*clear:both;*/ }
	

/* header css */
#header {
	background-image:url(../images/bg-header.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:80px;
}

#header .left {
	width:255px;
	padding:10px 0 0 25px;
	float:left;
	text-align:center;
}

#header .middle {
	width:425px;
	padding:0;
	margin:0 0 0 15px;
	float:left;
}

#header .middle img {
	padding:3px 10px 0 0;
}

#header .right {
	width:270px;
	padding:0;
	float:right;
}

#logo img {

}

#user_container {
	background-image:url(../images/user-container.jpg);
	background-repeat:no-repeat;
	height:50px;
	width:238px;
	margin-top:15px;
	font-size:11px;
	padding:5px 0 0 5px;
}

#user_container a {
	text-decoration:none;
}

/* body css */
#body {
	/*clear:both;*/
	width: 1010px;
	min-height:400px;
 
	background-image:url(../images/bg-body.jpg);
	background-repeat:repeat-y;
}

#body_left {
	width:250px;
	float:left;
	margin-left:25px;
}

#body_right {
	width:715px;
	float:right;
	margin: 0 18px 0 0;
}

.alpha_paging, .alpha_paging a {
	 
	color:#6E6E6E;
	margin:0;padding:0;
	text-decoration:none;
}

/* main menu */
#main_menu { margin-top:-1px; }

#main_menu input {
	padding:0;
	margin:0;
}

#main_menu ul{
	list-style:none;
	
	margin: 0;
	padding:0;
}

#main_menu li {
	list-style: none;
	display: inline;
	float: left;
	border-top:1px solid #FFF;
	line-height:27px;
}

#main_menu ul a {
	padding: 0 1.9em;
	display: block;
	text-decoration: none;
	font-size: 12px;
	color: #FFF;
	background-image:url(../images/menu_off.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:30px;
	font-weight:bold;
	background-color:#519325;
}

#main_menu ul a:hover {
	background-color:#187323;
	background-image:url(../images/menu_selected.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#main_menu a.selected {
	background-color:#187323;
	background-image:url(../images/menu_selected.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#main_menu img {
	padding:0;
	margin:0;
}

.no_background {
	background-color:transparent;
	border:0 !important;
}


/* main content css */
.heading {
	margin-top:8px;
	width:685px;
	background-color:#1A7626;
	border-left:1px solid #0F4C13;
	border-right:1px solid #0F4C13;
	height:19px;
	padding:10px  10px 10px;
	color:#FFF;
	vertical-align: middle;
}

.heading h2 {
	font-size:20px;
	color:#FFF;
	font-weight:bold;
	line-height: 100%;
	padding:0;
	margin:0;
}

.heading h3 {
	font-size:18px;
	color:#FFF;
	font-weight:bold;
	line-height: 100%;
	padding:0;
	margin:0;
}

.heading h4 {
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	line-height: 100%;
	padding:0;
	margin:0;
}

.heading select {
	border:1px solid #B5B5B5;
	margin:0 5px 0;
}

.heading input {
	border:1px solid #B5B5B5;
	margin:2px 5px;
}

.heading .button {
	height:18px;
}

#filter {
	width:685px;
	background-color:#FFF;
	border-left:1px solid #0F4C13;
	border-right:1px solid #0F4C13;
	height:30px;
	padding:6px 10px 0;
	color:#000;
}

.results {
	width:705px;
	background-color:#FFF;
	border-left:1px solid #0F4C13;
	border-right:1px solid #0F4C13;
	border-bottom:1px solid #0F4C13;
	padding:0;
	margin:0;
}

.results_gridviewHeader
{
    font-weight:bold;
    font-size: 12px;
}
.results_gridviewItems
{
    font-size: 12px;
}


.details_titleLbl
{    
    font-weight:bold;
    font-size: 12px;
}
.details_valueLbl
{    
    font-size: 12px;
}





#results a {
	text-decoration:none;
}

.results_2 {
	width:705px;
	background-color:#FFF;
	border:1px solid #0F4C13;
	padding: 0px 0px 5px 0px;
	margin:0;
}

#results_2 a {
	text-decoration:none;
}

.details table {
	margin:0;
	padding:0;
}

.details th {
	background-color:#DEFFD0;
	border-bottom:1px solid #CCC;
	padding-left:15px;
}

.details td {
	margin:0;
	padding:5px 5px 5px 15px;
	border-bottom:1px solid #EEE;
}

.details tr {
	margin:0;
	padding:0;
}


.action_item {
	float:right;
	margin:-30px 10px 20px 0;
}
.action_item select {
	margin-top:2px;
	height:22px;
}

#setup {
	width:685px;
	background-color:#FFF;
	border-left:1px solid #0F4C13;
	border-right:1px solid #0F4C13;
	border-bottom:1px solid #0F4C13;
	padding:6px 10px 0;
	color:#333;
}

#setup h4 {
	font-size:16px;
	font-weight:bold;
	line-height: 150%;
}


/* sidebar css*/
.sidebar {
	width:242px;
}

.sb {
	background-color:#4E9323;
	color:#FFF;
	width:240px;
	margin:0;
}

.sb a {
	margin:0;
	font-size:11px;
	color:#FFF;
	text-decoration:none;
	padding-right:5px;
}

.sb img {
	padding:0px 3px 0px 3px;
}

.sidebar h2 {
	margin:0;
	font-size:14px;
	font-weight:bold;
	padding:5px;
}

.sidebar p a {
	text-align:right;
	color:#1A7626;
	text-decoration:none;
	font-weight:bold;
	margin-bottom:10px;
}

.top {
	background-image:url(../images/sidebar-top.jpg);
	background-repeat:no-repeat;
	height:6px;
	display: block;
}

.container {
	background-color:#FFF;
	border:1px solid #1A7626;
	padding:5px;
	width:228px;
}

.container_right {
	background-color:#FFF;
	border:1px solid #1A7626;
	padding:0px 0px 5px 5px;
	width:700px;
}

.container a {
	text-decoration:none;
}

.container a:hover {
	text-decoration:underline;
}

.container li {
	line-height:150%;
}

.recent_items {
	list-style:none !important;
}

ul.recent_items {
	padding:0;
	margin:0;
}

.recent_items li {
	list-style:none !important;
	border-bottom:1px solid #EEE;
	line-height: 150%;
}

.recent_items li a {
	text-decoration:none;
}

.recent_items_grid
{
	 
	list-style:none !important;
 
	padding:0;
	margin:0;
 
	list-style:none !important;
	border-bottom:1px solid #EEE;
	line-height: 150%;
 
 
	text-decoration:none;
}


.sidebar_footer{
	clear:both;
	background-color:#4E9323;
	color:#FFF;
	width:220px;
	padding:5px 10px 0;
	margin:0;
	font-size:11px;
	font-weight:bold;
	text-align:right;
}

.sidebar_footer a {
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	padding-top:3px;
	text-decoration:none;
}

.rounded_bottom {
	background-image:url(../images/sidebar-rounded-bottom.jpg);
	background-repeat:no-repeat;
	height:6px;
	display: block;	
	margin-bottom:12px;
}

.flat_bottom {
	border-top:3px solid #1A7626;
	width:240px;
	margin-bottom:12px;
}

/* tools */
#tools {
	width:700px;
}

#tools h2 {
	margin:0;
}

#tools h3 {
	font-size:16px;
	color:#FFF;
	padding: 2px 0 0 17px;
	margin:0;
}

#tools a {
	text-decoration:none;
}

#tools a:hover {
	text-decoration:underline;
}

.left_tools {
	padding: 10px 0 10px 30px !important;
}
#tools ul {
	padding: 25px 0 10px 30px;
	margin: 10px 0;
}

#personal_tools {  
	float:left; 
	background-image:url(../images/tools-personal.jpg); 
	background-repeat:no-repeat; 
	width:240px; 
	height:27px;	
}

#general_tools { 
	float: right; 
	background-image:url(../images/tools-general.jpg); 
	background-repeat:no-repeat; 
	width: 267px; 
	height: 27px;
}

#tools .left  {
	width:160px; 
	float:left;  
}

#tools .middle  {
	width:235px; 
	float: left; 
	margin-left:34px; 
}

#tools .right  {
	width:267px; 
	float:right;
	margin-right:-1px; 
}

/* footer css*/
#footer {
	background-image:url(../images/bg-footer.jpg);
	background-repeat:no-repeat;
	height:32px;
	width:1010px;
	clear:both;
}

#footnote {
	font-size:11px;
	text-align:right;
	margin-right:35px;
	color:#000;
}

.TransitDetails
{
    padding: 8px 0px 8px 0px;
}







/* Custom */
      
   .transparent_class 
{
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
       
       
       
            
.tools_contentTitleBar 
{  
 
	width:685px;
	background-color:#1A7626;
 
	height:19px;
	padding:7px 10px 10px;
	color:#FFF;
	vertical-align: bottom;
	
	
}   

.tools_contentTitleBar h2 {
	font-size:22px;
	color:#FFF;
	font-weight:bold;
	line-height: 100%;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
} 


 
        
.tools_contentBlock1 {  
	float:left; 
    background-image: url(../../../App_Themes/MATVISION/images/tools_Sel_Left.jpg); 
	background-repeat: no-repeat; 
	width: 100%; 
	height:27px;	
		padding:0;
	margin:0;
}
.tools_contentBlock2 {  
	float:left; 
	background-image: url(../../../App_Themes/MATVISION/images/tools_UnSel_Center.jpg); 
	background-repeat: no-repeat; 
	width: 100%; 
	height:27px;	
		padding:0;
	margin:0;
}

.tools_contentBlock3 { 
	float: right; 
	background-image:url(../../../App_Themes/MATVISION/images/tools_UnSel_Center.jpg); 
	background-repeat:no-repeat; 
	width: 100%; 
	height: 27px;
	padding:0;
	margin:0;
}



.tools_Selected_Center { 
	float: right; 
	background-image: url(../../../App_Themes/MATVISION/images/tools_Sel_Center.jpg); 
	background-repeat:no-repeat; 
	width: 100%; 
	height: 27px;
	padding:0;
	margin:0;
}
.tools_UnSelected_Center { 
	float: right; 
	background-image: url(../../../App_Themes/MATVISION/images/tools_UnSel_Center.jpg); 
	background-repeat:no-repeat; 
	width: 100%; 
	height: 27px;
	padding:0;
	margin:0;
}

.tools_Selected_Left { 
	float: right; 
	background-image: url(../../../App_Themes/MATVISION/images/tools_Sel_Left.jpg); 
	background-repeat:no-repeat; 
	width: 100%; 
	height: 27px;
	padding:0;
	margin:0;
}
.tools_UnSelected_Left { 
	float: right; 
	background-image: url(../../../App_Themes/MATVISION/images/tools_UnSel_Left.jpg); 
	background-repeat:no-repeat; 
	width: 100%; 
	height: 27px;
	padding:0;
	margin:0;
}



.tabFontCss 
{
      position: relative;
	font-size:16px;
	color:#FFF;
	padding: 2px 0 0 17px;
	 
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
	line-height: 100%;
	 margin-top: 30px;
}.classWidthPercentage 
{
  width: 40%;
}



        #contentHolder
        {
            height: 28px;
            width: 720px;
        }
        .style2
        {
            height: 222px;
        }
        #contentHolder_blockContent
        {
            height: 224px;
        }
        
        
        .MATVISION_FILTER_ALPHA_SEL
        {
              color: Red;
        }    
             .MATVISION_FILTER_ALPHA_UNSEL
        {
               color: Black;
        }      
        
        
.TRANS_GREY_70P
{  
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    -moz-opacity: 0.7;
}

.progress
{
    border-style: solid;
    border-width: thin;
    position: absolute;
    bottom: 50%;
    left: 50%;
    color: #000000;
    width: auto;
    background-color: #FFFFFF;
}

.progress img
{
    DISPLAY: block;
    margin-left:auto;
    margin-right:auto;
}

TD {font-size:12px; color:#000000;}

.linkLrg 
{
    font-family:Verdana,Arial,Helvetica,sans-serif; 
    font-size:12px;
    color:#0066CC;
}
.linkLrgB 
{
    font-family:Verdana,Arial,Helvetica,sans-serif; 
    font-size:12px;
    color:#0066CC;
    font-weight:bold;
}
.linkTop 
{
    font-family:Verdana,Arial,Helvetica,sans-serif; 
    font-size:12px;
    color:#FFFFFF;
}
.linkTopB 
{
    font-family:Verdana,Arial,Helvetica,sans-serif; 
    font-size:12px;
    color:#FFFFFF;
    font-weight:bold;
}

.topView  
{ 
    background-color:#386da5; 
    font-weight:bold; 
    color:#FFFFFF;
}

.title_1 
{
    font-family:Verdana,Arial,Helvetica,sans-serif; 
    font-size:12px; 
    font-weight:bold;
    color:#dc7c30;
}
.title_2 
{
    font-family:Verdana,Arial,Helvetica,sans-serif; 
    font-size:12px; 
    color:#FFFFFF;
}
.title_3 
{
    font-family:Verdana,Arial,Helvetica,sans-serif; 
    font-size:12px; 
    font-weight:bold;
    color:#a2c9e1;
}
.title_4 
{
    font-family:Verdana,Arial,Helvetica,sans-serif; 
    font-size:14px; 
    color:#FFFFFF;
}
.title_5 
{
    font-family:Verdana,Arial,Helvetica,sans-serif; 
    font-size:14px; 
    color:#FFFFFF;
    font-weight:bold;
}
.title_6 
{
    font-family:Arial Black, Verdana,Arial,Helvetica,sans-serif; 
    font-size:12px; 
    font-weight:bold;
    color:#999999;
}
.title_7 
{
    font-family:Arial Black, Verdana,Arial,Helvetica,sans-serif; 
    font-size:14px; 
    color:#FFFFFF;
    font-weight: bold;
}

.txtSmall 
{
    font-size:10px; 
    color:#000000;
} 

.btnMain 
{
    BACKGROUND-COLOR: #5782AF;
    text-align: center;
    font-size: 8pt; font-weight: bold;
    COLOR: #FFFFFF; CURSOR: hand;
    BORDER-RIGHT: #000000 2px solid; 
    BORDER-BOTTOM: #000000 2px solid;
    BORDER-TOP: #BECADC 2px solid; 
    BORDER-LEFT: #BECADC 2px solid; 
} 

.btnSetup
{
    BACKGROUND-COLOR: #cccccc;
    text-align: center;
    font-size: 8pt; font-weight: bold;
    COLOR: #000000; CURSOR: hand;
    BORDER-RIGHT: #696969 2px solid; 
    BORDER-BOTTOM: #696969 2px solid;
    BORDER-TOP: #dddddd 2px solid; 
    BORDER-LEFT: #dddddd 2px solid; 
} 
	
.btnVision
{
    BACKGROUND-COLOR: #6fd176;
    text-align: center;
    font-size: 8pt; font-weight: bold;
    COLOR: #FFFFFF; CURSOR: hand;
    BORDER-RIGHT: #000000 2px solid; 
    BORDER-BOTTOM: #000000 2px solid;
    BORDER-TOP: #BECADC 2px solid; 
    BORDER-LEFT: #BECADC 2px solid;  
} 

tr.search   
{ 
    background-color:#dddddd;
    font-weight:bold;
}
td.result   
{ 
    background-color:#ffffff;
    font-weight:bold;
    color:#1764b5;
}
table.outer 
{ 
    height:700px; 
    border-color:#386da5; 
    border-style:solid; 
    border-width:1px;
}
table.inner 
{ 
    border-color:#dc7c30; 
    border-style:solid; 
    border-width:1px;
}
table.edit  
{ 
    border-color:#dc7c30; 
    border-style:solid; 
    border-width:1px;
    background-color:#eeeeee;
}

table.items 
{ 
    border-style:solid; 
    border-top-color:#386da5;
    border-bottom-color:#dc7c30; 
    border-right-color:#dc7c30;
    border-left-color:#dc7c30; 
    border-width:1px;
    background-color:#386da5;
}

.bottomView 
{
    position:relative;
    background-color:#eeeeee;
    width:950px;
}
.bottomInner 
{
    padding:5px;
}
div.setup   
{ 
    border-color:#dc7c30; 
    border-style:solid; 
    border-width:1px;
    background-color:#eeeeee; 
    width:440px;
}
div.qt   
{ 
    border-color:#6fd176; 
    border-style:solid; 
    border-width:1px;
    background-color:#eeeeee; 
    padding:5px; 
    min-height:180px;
}
div.qt2   
{ 
    border-color:#6fd176; 
    border-style:solid; 
    border-width:1px;
    background-color:#ffffff; 
    padding: 0px 0px 5px 0px
}
div.qt3   
{ 
    border-color:#6fd176; 
    border-style:solid; 
    border-width:1px;
    background-color:#eeeeee; 
    width:628px; 
    padding:5px;
}
div.qt4   
{ 
    border-color:#6fd176; 
    border-style:solid; 
    border-width:1px;
    background-color:#ffffff; 
    width:270px; 
    padding:5px;
}
div.search  
{ 
    border-color:#dc7c30; 
    border-style:solid; 
    border-width:1px;
    background-color:#eeeeee; 
    width:390px; 
    padding:5px;
}
div.bmw    
{ 
    border-style:solid; 
    border-width:1px;
    background-color:#ffffff; 
    width:930px; 
    padding:5px;
    border-color:#dc7c30;
}
div.bmw2    
{ 
    border-style:solid; 
    border-width:1px;
    background-color:#eeeeee; 
    width:930px; 
    padding:5px;
    border-color:#dc7c30;
} 
div.vision  
{ 
    border-style:solid; 
    border-width:1px;
    background-color:#ffffff; 
    width:630px; 
    padding:5px;
    border-color:#6fd176;
}    
div.program 
{ 
    border-style:solid; 
    border-width:1px;
    background-color:#ffffff; 
    width:800px; 
    padding:5px;
    border-color:#dc7c30;
}

.balloonstyle
{
    position:absolute;
    top: -500px;
    left: 0;
    padding: 5px;
    visibility: hidden;
    border:1px solid #bbbbbb;
    font:normal 12px Arial, Helvetica, sans-serif;
    line-height: 18px;
    z-index: 100;
    background-color: #fefdee;
    width: 350px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
    z-index: 99;
    position:absolute;
    top: -500px;
    left: 0;
    visibility: hidden;
}

.CarrierResults td
{
    border-color:Gray; 
    border-style:solid; 
    border-width:1px;
}

.PreviewEmail
{
    background-color:White;
    color: Black;
    padding: 2px;
    overflow: auto;
}

.Center
{
    margin-left: auto; 
    margin-right:auto;
}

.ImageButton
{
    border-style: none; 
    background-color: Transparent; 
    background-repeat: no-repeat; 
    cursor:pointer;
}

.errorPanel
{
    margin: 5px auto 5px auto;
    background-color: #DBD9DA; 
    border-style:solid; 
    border-color:Red;
    width: 30%;
    text-align:center;
}

.successPanel
{
    margin: 5px auto 5px auto;
    background-color: #DBD9DA; 
    border-style:solid; 
    border-color:Green;
    width: 30%;
    text-align:center;
}

.BoldText
{
    font-weight: bold;
}

.topBorder
{
    border-top-color:Black;
    border-top-width: 3px;
    border-top-style: solid;
}

.TypeLine
{
    width: 100%;
}

.ModelLine
{
    margin-left: 5%;
    left: 10%;
    width:95%;
    clear:both;
    height:15px;
}

.SizeLine
{
    margin-left:10%;
    left: 10%;
    width: 90%;
    clear:both;
    height:15px;
}

.linkPanel_UnSel_Panel
{
    background-color: #519325;
    background-image: url("../images/tabUnselected.jpg");
    background-repeat: no-repeat;
    margin-right: 5px;
    vertical-align: middle;
    text-align: center;
    height:29px;
    width:101px;
    float:left;
}

.linkPanel_UnSel_Link
{
    color: White;
    line-height:29px;
}

.linkPanel_Sel_Panel
{
    background-color: #1a7626;
    background-image: url("../images/tabSelected.jpg");
    background-repeat: no-repeat;
    margin-right: 5px;
    vertical-align: middle;
    text-align: center;
    height:29px;
    width:101px;
    float:left;
}

.linkPanel_Sel_Link
{
    color: White;
    line-height:29px;
}