/*------- CSS Import Files -------*/


@import url("error_css.php");
@import url("area_css.php");


/*------- CSS Import Files -------*/


/*------- HTML tag css -------*/

TABLE {

  border-collapse: collapse;
  font-family: arial, sans-serif;
  font-size: 12px;
  color: #333333;
  line-height: 18px;

}

TD {

  padding: 0px;
  vertical-align: top;

}

BODY {

  margin: 0px;
  font-family: arial, sans-serif;
  font-size: 12px;
  color: #333333;
  line-height: 18px;

}

HTML {

  width: 100%;
  height: 100%;

}

P {

  margin: 10px 0 0 0;

}

FORM {

  display: inline;

}

h1 {

  margin: 30px 0 15px 0;
  font-family: verdana, sans-serif;
  font-size: 13px;
  font-weight: bold;

}

h2 {

  margin: 0;
  padding: 0 0 5px 0;
  font-family: verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
  border-bottom: 1px solid #cccccc;

}

/*------- HTML tag css -------*/



/*------- Text Control css -------*/

.dgray {

  color: #333333;

}

.lgray {

  color: #777777;

}

.red {

  color: #771616;

}

.blue {

  color: #4244ae;

}

.bold {

  font-weight: bold;

}

.italic {

  font-style: italic;

}

/*------- Text Control css -------*/



/*------- Form css -------*/

.tf {

  display: inline;
  margin: 4px 0 0 5px;
  padding: 0px 5px 0 5px;
  font-family: Verdana;
  font-size: 13px;
  color: #333333;
  border: 0;
  background: none;
  
}

.tf_shorten {

  width: 50px;

}

  

.tf50 {
  width: 50px; height: 27px;
 background: url(http://dealer.mcsccc.com/img/layout/forms/tf_50_27.gif);
 vertical-align: middle;
}

.tf50 .tf {
  width: 45px;
}

.tf75 {
  width: 75px; height: 27px;
 background: url(http://dealer.mcsccc.com/img/layout/forms/tf_75_27.gif);
 vertical-align: middle;
}

.tf75 .tf {
  width: 70px;
}

.tf100 {
  width: 100px; height: 27px;
 background: url(http://dealer.mcsccc.com/img/layout/forms/tf_100_27.gif);
 vertical-align: middle;
}

.tf100 .tf {
  width: 95px;
}

.tf150 {
  width: 150px; height: 27px;
 background: url(http://dealer.mcsccc.com/img/layout/forms/tf_150_27.gif);
 vertical-align: middle;
}

.tf150 .tf {
  width: 145px;
}

.tf200 {
  width: 200px; height: 27px;
 background: url(http://dealer.mcsccc.com/img/layout/forms/tf_200_27.gif);
 vertical-align: middle;
}

.tf200 .tf {
  width: 195px;
}

.tf250 {
  width: 250px; height: 27px;
 background: url(http://dealer.mcsccc.com/img/layout/forms/tf_250_27.gif);
 vertical-align: middle;
}

.tf250 .tf {
  width: 245px;
}

.tf300 {
  width: 300px; height: 27px;
 background: url(http://dealer.mcsccc.com/img/layout/forms/tf_300_27.gif);
 vertical-align: middle;
}

.tf300 .tf {
  width: 295px;
}


.but {

  margin: 0;
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: white;

}

.but100 {
  width: 100px; height: 32px;
  background: url(http://dealer.mcsccc.com/img/layout/forms/button_100_32.gif);
  border: 0;
}

.but125 {
  width: 125px; height: 32px;
  background: url(http://dealer.mcsccc.com/img/layout/forms/button_125_32.gif);
  border: 0;
}

.but150 {
  width: 150px; height: 32px;
  background: url(http://dealer.mcsccc.com/img/layout/forms/button_150_32.gif);
  border: 0;
}


.form_desc {

  width: 100px;
  padding: 3px 5px 6px 0px;
  font-family: Arial;
  font-size: 11px;
  text-align: right;

}

.form_desc_sel_adj {

  width: 100px;
  padding: 6px 10px 6px 0px;
  font-family: Arial;
  font-size: 11px;
  text-align: right;

}

.form_input {

  margin-top: 15px;

}

/*------- Form css -------*/



/*------- General css -------*/

.link:link {

  text-decoration: none;

}

.link:visited {

  text-decoration: none;

}

.link:hover {

  text-decoration: underline;

}

.max_size {

  width: 100%;
  height: 100%;

}

.max_width {

  width: 100%;

}

.center {

  text-align: center;
  margin-left: auto;
  margin-right: auto;

}

.tablehead {

  padding: 0 0 5px 0;
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px solid #cccccc;

}

.tableinfo {

  padding: 3px 0 3px 0;

}

.psmall {

  margin: 5px 0 0 0;

}

.instructions {

  font-family: arial, sans-serif;
  font-size: 11px;
  line-height: auto;
  text-align: justify;

}  

/*------- General css -------*/




/*------- Main Layout css -------*/

#page_title {

  width: 100%;
  padding: 5px 0 10px 0;
  border-bottom: 1px solid #cccccc;

  font-family: verdana;
  font-size: 14px;
  font-weight: bold;

}

#outertable {

  width: 100%;
  height: 100%;
  background: #888888 url(../img/layout/bg/bg_grad.gif) top center repeat-y;

}

#outercell {

  width: 100%;
  height: 100%;
  text-align: center;

}

#widthtable {

  width: 800px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;

}

#header {

  width: 100%;
  height: 99px;
  background: url(../img/layout/header/header_bg.gif) top center no-repeat;

}

#header #loginfo {

  float: right;
  margin: 55px 110px 0 0;

  font-family: verdana;
  font-size: 10px;
  color: #ead4d4;

}

#header #logout {

  text-decoration: none;

  font-weight: bold;
  color: #ead4d4;

}

#header #logout:hover {

  text-decoration: underline;

}

#header #headermenu {

  margin: 78px 0 0 0;

}

#header .mopt {

  width: 140px;
  height: 21px;
  background: url(../img/layout/header/header_menu_break.gif) top right no-repeat;

  font-family: arial;
  font-size: 11px;
  font-weight: bold;
  color: #ead4d4;

}

#header .mopt div {

  width: 100%;
  height: 100%;
  padding: 1px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;

}

#header .mopt .mnhl {

  color: #ead4d4;

}

#header .mopt .mhl {

  color: #ffffff;

}

#maintable {

  width: 100%;
  height: 100%;
  background: #dedede url(../img/layout/main/main_bg_grad.gif) top left repeat-x;

}

#main {

  width: 100%;
  height: 100%;
  padding: 15px;
  background: url(../img/layout/main/main_bg_sidelines.gif) top left repeat-y; 

}

#footer {

  width: 100%;
  padding: 10px 15px 5px 15px;
  background: url(../img/layout/main/main_bg_sidelines.gif) top left repeat-y; 
  text-align: center;

}

#footer #footermenu {

  padding: 5px 0 0 0;
  text-align: center;
  border-top: 1px solid #bbbbbb;

}

#footer #footermenu table {

  margin-right: auto;
  margin-left: auto;

}

#footer #footermenu .footermenuitem {

  width: 150px;
  text-align: center;

  font-family: verdana, sans-serif;
  font-size: 10px;
  font-weight: bold;

}

#footer #footermenu .footermenuitem a {

  text-decoration: none;

}

#footer #footermenu .footermenuitem a:hover {

  text-decoration: underline;

}

#footer #copyright {

  margin: 5px 0 5px 0;
  text-align: center;

  font-family: arial, sans-serif;
  font-size: 10px;
  color: #777777;

}


/*------- Main Layout css -------*/