body {
	background:#ffffff url('/images/bg-repeat.jpg') repeat-x;
}

#container {
	margin:0 auto;
	position:relative;
	width:900px;
}

.topLink {
	float:right;
	background:url('/images/topContact.jpg') no-repeat;
	padding:10px 25px;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	color:#525252;
}

.logo {
	padding:25px 20px;
	float:left;
}

#links {
	position:relative;
	clear:both;
	top:0px;
	left:0px;
	width:900px;
	height:32px;
	margin-bottom:1px;
	background:#000000 url('/images/navBG.jpg') repeat-x;
	z-index:100;
}

/*  Top Link style*/

#links ul {
	float:left;
	padding:0;
	margin:0px 0px 0px 10px;
	list-style-type:none;
}
#links li {
	float: left;
	padding: 0;
}
#links li a {
	display:block;
	font-family:arial;
	color:#ffffff;
	text-decoration:none;
	font-size:12px;
	padding:10px 15px 10px 15px;
	font-weight:bold;
}
#links li a:hover, #links li.current a {
	background-color:#525252;
}

/****expanded navigation **/

#links ul ul {
	float: left;
	background: #525252;
	font-weight: bold;
	padding: 0;
	border:1px solid #ffffff;
	border-top:1px solid #ffffff;
	z-index:100;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

#links ul li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 190px;
	font-weight: normal;
	margin: 0;
}

#links ul li li {
	width: 150px;
	border:0px;
}


#links ul li ul ul {
	margin: -30px 0 0 175px;
}

#links ul li:hover ul ul, #links ul li.sfhover ul ul {
	left: -999em;
}

#links ul li:hover ul, #links ul li ul li:hover ul, #links ul li.sfhover ul, #links ul li ul li.sfhover ul  {
	left:auto;
	z-index:1000;
}

#links ul li:hover a, #links ul li.sfhover a{
	background:#525252;
	color:#ffffff;
	padding:10px 14px 10px 14px;
	border-right:1px solid #888888;
	border-left:1px solid #888888;
}


#links ul li ul li:hover a {
	color:#ffffff;
}

#links ul li ul li a {
	width:160px;
	background:#525252;
	color:#ffffff;
	font-size:11px;
	font-weight:400;
	border:0px;
	border-bottom:1px solid #888888;
	line-height:16px;
}

#links ul li ul a:hover {
	background:#777777;
	color:#ffffff;
}

/**end expanded*/

.flash {
	float:right;
}

h2, h1 {
	font-family:arial;
	font-size:20px;
	font-weight:400;
	margin:10px 0px;
	color:#2e4652;
	line-height:26px;
}

h3 {
	font-family:arial;
	font-size:15px;
	color:#ff6a00;
	margin:10px 0px;
	line-height:22px;
}

p {
	font-family:arial;
	font-size:13px;
	line-height:20px;
	margin:10px 0px;
}

.exciteBox {
	float:left;
	background:url('/images/exciteBox.jpg') no-repeat;
	width:321px;
	height:222px;
}

.exciteBox h2 {
	color:#ffffff;
	padding:0px 15px;
}

.exciteBox p {
	color:#ffffff;
	padding:10px 30px 10px 25px;
	font-size:15px;
}

.exciteBox .link {
	text-align:right;
	text-transform:uppercase;
}

.exciteBox .link a {
	color:#ffd200;
	font-weight:bold;
	text-decoration:none;
}

.exciteBox .link a:Hover {
	text-decoration:underline;
	color:#ffff00;
}

#content {
	background:#ffffff url('/images/leftBar.gif') top left repeat-y;
	clear:both;
	padding-top:0px;
	border-bottom:1px solid #ffffff;
}

#contentInt {
	background:#ffffff url('/images/leftNavBG.gif') repeat-y top left;

}

#rightMain {
	float:left;
	width:659px;
	padding:0px 0px 0px 1px;
}

#leftNav {
	float:left;
	width:240px;
}

.leftBar {
	float:left;
	width:321px;
}

.leftBar h2 {
	color:#938870;
	padding:0px 15px;
}

.leftBar p {
	color:#938870;
	padding:0px 20px;
}

.leftBar a {
	color:#d45b00;
}

.bodyText {
	float:left;
	width:539px;
	padding:0px 0px 0px 20px;
}

.bodyTextInt {
	float:left;
	width:639px;
	padding:10px 0px 10px 20px;	
}

.bodyText h1, .bodyTextInt h1 {
	color:#11435c;
}

.bodyText p, .bodyTextInt p{
	color:#444444;
}

.bodyText a, .bodyTextInt a{
	color:#1d82a7;
}

.bodyTextInt ul {
	list-style:disc;
	margin:10px 20px;
}

.bodyTextInt li {
	font-family:arial;
	font-size:13px;
	color:#333333;
	line-height:20px;
}

.mainSub {
	width:100%;
	background:url('/images/orangeInt.jpg') repeat-y;
	height:170px;
}

.mainSub p {
	margin:0px;
	padding:15px;
	color:#ffffff;
}

.features {
	position:relative;
	margin: 0 auto;
	margin-top:20px;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
}

.features th, .features td {
	padding:10px;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	font-family:arial;
	font-size:13px;
	color:#333333;
}

.features th {
	background:#d0d0d0;
}

.features .odd {
	background:#f0f0f0;
}

.label {
	font-size:11px;
	margin:0 auto;
	width:390px;
}

#subFoot {
	background:#767676;
	width:100%;
	clear:both;
}

#subFootContain {
	background:#9c9c9c;
	margin:0 auto;
	width:900px;
	padding:0px;
}

#footer {
	width:100%;
	background:#c4c4c4 url('/images/footer.jpg') repeat-x;
}

#footerContain {
	margin:0 auto;
	width:880px;
	padding:10px;
	height:152px;
	background:#e0e0e0;
}

.subMain {
	border-top:1px solid #767676;
	background:#c0c0c0 url('/images/subMainarrow.jpg') no-repeat top right;
	float:left;
	width:296px;
	height:118px;
	padding:10px 40px 10px 10px;
}

.subMain h2 {
	color:#2e4650;
}

.subServ a {
	color:#222222;
	text-decoration:none;
}

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

.subServ {
	float:left;
	width:153px;
	margin:15px 10px 0px 0px;
	padding:0px 10px;
	border-right:1px solid #767676;
}

.subServ h3 {
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:900;
}

.subServ p {
	font-size:11px;
}

#footerContain ul {
	padding:0px 20px;
}

#footerContain ul li {
	color:#26516a;
	display:block;
	float:left;
	font-family:arial;
	font-size:13px;
	width:220px;
	padding:3px 20px 3px 0px;
}

#footerContain ul li ul {
	padding:5px 20px 0px 0px;
}

#footerContain ul li ul li {
	clear:left;
	display:inline;
	color:#525252;
	line-height:20px;
}

#footerContain ul li ul li a {
	text-decoration:none;
	color:#777777;
}

.search {
	float:right;
	margin-right:10px;
	margin-top:5px;
	font-family:arial;
	color:#ffffff;
	font-size:13px;
	width:176px;
}

.searchInput {
	border:1px solid #000000;
	padding:2px;
	margin:0px;
}

.searchImage {
	position:relative;
	float:right;
	margin-top:1px;
}

.copyright {
	clear:both;
	height:45px;
	padding-top:10px;
	margin:0 auto;
	width:880px;
}

.copyright p {
	font-size:11px;
	color:#444444;
}

.copyright p a {
	color:#444444;
}

#leftNav h3 {
	font-family:arial;
	font-size:24px;
	font-weight:400;
	margin:0px;
	padding:71px 0px 5px 10px;
	color:#817860;
	background:#cdc3aa;
}

#leftNav ul {
	list-style:none;
	width:239px;
	padding-top:0px;
}

#leftNav ul li {
	color:#ffffff;
	display:inline;
	width:239px;
}

#leftNav ul li a {
	float:left;
	width:220px;
	color:#993300;
	padding:10px 0px 10px 20px;
	border-bottom:1px solid #c9bea3;
	border-top:1px solid #ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:400;
	text-decoration:none;
}

#leftNav ul li a:hover {
	background:#dfd3b5;
}

#leftNav ul li.current a{
	background:#dfd3b5;
}

.breadcrumbs {
	font-size:11px;
	font-family:verdana;
	color:#999999;
	margin:10px 20px 0px 20px;
}

.breadcrumbs a{
	color:#1d82a7;
}


.portPrev {
	float:left;
	display:inline;
	margin:6px;
	background:#f0f0f0;
	padding:7px;
	border:1px solid #cacaca;
}

.portPrev img {
	border:1px solid #999999;
	padding:4px;
	background:#ffffff;
}

.portPrev h3 {
	margin:10px 0px 0px 0px;
}

.portPrev p {
	font-size:11px;
	margin:0px;
}

.author {
	text-align:right;
	font-weight:bold;
	font-style:italic;
}

hr {
	background:#d0d0d0;
	border:0px;
	color:#d0d0d0;
	height:1px;
	margin:10px 0px;
	clear:both;
}


    #index .box {
      width:252px;
      float:left;
    }
    
    #index .box p {
        clear:both;
        padding-top:10px;
        text-align:justify;
    }
    
    #content form {
      margin:0;
      padding:0;
    }
    
      #content form label {
        display:block;
        width:60px;
        padding-right:10px;
        text-align:right;
        float:left;
        font-weight:bold;
      }
      
      #content #index form input {
        width:175px;
        float:left;
      }
        
    #content #bar {
      width:21px;
      height:auto;
      display:block;
      float:left;
   }
   
   #ticketform {
     padding:20px 20px 50px 20px;
     width:600px;
     margin:20px auto 20px auto;
     border:1px solid;
   }
   
   #loginform {
     padding:20px 20px 50px 20px;
     width:400px;
     margin:20px auto 20px auto;
     border:1px solid;
   }
   
   #ticketform input, #ticketform select {
     width:300px;
     float:left;
   }

   #loginform input {
     width:160px;
     float:left;
   }
      
   #ticketform label {
     width:130px;
     text-align:right;
     display:block;
     float:left;
     padding-right:10px;
   }
   
   #loginform label {
     width:130px;
     text-align:right;
     display:block;
     float:left;
     padding-right:10px;
   }
   
   #ticketform textarea {
     width:400px;
   }
   
   #ticketform .ticketsubmit {
     margin-left:410px;
   }
   
   #loginform .ticketsubmit {
     margin-left:170px;
   }

   
  #powered_by {
      clear:both;
      display:block;
      width:126px;
      height:23px;
  }
   

.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;
}


/* Buttons  */
.button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 5px;
    border: 1px solid;
}
    
/* Generic CSS based Icons. use=> <tag class="Icon iconname">text</tag> */
    
.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(../images/icons/ticket.gif) 0 2px no-repeat; }
.Icon.webTicket { background:url(../images/icons/ticket_source_web.gif) 0 2px no-repeat; }
.Icon.emailTicket { background:url(../images/icons/ticket_source_email.gif) 0 2px no-repeat; }
.Icon.phoneTicket { background:url(../images/icons/ticket_source_phone.gif) 0 2px no-repeat; }


.Icon.attachment { background-image: url(../images/icons/attachment.gif); }
.Icon.file { background-image: url(../images/icons/attachment.gif); }
.Icon.refresh { background-image: url(../images/icons/refresh.gif); }   
.Icon.thread {
    font-weight: bold;
    font-size: 1em;
    background-image: url(../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;
}

/* taken from colors */



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

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

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


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

/* Table headings */
table.tgrid th {
  background:#ADADAD;;
  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: #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;
}


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

.msg {
    color:#006699;
}

td {
	font-family:verdana, helvetica, sans serif;
	font-size:11px;
	color:#5b5346;
	line-height:16px;
}

/* Assorted number of tables used on view ticket.*/

table.infotable td, table.infotable th {
    background-color: #F4FAFF;
}

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

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

/* Message title */
table.message th {
    background-color: #C3D9FF;
}
/* Response title */
table.response th {
    background-color: #FFE0B3;
}

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

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