/* CSS used when a staff is logged in */

/* Basic layout */
body { font: 8pt Verdana,Helvetica,Arial; color: #444444; line-height: 14pt; margin: 0px; padding: 0px; }

/* Change container width below to make content use more of the page's width (it's smaller for customer section by default) */
#container {
width: 98% !important;
margin: auto;
text-align: left;
border: 0px solid #4992B6; border-top: 0px }
#inner_container { padding: 0px }
#logo_container {
  padding: 13px; margin-bottom: 1px;
}

#logo_container span{
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: "Myriad Pro", Arial, serif;
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

#title { float: left; color: #000000; font: bold 12pt Verdana,Helvetica,Arial; margin-bottom: 20px; }
#login_message { float: right }
#calendar { width: 250px }

#copyright { float: right; margin-top: 20px }
#language_select { float: left; margin-top: 20px }

/* Basic styles */
a, a:visited, a:active, a:hover { color: #000000 }

li { line-height: 10pt; padding-bottom: 8px; }
ul.none { margin-left: 0px; list-style: none; padding-left:0px}

img { border: 0px; vertical-align: middle; }
img.icon { vertical-align: middle; }
img.icontext { vertical-align: middle; margin-right: 5px }

.description { padding-bottom: 20px }
.popup { position: absolute; visibility: hidden; z-index: 101; left: 0px; top: 0px; border: 1px solid #969696; background-color: #F3F9FC; padding: 5px; width: 200px }
.bold { font-weight: bold }
.required { border-bottom: 1px dashed red }

/* Forms and inputs */
form { margin: 0px; padding: 0px;  }
input.checkbox { border: 0px; }

input.button { border: 1px solid #666666; background-color: #F4F4F4; font: bold 8pt Verdana,Helvetica,Arial; padding-right: 10px; padding-left: 10px; color: #000000; }
input.button:active { border: 2px solid #DDDDDD; border-top: 2px solid #666666; border-left: 2px solid #666666; }
input.space { margin: 4px 0px }

textarea, input, select { border: 1px solid #969696; font: 8pt Verdana,Helvetica,Arial; color: #444444; }
input.medium { width: 150px }
input.large { width: 250px }
textarea.fixed { font-family: Courier New; width: 100%; height: 200px }

textarea.small { width: 300px; height: 75px }
textarea.medium { width: 100%; height: 100px }
textarea.full { width: 100%; height: 150px }
textarea.big { width: 100%; height: 350px }

/* Iframe style used for loading of inline text/wysiwyg editor */
iframe.wysiwyg { border-width: 0px; width: 100%; height: 1px } /* 1px height will auto-resize */

/* Notices and warnings */
div.notice { padding: 6px; padding-left: 35px; background: #F6F6F6 url(../images/noteinfo.gif) no-repeat 10px center; }
div.warning { padding: 6px; padding-left: 35px; background: #F6F6F6 url(../images/warning.gif) no-repeat 10px center; }
div.error { padding: 6px; padding-left: 35px; background: #F6F6F6 url(../images/notedelete.gif) no-repeat 10px center; }

.search_navigate { clear: both; margin-top: 5px; line-height: 10pt }

/* Top menu */
#menu_bar { background: url(../images/menu1.jpg); height: 29px; border-bottom: 0px solid #4992B6; }

#menu, #menu ul { padding: 0; margin: 0; list-style: none; position: relative; z-index: 100; }

#menu li { position: relative; border-right: 1px solid #FFFFFF; background: url(../images/menu2.jpg); width: 140px; float: left; text-align: center; font: bold 7pt Verdana,Helvetica,Arial; text-transform: uppercase; color: #FFFFFF;	cursor: pointer; padding: 0; margin: 0 }

#menu li ul { display: none; position: absolute; top: 29px; left: 0px; border: 1px solid #000000; text-transform: none; background-color: #808080; width: 170px; }

#menu li a { height: 29px; display: block; text-decoration: none; line-height: 27px; color: #FFFFFF;}
#menu li a:hover { background-color: #ACACAC; color: #FFFFFF; }

#menu li ul li { background: none; text-transform: none; text-align: left; height: 29px; cursor: pointer; color: #FFFFFF; width: 170px; border: 0px; border-top: 1px solid #FFFFFF }
#menu li ul li a { padding-left: 14px; display: block; font-weight: normal; font-size: 8pt; }

#menu li:hover ul, #menu li.over ul { display: block; }

/* Table styles */
table.a { width: 100%; background-color: #D0D0D0 }
table.a td { padding: 5px }
table.a th { padding: 5px }

tr.a, td.a { background-color: #FBFBFB; }
tr.b, td.b { background-color: #FBFBFB; }
tr.msg_a, td.msg_a { background-color: #FFFFFF; vertical-align: top }
tr.msg_b, td.msg_b { background-color: #F6F6F6; vertical-align: top }
tr.head { color: #FFFFFF; font-weight: bold; background-color: #407795; }
tr.headreport { color: #FFFFFF; font-weight: bold; background: url(../images/menu2.jpg); }
tr.headreportrow { color: #FFFFFF; font-weight: bold; background-color: #ACACAC; }
tr.head td { padding: 5px }
tr.head th { padding: 5px }
tr.a:hover, tr.b:hover, tr.hover { background-color: #E3F0F6; }
td.icon { width: 16px; text-align: center; vertical-align: top; }

/* Table used for forms */
table.form { width: 100%; background-color: #D0D0D0; }
table.form_fixed { border: 1px solid #969696; background-color: #FFFFFF }
table.noborder { border: 0px }
table.form td { background-color: #FBFBFB; padding: 7px; }
table.form td.label_clean { padding: 9px 9px 9px 9px; height: 20px; vertical-align: top }
table.form td.short { width: auto }
table.form td.field { background-color: #FBFBFB; padding: 5px; vertical-align: top; }
table.form td.space { padding-bottom: 20px }
table.form th { color: #FFFFFF; padding: 5px; font-weight: bold; background-color: #407795; }

/* Table used for the customer homepage icons */
table.home_menu_staff td.set { width: 25%; padding: 15px; border: 1px solid #969696 }
table.home_menu_staff td.set_visible { width: 25%; padding: 15px; border: 1px solid #00DD00;  }
table.home_menu_staff td.set_hidden { width: 25%; padding: 15px; border: 1px solid #FF0000 }
table.home_menu_staff td.set2 { width: 50%; padding: 15px; border: 1px solid #969696 }
table.home_menu_staff td.set2_visible { width: 50%; padding: 15px; border: 1px solid #00DD00 }
table.home_menu_staff td.set2_hidden { width: 50%; padding: 15px; border: 1px solid #FF0000 }
table.home_menu_staff td.image { width: 50px;   }
table.home_menu_staff td.name { line-height: 12pt; }
table.home_menu_staff td.name a { text-decoration: none; }
table.home_menu_staff td.name a span { display: block; padding-bottom: 8px; font-size: 10pt; font-weight: bold }

/* Table used for statistics */
table.stats { width: 100%; font-size: 7pt; }
table.stats tr.stat { padding: 2px; height: 95px; vertical-align: bottom; text-align: center; background-color: #F6F6F6 }
table.stats tr.header { padding: 2px; text-align: center }
table.stats td.label { padding: 2px; text-align: right; width: 150px; }
table.stats tr.stat div { width: 15px; margin: auto }
table.stats tr.stat div img { width: 15px; float: left }

table.calendar tr.days td { width: 14%; font-weight: bold; text-align: center }

/* Boxes */
div.light_blue_box { background-color: #F3F9FC; padding: 10px }

div.rounded_light_blue_box { background-color: #F4F4F4; -moz-border-radius: 12px; border: 1px solid #969696 }
div.rounded_light_blue_box_padding { background-color: #F4F4F4; -moz-border-radius: 12px; border: 1px solid #969696; padding: 10px }
div.rounded_light_blue_box_wrap { background-color: #F4F4F4; overflow:auto; width: 210px; height: 300px;}
div.rounded_dark_blue_box { background-color: #B22E43; -moz-border-radius: 12px; color: #FFFFFF }
div.rounded_border_box { background-color: #FFF0F0 ; -moz-border-radius: 12px;-webkit-border-radius:12px; color: #000000 }

div.rounded_light_blue_box .content, div.rounded_dark_blue_box .content2, div.rounded_border_box .content2 { padding: 10px }

div.rounded_light_blue_box .title { color: #004A6E; font-size: 10pt; font-weight: bold; margin-bottom: 10px; }
div.rounded_dark_blue_box .title { color: #FFFFFF; font-size: 10pt; font-weight: bold; margin-bottom: 10px; }
div.rounded_border_box .title { color: #000000; font-size: 10pt; font-weight: bold; margin-bottom: 5px; margin-left: 5px;}
div.rounded_border_box a { color: #000000; font-size: 7pt; margin-left: 5px; text-decoration:none}

/* Side box (i.e. login box on homepage */
div.side_box { padding: 4px;}
div.side_box div.head { color: #FFFFFF; font-weight: bold; font-size: 11pt; padding: 2px; }
div.side_box div.content { padding: 2px }

/* Switchable tabs */
div.tab { border: 0px; cursor: pointer; float: left; margin-right: 2px; margin-top: 0px; background-image: url(../images/bargray.gif); position: relative; z-index: 2; border: 1px solid #969696; }
div.tab_on { border: 0px; cursor: pointer; float: left; margin-right: 2px; margin-top: 0px; background-image: url(../images/barblue.gif); position: relative; z-index: 4; border: 1px solid #969696; border-bottom: 0px }
div.tab a.tablink { float: left; display: block; font: Verdana,Helvetica,Arial; padding: 1px 10px 4px 10px; height: 17px; text-decoration: none ;width:110px;}
div.tab_on a.tablink { float: left; display: block; padding: 1px 10px 4px 10px; font-weight: bold; height: 18px; color: white; text-decoration: none ;width:110px;}

div.tabbox { display: none }
div.tabbox_on { border: 1px solid #969696; padding: 27px; margin-top: -2px; z-index: 3; position: relative }
div.tabline { border-top: 1px solid #E0E0E0; height: 1px; line-height: 0pt; font-size: 0px; margin-top: -2px; z-index: 3; position: relative }

/* Basic container with title (used all over) */
div.container .name { padding-left: 9px 9px 9px 0px;  float: left; line-height: 16px; font-weight: bold; margin-bottom: 4px }
div.container .right_name { float: right; line-height: 16px }
div.container .content { clear: left; border: 0px solid #969696; padding: 0px; background-color: #FFFFFF }
div.container .content_no_border { clear: left; padding: 2px; background-color: #FFFFFF }
div.container .content_border { border: 1px solid #969696; clear: left; padding: 2px; background-color: #FFFFFF }
div.list_header { text-decoration: underline; font-weight: bold; padding-bottom: 2px; margin-bottom: 5px; height: auto }

/* Popup content with shadow (for calendar, etc.) */
div.shadow { position: absolute; visibility: hidden; z-index: 101; background: url(../images/shadow.png) no-repeat bottom right; margin: 10px 0 0 10px; width: 200px }
div.shadow div.content { position: relative; background-color: #FFFFFF; border: 1px solid #969696; margin: -6px 6px 6px -6px; padding: 8px; }

.leftbox { float: left; margin-right: 20px }
.rightbox { float: left }

/* Horizontal lines */
div.text_line { font-weight: bold; padding-bottom: 2px; border-bottom: 1px solid #969696; margin-bottom: 7px; height: auto }
hr { border: 0px; height: 1px; line-height: 0pt; color: #969696; background-color: #969696 }

/* Spacers */
div.smallspace { height: 5px; line-height: 0pt; }
div.medspace { height: 10px; line-height: 0pt; }
div.bigspace { height: 15px; line-height: 0pt; }

/* Buttons for div dropdown boxes */
div.menu_button { width: 150px; float: left; margin-right: 5px; margin-bottom: 5px; position: relative; }

div.button { border: 1px solid #969696; padding: 1px; width: 200px }
div.button a, div.button a:visited { display: block; background: url(../images/navdown.gif) 3px 0px no-repeat; background-color: #FFFFFF; height: 18px; line-height: 18px; padding-left: 22px; vertical-align: middle; margin: 0px; text-decoration: none; }

div.button a:hover { background-color: #F3F9FC; text-decoration: none; }

div.drop_box { width: 300px }
div.drop_box table { margin-top: -1px; }
div.bottom_color{background:#e3f0f6;
display:block;
padding:6px;
text-align:center;
border:1px solid #ccc; border-top:none;}

.legendspn{

    text-align:center;
    padding:0px 8px 0px 8px;
}
.legendspnhome{

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

}
.ulmenuselect{
    visibility: visible;
    width: 970px;
    left: 9.89999px;
    top: 146px;
    display: block;
}
.aselected{
    background:url(../images/subhover.png) no-repeat left;
}
.liselected{
       padding: 6px  12px  6px  6px;
    background:url("../images/subhover.png") no-repeat right;

}
/* Holly hack for IE (which doesn't display CSS properly) \*/
/* * html div { height: 100%; }*/

/* End hide from IE5-mac */


.logo_1 {
	width:200px;
	text-align:left;
	float:left;
	margin:0px 0px 0px 0px;

	}
.logo_2 {
	width:400px;
	margin:0 auto;
	text-align:center;
	display:block;
	}

.logo_3 {
	float:right;
	text-align:right;
	margin:-43px 0px 0px 0px;
	position:absolute;
	top:73px;
	right:10px;
	}
.new_ticket{
    background: #fff;
    border-radius: 5px;
    padding: 3px;
    margin: 6px 8px 0 2px;
    font-size: 11px;
    text-decoration: none;	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;	
	text-align:center;
	padding: 2px 0 !important; 
	position:relative;
	z-index:9999999999;
	float: right !important; 
	color:#000 !important;
	width:80px !important;
}
#new_ticket a:hover
{
	background:#fff !important;
}
.rectangle{
border:1px solid #000;	
text-align:center;
display:inline-block;
padding:2px;
min-width:10em;
}
#legend_list{
width:99%;	
}
#legend_list ul{
	display: inline-block;
    list-style: none outside none;
    margin: 0 auto;
    padding: 0;
    width: 100%;	
}
#legend_list ul li{
float: left;
text-align: center;
padding:5px;
height:30px;
margin:2px;
}
.report_selection{
float:left;
padding:0px;	
}
.report_selection li{
float:left;
list-style-type:none;	
font-size:12px;
width:12%;
}
.CRZ{
table-layout:auto !important;	
}
a:link, span.MsoHyperlink{
color:#000;	
}
.tablink {
   color:#333 !important;
}

.tab_on a.tablink {
   color:#fff!important;
}
.content a{
   color:#333 !important;
}
.new_ticket,.right a{
   color:#000 !important;
   text-decoration : none !important;
}

#content-wrapper
{
	display:none;	
}

.viewclick{
	background:url("../images/note.gif") no-repeat;
	height:25px;
	width:25px;
	padding-left: 18px;
    padding-top: 2px;
	cursor:pointer;
}
.viewAlter{
	background:url("../images/note_arrow.png") no-repeat;
	height:25px;
	width:25px;
	padding-left: 18px;
    padding-top: 2px;
	padding-bottom: 2px;
	cursor:pointer;
}

.editclick{
	background:url("../images/noteedit.gif") no-repeat;
	height:25px;
	width:25px;
	padding-left: 18px;
    padding-top: 2px;
	cursor:pointer;


}



.editAlter{
	background:url("../images/note_arrow.png") no-repeat;
	height:25px;
	width:25px;
	padding-left: 18px;
    padding-top: 2px;
	padding-bottom: 2px;
	cursor:pointer;
	
}

.ploader{
	background:url("../images/loader.gif") no-repeat;
	height:25px;
	width:25px;
	padding-left: 18px;
    padding-top: 2px;
	padding-bottom: 2px;
	cursor:pointer;
	
}
.viewclose{
	cursor:pointer;
}
.editclose{
	cursor:pointer;
}

.close{
	cursor:pointer;
}


.circle-arrow{
width:15px;
height:15px;
border-radius:175px;
background:#bf0000;
color:#FFF;
text-align:center;
font-size:11px;
display:block;
float:right;
margin-top:3px;
font-style:normal;
line-height:14px;
letter-spacing:-1px;



}