﻿* {
	padding: 0px;
	margin: 0px;
}

body 
{
	padding: 0px 0px 0px 0px;
	/*background-color: #E9E4CD;*/
	/*background-color: #ffffff;*/
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;	
	vertical-align:top;	
}

#everything {
	margin: 0px auto;
	padding: 0px;
	max-width: 1500px;
	min-width: 700px;
	width:1024px;
}
.nobr
{
	overflow:hidden;
	text-overflow:ellipsis;
}

.welcome 
{
	float: left;
	text-align: left;
	padding: 12px 15px 0 23px;
	font-size: 15px;
	font-weight: bold;
	color: #535353; 
}

.innerBg
{
	background-color: #ffffff; 
}

#title1 
{
	background-image: url(../images/titlebar_bg.gif);
	background-repeat: repeat-x;
	background-color: #ffffff; 
	border: solid 0px black;
}
#title2 
{
	height: 42px;
	background-image: url(../images/titlebar_right.gif);
	background-position: right;
	background-repeat: no-repeat; 
}

#title3 
{
	height: 42px;
	background-image: url(../images/titlebar_left.gif);
	background-repeat: no-repeat; 
	color: #535353;
}

#box_content_topl
{
margin: 0px  auto;
padding: 0px;
background-image: url(../images/box_std_topl.gif);
background-repeat: no-repeat;
background-position: left top;
width:16px;
height:16px;
}
#box_content_topr{
margin: 0px  auto;
padding: 0px;
background-image: url(../images/box_std_topr.gif);
background-repeat: no-repeat;
background-position: left top;
width:16px;
height:16px;
}
#box_content_top{
margin: 0px  auto;
padding: 0px;
background-image: url(../images/box_std_top.gif);
background-repeat: repeat-x;
background-position: left top;
height:16px;
}
#box_content_left{
margin: 0px  auto;
padding: 0px;
background-image: url(../images/box_std_left.gif);
background-repeat: repeat-y;
background-position: left top;
width:16px;
}
#box_content_right{
margin: 0px  auto;
padding: 0px;
background-image: url(../images/box_std_right.gif);
background-repeat: repeat-y;
background-position: left top;
width:16px;
}
#box_content_bottoml{
margin: 0px  auto;
padding: 0px;
background-image: url(../images/box_std_bottoml.gif);
background-repeat: no-repeat;
background-position: left top;
width:16px;
height:16px;
}
#box_content_bottomr{
margin: 0px  auto;
padding: 0px;
background-image: url(../images/box_std_bottomr.gif);
background-repeat: no-repeat;
background-position: left top;
width:16px;
height:16px;
}
#box_content_bottom{
margin: 0px  auto;
padding: 0px;
background-image: url(../images/box_std_bottom.gif);
background-repeat: repeat-x;
background-position: left top;
height:16px;
}
#box_header_shadow{
margin: 0px  auto;
padding: 0px;
background-image: url(../images/box_header_shadow.gif);
background-repeat: repeat-x;
background-position: left top;
height:3px;
}

/***************************
Top Most White Gap
***************************/
#whitegap td{
height:6px;
background-color:#FFFFFF;
}

/***************************
Top Menu
***************************/
#topmenu {
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}

#topmenu_icon {
	padding-left: 10px;
	text-align: left;
	padding-top:4px;
	
	}

#topmenu_icon table{
	padding-top:15px;
}

#topmenu a {
	color: #fff;
	padding-right: 15px;
	margin-right: 15px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	border-right: 1px solid;
}
#topmenu a:hover {
	text-decoration: underline;
}
#topmenu .sub {
	color: #fff;
	padding-right: 15px;
	margin-right: 15px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	border-right: 0px solid;
}

/***************************
Logout
***************************/
#logout {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	text-align: right;
}
#logout a {
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
#logout a:hover {
	text-decoration: underline;
}


/***************************
Left Menu
***************************/
#leftmenu {
	width: 170px;
	text-align: left;
	background-image: url(../images/seperator.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-bottom: 2px;	
}

#leftmenu {
list-style: none; 
}

#leftmenu li {
	background-image: url(../images/seperator.gif);
	background-repeat: repeat-x;
	background-position: top;	
}


.formbutton 
{
	border: 1px solid #333333;
	height: 18px;
	font: 11px tahoma,arial,helvetica;
	background-color: #eeeeee;
	background-image: url(../images/button_shadow-2.gif);
}

.mainframecls
{	
	background-color:#ffffff;	
}

/* management */
#rightcol 
{
	text-align: left;
	margin-left: 1px;
	margin-right: 10px;
	margin-bottom: 50px; 
	border:solid 0px black;
	padding-left:5px;
	padding-top:2px;
}

/* Filter */
#filter1 {
	background-image: url(../images/searchbar_bg.gif);
	background-repeat: repeat-x;
	border: solid 0px black;
	background-color:#F5F5F0;
	height: 42px;
}
#filter2 {
	height: 42px;
	background-image: url(../images/searchbar_right.gif);
	background-position:right;
	background-repeat: no-repeat; 
	color: #535353;
}
#filter3 {
	height: 42px;
	background-image: url(../images/searchbar_left.gif);
	background-repeat: no-repeat; 
	color: #535353;
}


.subheader{
background-image: url(../images/sub_header_body.gif);
background-repeat: repeat-x;
height: 30px;
 padding-bottom: 5px; 
}

.subheader1{
background-image: url(../images/sub_header_left.gif);
background-repeat: no-repeat;
height: 30px;
}

.subheader2{
background-image: url(../images/sub_header_right.gif);
background-position: right;
background-repeat: no-repeat;
}


.subtitle1{
 font-size: 13px;
 font-weight: bold;
 color: #000000;
 width: 90%;
 float: left;
 text-align: left;
 padding-top: 5px;
 padding-left: 10px;
}
.search_filter 
{
	float: left;
	text-align: left;
	padding:  0px  10px  0px  23px;
	font-size: 11px;
	color: #535353; 
}
.search_filter INPUT,SELECT
{
	margin-top:10px;
	font-size: 11px;
}

.search_filter h2 {
	color: #000000; 
	font-weight:bold;
	font-size:13px;
	padding: 10px 0px 0px 0px;
}
.filter_link 
{
	float:  right;
	text-align: left;
	padding:  0px 10px  0px  5px;
	font-size: 11px;
	color: #000000; 
}
.filter_link img 
{ 
	border: 0;
}
.filter_link a 
{
	text-decoration: none;
	color: #000000; 
	font-size: 11px;
	font-weight:normal;
}
.filter_link a:hover 
{
	text-decoration: underline;
}

.section {
	padding-top:0px;
	padding-left:0px;
	padding-bottom:5px;
	background-color: #f0f0f0; 
}



.key1 {
text-align: left;
padding: 5px;
}
.key1 img { 
border: 0;
}
.key1 a {
text-decoration: none;
color: #000000; 
font-size: 11px;
}
.key1 a:hover {
text-decoration: underline; 
}


.form4 {
margin-left: 15px;
margin-bottom: 15px;
}

.form4 label {
float: left;
display: block;
width: 150px;
border: 0px solid;
margin-bottom: 10px;
margin-right: 10px;
}

.form4 textarea, .form4 input, .form4 select {
width: 250px;
margin-bottom: 10px;
}

.form4 br {

clear:both;
}

.form4 a {
text-decoration: none;
color: #000000; 
vertical-align: top;
}

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

h1 {
color: #5A1414;
font-size: 11px;
background-color: #E9E4CD;
border-top: 1px solid #958E6C;
border-bottom: 1px solid #958E6C;
padding: 4px 0 4px 10px;
margin-bottom: 5px; 
}

h2 {
padding: 5px 0 5px 0px;
color: #000000;
font-size: 15px;
font-weight: bold; 
text-align:left; 
}
h3 {
padding-top: 10px;
font-size: 12px;
color: #000000;
}
h4 {
margin: 10px;
color: #000000;
font-size: 11px;
}

h5 
{
padding: 5px 0 5px 0px;
color: #415d9b;
font-size: 12px;
font-weight: bold; 
text-align:left;
}


#ticket{
float: left;
display: block;
width: 100%;
}

#ticket a{
color: black;
text-decoration: none;
}

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

#ticket .bottom{
/*background-image: url(../images/tab_bottom_t.gif);
background-repeat: repeat-x;
background-position: left bottom;*/
border-bottom: solid 1px #B6B39F;
}

#ticket .selected_bottom{
background-image: url(../images/tab_bottom_selected.html);
background-repeat: repeat-x;
background-position: left bottom;
}

#ticket .container{
border-left: solid 1px #B6B39F;
border-right: solid 1px #B6B39F;
border-bottom: solid 1px #B6B39F;
width: 100%;
height: 350px;
vertical-align: top;
padding: 3px 3px 3px 3px;
}

#ticket .last{
/*width: 50%;*/
width:350px;
height: 25px;
}

#ticket .new_ticket_selected,
#ticket .open_ticket_selected,
#ticket .completed_ticket_selected,
#ticket .support_ticket_selected,
#ticket .tech_ticket_selected,
#ticket .new_ticket_unselected,
#ticket .open_ticket_unselected,
#ticket .completed_ticket_unselected,
#ticket .support_ticket_unselected,
#ticket .tech_ticket_unselected
{
height: 25px;
width: 120px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: solid 0px;
}

#ticket .new_ticket_selected a,
#ticket .new_ticket_unselected a,
#ticket .open_ticket_selected a,
#ticket .open_ticket_unselected a,
#ticket .completed_ticket_selected a,
#ticket .completed_ticket_unselected a,
#ticket .support_ticket_selected a,
#ticket .support_ticket_unselected a,
#ticket .tech_ticket_selected a,
#ticket .tech_ticket_unselected a
{
display: block;
background-position: left bottom;
background-repeat: no-repeat;
width: 120px;
height: 25px;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#ticket .new_ticket_selected a{
background-image: url(../images/new_ticket_selected.html);
}
#ticket .new_ticket_unselected a{
background-image: url(../images/new_ticket_unselected.html);
}

#ticket .open_ticket_selected a{
background-image: url(../images/open_ticket_selected.gif);
}
#ticket .open_ticket_unselected a{
background-image: url(../images/open_ticket_unselected.gif);
}

#ticket .completed_ticket_selected a{
background-image: url(../images/completed_ticket_selected.gif);
}
#ticket .completed_ticket_unselected a{
background-image: url(../images/completed_ticket_unselected.gif);
}

#ticket .support_ticket_selected a{
background-image: url(../images/support_ticket_selected.gif);
}
#ticket .support_ticket_unselected a{
background-image: url(../images/support_ticket_unselected.gif);
}

#ticket .tech_ticket_selected a{
background-image: url(../images/tech_ticket_selected.html);
}
#ticket .tech_ticket_unselected a{
background-image: url(../images/tech_ticket_unselected.html);
}
#complete a {
	color: Black;	
	BORDER-LEFT:black 1px solid;
}
#gridlink_a a 
{
	color:Black;
}

/* End */


/*Showgeneral info */
.td_header
{
	background-color:#E9E4CD;
	font-weight:bold;
  color:Black;
	width:100%;
	height:24px;
	text-align:center;
}
.td_header td
{
	border-bottom:solid 1px  #958E6C;
	border-top:solid 1px  #958E6C; 
 padding:0px 5px 0px 3px;
}
.td_header a
{
	 color:#000000;
	 font-weight:normal;
	 font-size:10px;
	 text-decoration:none;
	 
}
.td_header a:hover
{
	 text-decoration:underline;
}
.td_data0
{
	vertical-align: top;
	color: silver;
	font-size:10px;
	/*background-color: #eae9cd;*/
	text-align: left;
}
.td_data1
{
	background-color:#EAE9CD;
	color:Black;
	text-align:right;
	vertical-align:top;
	padding-right:5px;
	height:18px;
}
.td_data2
{
	background-color:#F5F5F5;
	color:Black;
	text-align:left;
	padding-left:5px;
}
.td_data3
{
	background-color:#E9E9E9;
	color:#808080;
	text-align:center;
}
.td_data3 a
{
	 color:#000000;
	 font-weight:normal;
	 font-size:10px;
	 text-decoration:none;
}
.td_data3 a:hover
{
	 text-decoration:underline;
}

.name_title a {
color: #000000;
font-size: 11px;
font-weight: bold;
text-decoration: none; 
}

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

/*end */

.continued
{
	overflow: hidden;
	text-overflow: ellipsis;
}

.tab_selected
{
	background-image:url(../images/focustab_selected.html);
	background-repeat:no-repeat;
	width:76px;
	height:20px;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	cursor:hand;
	color:#860000;
	font-size:11px;
}
	.tab_deselected
{
	background-image:url(../images/focustab_unselected.html);
	background-repeat:no-repeat;
	width:76px;
	height:20px;
	text-align:center;
	vertical-align:middle;
	cursor:hand;
	font-size:11px;
}
.tab_selected a{color:#800000;}
.tab_deselected a{color:#000000;}
.tab_selected a, .tab_deselected a{text-decoration:none;}
.tab_selected a:hover, .tab_deselected a:hover{text-decoration:none;}


.tab_selected_long
{
	background-image:url(../images/tabselected.html);
	background-repeat:no-repeat;
	width:130px;
	height:20px;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	cursor:hand;
	color:#860000;
	font-size:11px;
}
.tab_deselected_long
{
	background-image:url(../images/tabunselected.html);
	background-repeat:no-repeat;
	width:130px;
	height:20px;
	text-align:center;
	vertical-align:middle;
	cursor:hand;
	font-size:11px;
}
.tab_selected_long a{color:#800000;}
.tab_deselected_long a{color:#000000;}
.tab_selected_long a, .tab_deselected_long a{text-decoration:none;}
.tab_selected_long a:hover, .tab_deselected_long a:hover{text-decoration:none;}

.menuselect
{
	text-decoration: underline;
}
			
.page_link a
{
	color:#000000;
}

.subtitle
{
 font-size: 13px;
 font-weight: bold;
 color: #000000;
 width: 30%;
 float: left;
 text-align: left;
 padding-top: 5px;
 padding-left: 10px;
}
/* Sublinks */
.sublinks{
 width: 64%;
 float: right;
 text-align: right;
 vertical-align: middle;
 padding-right: 10px;
 padding-top: 7px;
} 
.sublinks a {
 font-size: 11px;
 color: #000000;
 padding-right: 10px;
 padding-left: 5px;
 border-right: solid 1px black;
 text-decoration: none;
 font-size: 11px;
}
.sublinks_noborder {
 width: 64%;
 float: right;
 text-align: right;
 vertical-align: middle;
 padding-right: 10px;
 padding-top: 7px;
} 
.sublinks_noborder a 
{
 color: #000000;
 border-right: solid 0px black;
 text-decoration: none;
 font-size: 11px;
}
.sublinks_noborder a:hover 
{
	text-decoration: underline;
}
.sublinks a:hover {
 text-decoration: underline;
}

.forms1 {margin-left: 15px;margin-bottom: 10px;width: 100%;float: left;}.forms1 label {float: left;display: block;margin-right: 10px; }.forms1 input {width: 100px;margin-bottom: 10px;}.form2 {width: 49%;float: left;}.form2 label {display: block;float: left;margin-right: 10px;width: 90px;text-align: right; }.form2 input, .form2 select {width: 100px;border: 1px solid #02344f;margin-bottom: 3px;}.form5 {width: 100%;float: left;}
.blanktext
{
	Z-INDEX: -1;
	BORDER-RIGHT: 0;
	BORDER-TOP: 0;
	FONT-SIZE: 11px;
	BORDER-LEFT: 0;
	BORDER-BOTTOM: 0;
	FONT-FAMILY: Franklin Gothic Book, Arial, Helvetica, sans-serif;
	height:20px;
}

.invoice
{
	height:115px;
	width:98%;
	border:solid 1px #000000;
	overflow:hidden;
	margin-left:1px;
	padding-right:5px;
	background-color:#F7F7F2;	
}

.invoice .title {
font-weight: bold;
color: #02344f; 
}

.invoice td {
text-align: center; 
border-left:solid 1px #c4c4c4;
border-top:solid 0px #F7F7F2;
}

/*cart*/

  
#cartpanel_bg
{
padding: 0px 0px 0px 20px;
}

#cartpanel_bg, #cartpanel
{
width: 136px;	
height: 120px;
}

#cartpanel
{
padding: 10px 2px 2px 0px;
}

#cartpanel, #cartpanel_bg {
list-style: none; 
}

#cartpanel {
background-image: url(../images/cart_bground.html);
background-repeat:no-repeat;
}

#cartpanel li,#cartpanel_bg li {
display: block;
width: 100%;
float: left; 
text-align: left;
}

#cartpanel .listitem{
padding: 3px 3px 5px 20px;
}

#cartpanel li a {
display: block;
color: #203743;
border-top: 0px solid #9EA4A7;
text-decoration: none;
padding: 3px 0px 3px 15px;
font-size: 11px;
font-weight: normal; 
text-align: left;
width:100px;
}
.grid_list th
{
	background-color:#E9E4CD;
}
.td_option 
{ 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px 
}
.td_option a
{
	color:Black;
}
/* Icon */
.td_icon {
	width: 24px;
	height: 24px;
	background-image: url(../files/icon/box.png);
	background-repeat: no-repeat;
}
.td_icon_big {
	width: 50px;
	height: 24px;
	background-image: url(../files/icon/box_big.png);
	background-repeat: no-repeat;
}
.icon_image {
	margin-left: 4px;
	margin-top: 2px;
	margin-right: 5px;
	border: 0px;
	width:16px;
	height:16px;
	cursor: hand;
}
/*end*/
/*
.tooltip{
position: relative;
z-index: 0;
}

.tooltip:hover{
background-color: transparent;
z-index: 50;
}

.tooltip span{ 
position:absolute;
background-color: lightyellow;
padding: 5px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.tooltip:hover span{ 
visibility: visible;
top: 0;
left: 60px; 
}*/

.helpbox{
	width: 140px; padding-top: 2px;
}
.helpbox img{
	cursor: pointer;
}
.helpbox input{
	width: 95px; height: 20px; background-color: #e0e0e0; border: solid 1px #000000;
}
.helpqbox{
	height: 20px; width: 20px; border: solid 1px #c4c4c4; text-align: center;
}
.helpqbox a{
	color: #ffffff; font-size: 16px; font-weight: bold;
}