* { margin:0; padding:0;}
body {
	background:#ececec;
	font-family:Tahoma, Arial, helvetica, sans-serif;
	font-size:100%;
	line-height:1em;
	color:#000000;
	min-width:1000px;
}

input, textarea, select { font-family:Tahoma, Arial, helvetica, sans-serif; font-size:1em;}

object { vertical-align:top; outline:none;}

.fleft { text-align:center; color:#000000;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}
.zoom { overflow:hidden;}

p { margin:0; padding:0;}

.tail-top { background:url(http://www.texassupertechs.com/images/tail-top.jpg) left top repeat-x #fff;}
.tail-top-right { background:url(http://www.texassupertechs.com/images/tail-top-right.jpg) repeat-x right top; width:50%; position:absolute; right:0; top:0; height:359px;}
.tail-bottom { background:url(http://www.texassupertechs.com/images/tail-bottom.jpg) left bottom repeat-x;}


/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#form { position:absolute; top:10px;}
#form label { float:left; display:block; color:#414141; font-size:.92em; text-transform:uppercase; margin-right:9px; line-height:1em; padding-top:3px;}
#form span { display:block; float:left; width:141px; height:17px; background:url(http://www.texassupertechs.com/images/input-bg.gif) no-repeat left top; padding:1px 5px 0 5px;} 
#form input { background:none; border:0; vertical-align:top; line-height:1em; width:141px;}

#contacts-form { clear:right; width:100%; overflow:hidden; padding:28px 40px 40px 40px;}
#contacts-form p, #contacts-form h4 {line-height:1.67em;}
#contacts-form fieldset { border:none; float:left; }
#contacts-form .field { clear:both;}
#contacts-form label { float:left; width:97px; line-height:18px; padding-bottom:8px; font-weight:bold; color:#cc7108;}
#contacts-form input { width:227px; padding:1px 0 1px 3px; background:url(images/png-bg.png) left top; border:1px solid #black; color:#414141;}
#contacts-form textarea { width:815px; height:159px; padding:1px 0 1px 3px; background:url(images/png-bg.png) left top; border:1px solid #ededed; color:#414141; margin-bottom:20px; overflow:auto;}
#contacts-form  .link1 { display:block; float:left; background:url(http://www.texassupertechs.com/images/link1-tail.gif) repeat-x top; text-transform:uppercase; color:#4f4f4f; text-decoration:none; line-height:1em; margin-bottom:-12px; padd}
#contacts-form  .link1 em { display:block; background:url(http://www.texassupertechs.com/images/link1-left.gif) no-repeat left top;}
#contacts-form  .link1 b { display:block; background:url(http://www.texassupertechs.com/images/link1-right.gif) no-repeat right top; padding:6px 20px 6px 20px; font-style:normal;}
#contacts-form  .link1 span { display:block; color:#fff; top:-13px; left:-1px; position:relative;}
#contacts-form  .link1:hover span { color:#f0bb13;}

#supportcheck-form { clear:right; width:100%; overflow:hidden; padding:28px 40px 40px 40px;}
#supportcheck-form p, #contacts-form h4 {line-height:1.67em;}
#supportcheck-form fieldset { border:none; float:left; }
#supportcheck-form .field { clear:both;}
#supportcheck-form label { float:left; width:80px; line-height:18px; padding-bottom:8px; font-weight:bold; color:#cc7108;}
#supportcheck-form input { width:200px; padding:1px 0 1px 3px; background:url(http://www.texassupertechs.com/images/png-bg.png) left top; border:1px solid #black; color:#414141;}
#supportcheck-form textarea { width:815px; height:159px; padding:1px 0 1px 3px; background:url(http://www.texassupertechs.com/images/png-bg.png) left top; border:1px solid #ededed; color:#414141; margin-bottom:20px; overflow:auto;}
#supportcheck .link1 { display:block; float:left; background:url(http://www.texassupertechs.com/images/link1-tail.gif) repeat-x top; text-transform:uppercase; color:#4f4f4f; text-decoration:none; line-height:1em; margin-bottom:-12px;}
#supportcheck.link1 em { display:block; background:url(http://www.texassupertechs.com/images/link1-left.gif) no-repeat left top;}
#supportcheck .link1 b { display:block; background:url(http://www.texassupertechs.com/images/link1-right.gif) no-repeat right top; padding:6px 20px 6px 20px; font-style:normal;}
#supportcheck .link1 span { display:block; color:#fff; top:-13px; left:-1px; position:relative;}
#supportcheck .link1:hover span { color:#f0bb13;}

#supportticket .link1 { display:block; float:left; background:url(http://www.texassupertechs.com/images/link1-tail.gif) repeat-x top; text-transform:uppercase; color:#4f4f4f; text-decoration:none; line-height:1em; margin-bottom:-12px;}
#supportticket.link1 em { display:block; background:url(http://www.texassupertechs.com/images/link1-left.gif) no-repeat left top;}
#supportticket .link1 b { display:block; background:url(http://www.texassupertechs.com/images/link1-right.gif) no-repeat right top; padding:6px 20px 6px 20px; font-style:normal;}
#supportticket .link1 span { display:block; color:#fff; top:-13px; left:-1px; position:relative;}
#supportticket .link1:hover span { color:#f0bb13;}

/*==================list====================*/
ul { list-style:none;}

.list { position:absolute; right:177px; top:14px;}
.list li { float:left; background:url(images/divider1.gif) no-repeat right top; padding-right:20px; margin-right:20px;}
.list li.last { background:none; padding-right:0; margin-right:0;}

.site-nav { position:absolute; left:12px; top:40px;}
.site-nav li { float:left; font-family:Arial, Helvetica, sans-serif; font-size:.92em; text-transform:uppercase; background:url(images/divider2.gif) repeat-y right top}
.site-nav li a { text-decoration:none; color:#bfbfbf; display:block; padding:13px 28px 2px 28px;}
.site-nav li a:hover { text-decoration:underline;}
.site-nav li.last { background:none;}

.list1 { margin-top:-24px;}
.list1 li { width:100%; overflow:hidden; vertical-align:top; padding-top:24px;}
.list1 li p,
.list1 li h4 { top:-5px; position:relative;}
.list1 li img { float:left; margin-right:15px;}
.list1 li .link1 { float:right; margin-bottom:0;}
.list1 li .link1:hover { text-decoration:none;}

.list2 { padding-bottom:20px; margin:0;}
.list2 li { font-weight:bold; padding:0 0 5px 12px; background:url(images/marker.gif) no-repeat left 5px;}


/*==================other====================*/
.img-box img { margin-bottom:15px; display:block;}

.p1 { margin-bottom:21px;}
.p2 { margin-bottom:15px;}

.phone { float:right; margin-right:30px;}


/*==================txt, links, lines, titles====================*/
a { color:#cc7108; outline:none;}
a:hover{text-decoration:none;}

h3 { color:#656565; font-family:"trebuchet MS", Helvetica, sans-serif; font-size:2.33em; text-transform:uppercase; font-weight:normal; line-height:1em; border-bottom:1px solid #ededed; padding-bottom:14px; margin-bottom:17px;}
h4 { color:#cc7108; font-size:1em; text-transform:uppercase;}
h4 a { text-decoration:none;}
h4 a:hover { text-decoration:underline;}

.link1 { display:block; float:left; background:url(http://www.texassupertechs.com/images/link1-tail.gif) repeat-x top; text-transform:uppercase; color:#4f4f4f; text-decoration:none; line-height:1em; margin-bottom:-12px;}
.link1 em { display:block; background:url(http://www.texassupertechs.com/images/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(http://www.texassupertechs.com/images/link1-right.gif) no-repeat right top; padding:6px 20px 6px 20px; font-style:normal;}
.link1 span { display:block; color:#fff; top:-13px; left:-1px; position:relative;}
.link1:hover span { color:#f0bb13;}


/*header*/
#header .logo { position:absolute; left:14px; top:88px;}
#header .slogan { position:absolute; left:15px; top:230px;}

/*content*/
#content { padding:28px 40px 40px 40px;}
#content p, #content h4 {line-height:1.67em;}

/*footer*/
#footer { color:#fff; height:95px; background:url(images/footer-bg.gif) left top repeat-x;}
#footer .indent { padding:15px 40px 20px 40px;}
#footer a { color:#000000;}
#footer img { position:relative; top:-4px;}

/*support*/
.lcol { width:350px; float:left; }
.rcol { width:350px; float:right; }
.big { font-size:13pt; line-height:1.4em; }
.lcol h3, .rcol h3 { font-size:12pt; font-weight:bold; color:#ff8100; }

.lcol .btn, .lcol .btn a, .rcol .btn, .rcol .btn a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 5px;
    border: 1px solid;
}

.error {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
    border: none;
    font-weight: bold;
}

.msg {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13.5px;
    text-decoration: none;
    font-weight: bold;
}


#infomessage, #warnmessage, #errormessage {
    margin-bottom: 1.5em;
    padding: 0.3em;
    font-weight: bold;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.Icon {
        
    width: auto;
    padding-left:20px;
    background-position: left center;
    background-repeat: no-repeat;
    color:#006699; 
    text-decoration: none;
}

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

    
.Icon.Ticket { background:url(http://www.texassupertechs.com/support/images/icons/ticket.gif) 0 2px no-repeat; }
.Icon.webTicket { background:url(http://www.texassupertechs.com/support/images/icons/ticket_source_web.gif) 0 2px no-repeat; }
.Icon.emailTicket { background:url(http://www.texassupertechs.com/support/images/icons/ticket_source_email.gif) 0 2px no-repeat; }
.Icon.phoneTicket { background:url(http://www.texassupertechs.com/support/images/icons/ticket_source_phone.gif) 0 2px no-repeat; }                
.Icon.otherTicket { background:url(http://www.texassupertechs.com/support/images/icons/ticket_source_other.gif) 0 2px no-repeat; }


.Icon.attachment { background-image: url(http://www.texassupertechs.com/support/images/icons/attachment.gif); }
.Icon.file { background-image: url(http://www.texassupertechs.com/support/images/icons/attachment.gif); }
.Icon.refresh { background-image: url(http://www.texassupertechs.com/support/images/icons/refresh.gif); }   
.Icon.thread {
    font-weight: bold;
    font-size: 1em;
    background-image: url(http://www.texassupertechs.com/support/images/icons/thread.gif);
}

/* Ticket view (Messages and Responses) */
#ticketthread table.message {
    margin:10px 0 5px 0;
}

#ticketthread table.response {
    margin-bottom:5px;
}

table.message, table.response {
    border: 1px solid;
    border-bottom: none;
}

table.message td, table.message th,table.response td, table.response th {
    border-bottom:1px solid;
    padding:5px;
}

table.message tr.header td, table.response tr.header td {
    padding:1px;
    padding-left:5px;
}

table.message th, table.response th {
    line-height:24px;
    font-size:12px;
    padding:1px;                
    padding-left:5px;
    font-weight:bold;
}

.site-nav2 { position:absolute; left:540px; top:40px;}
.site-nav2 li { float:left; font-family:Arial, Helvetica, sans-serif; font-size:.92em; font-weight:bold; text-transform:uppercase; background:url(images/divider2.gif) repeat-y right top}
.site-nav2 li a { text-decoration:none; display:block; padding:13px 28px 2px 28px;}
.site-nav2 li a:hover { text-decoration:underline;}
.site-nav2 li.last { background:none;}

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

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

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

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

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 4px;
text-decoration: none;
font-weight: bold;
}
#example1 a{ /*CSS specific to demo 1*/
text-decoration: none;
font-weight: bold;
}

#example2 div{ /*CSS specific to demo 2*/
margin-bottom: 5px;
}

#example2 div a{ /*CSS specific to demo 2*/
text-decoration: none;
font-weight: bold;
}

#example3 a{ /*CSS specific to demo 3*/
text-decoration: none;
font-weight: bold;
}

#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

code{ /*CSS for insructions*/
color: black;
}


/*==========================================*/