/* default text and background colors */
body {
  color:#000000;
  background-color: #FFFFFF;
 /* background-repeat: repeat;
  background-image:url(../images/mainbg.jpg);
  background-repeat:repeat-y;
*/  background-position:center;
font-family:Arial;
font-size:12px;
line-height:22px;
}
@font-face {
    font-family: 'InderRegular';
    src: url('fonts/Inder-Regular-webfont.eot');
    src: url('fonts/Inder-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Inder-Regular-webfont.woff') format('woff'),
         url('fonts/Inder-Regular-webfont.ttf') format('truetype'),
         url('fonts/Inder-Regular-webfont.svg#InderRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* default link color */
a { color:#ff0000; text-decoration: none; }

/* default link hover color */
a:hover { color:#DB8606; text-decoration: none; }


#container {
/*    border-color:#600c0f;
*/}

#loginform, #ticketform {
  background:#f1f1f1;
  border-color:#ccc;
}

/* bottom border of header */
#header {
 /* border-color:#000; */
	background: url("../images/topheader_2.jpg") repeat-x scroll 0 0 transparent;
    clear: both;
    height: 79px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    z-index: 99; 
  
}

#header1 {
    clear: both;
    margin: 0 auto;
    width: 1000px;
  
}


/* "SUPPORT TICKET SYSTEM" default text */
#header p {
  color:#666;
}

/* "SUPPORT TICKET" color */
#header p span {
  color:#fe7700;
}

/* top nav background and bottom border */
#nav {
background: url("../images/topheader_1.jpg") repeat-x scroll 0 0 transparent;
    clear: both;
    height: 26px;
	}

/* nav link color */
#nav li a {
  color:#FFF;
  font-weight:bold;
}

/* nav link hover color */
#nav a:hover {
  color:#FC0;
}

/* footer background and border */
#footer {
  background: none repeat scroll 0 0 #8C0407;
    color: white;
    height: 53px;
    width: 1000px;
}

#footer .footerText {
    color: #FFFFFF;
    float: left;
    padding: 0;
    width: 50%;
	padding:10px;
}

#footer .footerText div {
    float: left;
	font-size: 12px;
    padding: 10px;
}

/* Headings */
h1 {
  color:#CC0001;
}
h2 {
  color:#333;
}
h3 {
  color:#666;
}


/* Data Table */
table.tgrid {
 border-left: 1px solid;
}

table.tgrid td {
  border:1px solid;
  border-top:none;
  border-left:none;
}

table.tgrid th {
  color: #FFF;
  font-size: 12px; 
  font-weight:bold;
}


table.tgrid, table.tgrid td, table.tgrid th {
  border-color:#333;
}

/* Table headings */
table.tgrid th {
  background:#a70b0f;;
  color:#FFF;
}

table.tgrid th a, table.tgrid th a:hover {
  color:#FFF;
  text-decoration:underline;
}

/* row highlighting on hover */
.tgrid tr:hover td {  /*background-color: #131313*/
cursor:pointer; }

/* Alt rows used on most data tables */
.row1 {/* background-color: #000000;*/ }
.row2 { /*background-color: #272727;*/ }

/* auto-highlight */
.row1.highlight td,.row2.highlight td {
    background-color: #FFFFDD;
}


/* mesages, warning and errors */
.error {
    color: #FF0000;
}

.msg {
    color:#CC0001;
}

#infomessage {
  background-color: #390;
  border-color: #390;
  color: #390;
  background: #CFC;
}

#errormessage {
    border-color: #903;
    background-color: #fcc;
    color: #903;
}

#warnmessage {
    border-color: #fad163;
    background-color: #fdedc1;
}

/* Input buttons/submits colors*/
.button {
    /*text-shadow: #000 -1px -1px 1px;
    background-color: #DB8606;
    color: #FFF;
    border-color: #666;*/
	 font-family:'InderRegular';
    font-size: 13px;
	background: url("../images/button-home.png") no-repeat scroll 0 0 transparent;
    clear: both;
    cursor: pointer;
    float: left;
    height: 40px;
    text-align: center;
    width: 127px;
	border:none;
	color:#000000;
	padding-bottom:7px;


}

.inputbox {
	background: url("../images/textbox.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #000000;
    height: 37px;
    line-height: 20px !important;
    padding: 1px 2px;
    text-indent: 10px;
    width: 280px;
}
.inputboxQuantity {
	background: url("../images/textbox_qty.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #000000;
    font-size: 14px;
    height: 37px;
    line-height: 37px;
    margin: 0 0 0 2px;
    padding: 0 5px 0 0;
    text-align: center;
    vertical-align: top;
    width: 41px;
}

.selectBox {
	background: url("../images/textbox.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #000000;
    height: 37px;
    padding: 7px 0 8px 4px;
    width: 270px;
}


.textArea {
	background: none repeat scroll 0 0 transparent;
    border: 1px solid;
    font: 13px/15px Arial,Helvetica,sans-serif;
    height: 130px;
    margin: 0 0 10px;
    overflow: auto;
    padding: 2px 4px;
    width: 442px;
}
/* Assorted number of tables used on view ticket.*/

table.infotable td, table.infotable th {
   /* background-color: #292929;*/
}

table.infotable th {
    font-weight:bold;
    text-align:left;
    padding-left:3px;
}

/* Response & message background */
table.message, table.response {
    border-color:#333;
}

/* Message title */
table.message th {
    background-color: #001a47;
	color:#FFFFFF;
}
/* Response title */
table.response th {
    background-color: #5c0407;
	color:#FFFFFF;
}

/* message & response header */
table.message tr.header td, table.response tr.header td {
	font-family:'InderRegular';
    background-color: #EFEFEF;
    border-color:#ccc;
}

/* table cells bg */
table.message td, table.response td {
 /* background-color: #000;*/
}

.rcol h3, .lcol h3 { font-family:'InderRegular'; color:#CC0001;padding-left:55px;margin-top:1px; }

hr { border:none; border-bottom:1px solid #ff0006; margin:10px 0 10px 0; }
