﻿body  {
		background-color : #ffffff;
	background-image:url(../images/blue_bg.gif);
	background-repeat:repeat-x;
	margin:0px 0px 0px 0px;
	font-family : "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size : 11px;
	color : #000;
}
.bgcolor
{
	background-color:#ffffff;
}
p
{
margin:0px 0px 0px 0px;
}
#inquiry
{
background-image:url(../images/icon_knowledgebase.gif);
background-repeat:no-repeat;
margin-left:10px;
padding-left:24px;
padding-top:2px;
width:auto;
height:18px;
float:left;
}
#sitemap
{
background-image:url(../images/icon_sitemap.gif);
background-repeat:no-repeat;
margin-left:10px;
padding-left:24px;
padding-top:2px;
width:auto;
height:18px;
float:left;
}
#noti_box
{
 background-color:#ffffff;
}
#Contact
{
background-image:url(../images/icon_contacts.gif);
background-repeat:no-repeat;
margin-left:10px;
padding-left:24px;
padding-top:2px;
width:auto;
height:18px;
float:left;
}
#inquirydetais
{
background-image:url(../images/icon_chat.gif);
background-repeat:no-repeat;
margin-left:10px;
padding-left:24px;
padding-top:2px;
width:auto;
height:18px;
float:left;
}
#grid
{
background-image:url(../images/icon_labels.gif);
background-repeat:no-repeat;
margin-left:10px;
padding-left:24px;
padding-top:2px;
width:auto;
height:18px;
float:left;
}
#followup
{
background-image:url(../images/mimeico_blank.gif);
background-repeat:no-repeat;
margin-left:10px;
padding-left:24px;
padding-top:2px;
width:auto;
height:18px;
float:left;
}
#myhome
{
background-image:url(../images/home_symbol.gif);
background-repeat:no-repeat;
margin-left:5px;
padding-left:30px;
padding-top:2px;
width:auto;
height:18px;
float:left;
}
#home
{
background-image:url(../images/Home_Green.Png);
background-repeat:no-repeat;
margin-left:5px;
padding-left:30px;
padding-top:4px;
width:auto;
height:18px;
float:left;
}
#menu
{
padding-top:5px;
padding-bottom:5px;
float:left;
width:100%;
}
#account
{
background-image:url(../images/my_account_icon.gif);
background-repeat:no-repeat;
margin-left:10px;
padding-left:26px;
padding-top:5px;
width:auto;
height:18px;
float:left;
}
#register
{
background-image:url(../images/register_symbol.gif);
background-repeat:no-repeat;
margin-left:10px;
padding-left:26px;
padding-top:5px;
width:auto;
height:18px;
float:left;
}
#newticket
{
background-image:url(../images/raise_ticket_symbol.gif);
background-repeat:no-repeat;
margin-left:10px;
padding-left:26px;
padding-top:5px;
width:auto;
height:18px;
float:left;
}
#ticket_history
{
background-image:url(../images/ticket_history_symbol.gif);
background-repeat:no-repeat;
margin-left:10px;
padding-left:26px;
padding-top:5px;
width:auto;
height:18px;
float:left;
}
#repository
{
background-image:url(../images/knowlegebase_symbol.gif);
background-repeat:no-repeat;
margin-left:10px;
padding-left:26px;
padding-top:5px;
width:auto;
height:18px;
float:left;
}
#company
{
background-image:url(../images/company_symbol.gif);
background-repeat:no-repeat;
margin-left:10px;
padding-left:26px;
padding-top:5px;
width:auto;
height:18px;
float:left;
}
#department
{
background-image:url(../images/department_symbol.jpg);
background-repeat:no-repeat;
margin-left:10px;
padding-left:24px;
padding-top:5px;
width:auto;
height:18px;
float:left;
}
#usermanagement
{
background-image:url(../images/staff_icon.gif);
background-repeat:no-repeat;
margin-left:10px;
padding-left:24px;
padding-top:5px;
width:auto;
height:18px;
float:left;
}
#category
{
background-image:url(../images/icon_folderblue2.gif);
background-repeat:no-repeat;
margin-left:10px;
margin-top:3px;
padding-left:24px;
padding-top:2px;
width:auto;
height:18px;
float:left;
}
#priority
{
background-image:url(../images/icon_labels.gif);
background-repeat:no-repeat;
margin-left:10px;
padding-left:24px;
padding-top:2px;
margin-top:3px;
width:auto;
height:18px;
float:left;
}
#module
{
background-image:url(../images/icon_funnel.gif);
background-repeat:no-repeat;
margin-left:10px;
padding-left:24px;
padding-top:2px;
margin-top:3px;
width:auto;
height:18px;
float:left;
}
#ems
{
background-image:url(../images/icon_knowledgebase.gif);
background-repeat:no-repeat;
margin-left:10px;
padding-left:24px;
padding-top:2px;
margin-top:3px;
width:auto;
height:18px;
float:left;
}
#status
{
background-image:url(../images/icon_event.gif);
background-repeat:no-repeat;
margin-left:10px;
padding-left:24px;
padding-top:2px;
margin-top:3px;
width:auto;
height:18px;
float:left;
}
#alert
{
background-image:url(../images/alert.gif);
background-repeat:no-repeat;
margin-left:10px;
padding-left:24px;
padding-top:2px;
margin-top:3px;
width:auto;
height:18px;
float:left;
}

.bottomline
{
border-bottom:#666666 solid 1px;
}
.header
{
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
font-size:36px;
color:#333333;
padding-left:10px;
}
.quicklink
{
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
font-size:11px;
color:#326892;
letter-spacing:1px;
line-height:20px;
text-decoration:none;
}
.quicklink a
{
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
font-size:11px;
color:#326892;
text-decoration:underline;
}
.quicklink a:hover
{
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
font-size:11px;
color:#006699;
text-decoration:none;
}
.menu_bg
{
background-color:#e6e6cc;
border:#000000 solid 1px;
height:35px;
}
.menutext
{
font-family : "lucida grande", tahoma, verdana, arial, sans-serif;
font-size : 11px;
color:#000;
}
.menutext a
{
color:#000;
text-decoration:none;
}
.menutext a:hover
{
color:#006699;
text-decoration:none;
}
.middle_tab_border
{
background-color:#ffffff;
border:#d9d9d9 solid 1px;
}
.arrow
{
background-image:url(../images/arrow.jpg);
background-repeat:no-repeat;
background-position:top;
width:19px;
height:18px;
}
.bredcrumblist
{
background-image:url(../images/arrow_home.png);
background-repeat:no-repeat;
margin-left:10px;
margin-top:2px;
padding-left:30px;
padding-top:2px;
width:auto;
height:18px;
float:left;
color:#326892;
font-size:12px;
font-weight:bold;
}
.bredcrumblist a
{
color:#326892;
text-decoration:none;
}
.bredcrumblist a:hover
{
color:#000000;
text-decoration:none;
}
.breadcrumb
{
color:#326892;
font-size:12px;
font-weight:bold;
padding-left:5px;
}
.breadcrumb a
{
color:#326892;
text-decoration:none;
}
.breadcrumb a:hover
{
color:#000000;
text-decoration:none;
}
.ticker
{
font-size:10px;
color:#9D9D9D;
letter-spacing:1px;
}
.ticker2
{
font-size:10px;
color:#990000;
letter-spacing:1px;
}
.news
{
font-family : "lucida grande", tahoma, verdana, arial, sans-serif;
font-size : 11px;
color:#666666;
letter-spacing:1px;
padding:5px 5px 5px 5px;
}

.subtitle
{
color:#5f6f8d;
font-size:14px;
font-weight:bold;
padding-left:5px;
letter-spacing:1px;
}
.subtitle a
{
color:#5f6f8d;
text-decoration:none;
}
.subtitle a:hover
{
color:#000000;
text-decoration:none;
}
.normaltext
{
font-family : "lucida grande", tahoma, verdana, arial, sans-serif;
font-size : 11px;
color : #000;
text-align:justify;
letter-spacing:1px;
padding:5px 5px 5px 5px;
}
.normaltext a
{
color :#326892;
}
.footer
{
color:#326892;
text-align:center;
padding-top:5px;
line-height:20px;
}
.footer a
{
color:#326892;
text-align:center;
text-decoration:none;
}
.footer a:hover
{
color:#000000;
text-align:center;
text-decoration:none;
}
.models_bg
{
background-color:#fbfdff;
border:#d9d9d9 solid 1px;
}
.models_bg:hover
{
background-color:#fbfdff;
border:#0099CC solid 1px;
}
.rightside_bg
{
background-color:#fbfdff;
border:#d9d9d9 solid 1px;
}
.leftsidetitle
{
background-color:#67849c;
height:30px;
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
font-size:11px;
color:#FFFFFF;
margin-left:5px;

}
.sidesection_top  {
	background-color : #67849C;
	padding : 4px;
	margin-bottom : 5px;
	color : #FFFFFF;
	
}
.button {
	border: 1px solid;
	font-size: 12px;
	font-weight: normal;
	border-color: #67849C;
	background-color: #EBF4FC;
	color: #000;
	vertical-align: middle;
	}

.buttonOn, .button:hover, .button:focus, .buttonOn:focus {
	
	background:-webkit-gradient(linear, left bottom, left 40%, from(#67849C), to(#CCD6DD));
	background:	-moz-linear-gradient(top, #CCD6DD,#67849C);
	background-color: #67849C;
	border-color: #67849C;
	color:#FFFFFF;
	}

.button[disabled] {
	border-color: #bd9494;
	background-color:#EBF4FC;
	color: #000;
	background-image: url(images/bgBtnGray.gif);
	}

select {
	color : #000000;
	font-family : "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size : 11px;
	padding : 2px;
}

input.text, input.input, textarea {
	color : #000000;
	background-color : #E6E6E6;
	border : 1px solid #67849C;
	font-family : "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size : 11px;
	padding : 2px;
}

input.input:focus, textarea:focus, input.focus, textarea.focus{
	background-color : #e6e6cc;
	border-color: #bd9494;
}

fieldset  {
	border : none;
}

form label  {
	cursor : pointer;
}
.usertest
{
font-size:11px;
}
.inner_sidebg
{
background-color:#a6c0d6;
color:#000000;
padding-right:20px;
font-size:10px;
letter-spacing:1px;
padding-left:3px;
}
.inner_sidebg a
{
color:#000000;
text-decoration:none;
}
.inner_sidebg a:hover
{
color:#006699;
text-decoration:none;
}
.table_form_left  {
	text-align : right;
	width : 165px;
	vertical-align : middle;
	padding : 6px;
	padding-left : 20px;
	border-bottom : 1px solid #CCCCCC;
}
.table_form_right  {
	padding : 6px;
	padding-left : 15px;
	padding-right : 2px;
	border-bottom : 1px solid #CCCCCC;
}
.headinglist_bg
{
background:-webkit-gradient(linear, left bottom, left 40%, from(#CCD6DD), to(#E7EBF3));
background:	-moz-linear-gradient(top, #E7EBF3,#CCD6DD);
background-color:#E7EBF3;
border-bottom:#000000 solid 1px;
border-top:#000000 solid 1px;
height:25px;
vertical-align:middle;
padding-left:0px;
font-size:10px;
color:#333333;
letter-spacing:1px;
}
.headinglist_bg a
{
font-size:10px;
letter-spacing:1px;
margin-right:5px;
margin-left:5px;
color:#333333;
text-decoration:underline;
}
.headinglist_bg a:hover
{
color:#006699;
text-decoration:underline;
}
.liisting
{
background-color:#F5F5FF;
border-bottom:#000000 solid 1px;
border-top:#000000 solid 1px;
color:#000000;
}
.pager
{
background:-webkit-gradient(linear, left bottom, left 40%, from(#CCD6DD), to(#E7EBF3));
background:	-moz-linear-gradient(top, #E7EBF3,#CCD6DD);
font-family : "lucida grande", tahoma, verdana, arial, sans-serif;
font-size:12px;
letter-spacing:1px;
margin-right:5px;
margin-left:5px;
color:#333333;
text-decoration:none;
background-color:#E7EBF3;
border-bottom:#000000 solid 1px;
border-top:#000000 solid 1px;
}
.pager a
{
color:#333333;
text-decoration:underline;
}
.pager a:hover
{
color:#333333;
text-decoration:underline;
}

.grid
{
background-color:#f7faff;
}
.grid:hover
{
background:-webkit-gradient(linear, left bottom, left 40%, from(#B6D1E7), to(#E9F1F8));
background:	-moz-linear-gradient(top, #E9F1F8,#B6D1E7);
background-color:#DDEEFF; 
}
.grid1
{
background-color:#edf4ff;
}
.grid1:hover
{
background:-webkit-gradient(linear, left bottom, left 40%, from(#B6D1E7), to(#E9F1F8));
background:	-moz-linear-gradient(top, #E9F1F8,#B6D1E7);
background-color:#DDEEFF; 
}

.box
{
font-family : "lucida grande", tahoma, verdana, arial, sans-serif;
font-size : 11px;
letter-spacing:1px;
border: #000000 1px solid;
color: #000000;
background: #e6e6cc;
width:500px;
text-align:justify;
padding:4px 4px 4px 4px;	
}
#Panel2 TABLE
{
font-family : "lucida grande", tahoma, verdana, arial, sans-serif;
font-size : 11px;
letter-spacing:1px;
border: #000000 1px solid;
color: #000000;
background: #e6e6cc;
width:500px;
text-align:justify;
padding:4px 4px 4px 4px;
}
/* ****************** Some basic stuff ****************** */
li 
{
	clear:both;
	margin-bottom:1em;
	border-bottom:1px solid #eee;
}
/* ****************** RatingStar ****************** */
.ratingStar
{
	white-space:nowrap;
	margin:2px;
	height:14px;
}
.ratingStar .ratingItem {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    display: block;
    background-repeat: no-repeat;
	cursor:pointer;
}
.ratingStar .Filled {
    background-image: url(../images/ratingStarFilled.png);
}
.ratingStar .Empty {
    background-image: url(../images/ratingStarEmpty.png);
}
.ratingStar .Saved {
    background-image: url(../images/ratingStar_orange.gif);
}
.autocompetecss
{
	width:100%;
	list-style-type:none;
	list-style-position:inside;
	margin-left:0px;
	background-color:White;
	
}
.autocompetecss:hover
{
	width:100%;
	list-style-type:none;
	list-style-position:inside;
	margin-left:0px;
	background-color:Blue;
	
	
}
.autocompetecssitem
{
	width:300px;
	list-style-type:none;
	list-style-position:inside;
	margin-left:0px;
	margin-bottom:0px;
	margin-top:0px;
	height:20px;
	background-color:White;
	border-bottom:#333333 solid 1px;
	border-right:#333333 solid 1px;
	border-left:#333333 solid 1px;
	font-family : "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size : 11px;
	letter-spacing:1px;
	color:#333333;
	padding-left:4px;
	padding-top:4px;
	
}
.autocompetecssitem:hover
{
	background-color:#DDEEFF;
	
}
.left_border
{
border-left:#CCCCCC solid 1px;
}
.left_bottom_border
{
border-left:#CCCCCC solid 1px;
border-bottom:#CCCCCC solid 1px;
}
.bottom_border
{
border-bottom:#CCCCCC solid 1px;
}

.sidebar  {
	display:block;
	
	margin-bottom:0px;
	padding:4px 8px 4px 5px;
	margin-bottom:3px;
	margin-top:3px;
	padding-bottom:3px;
	padding-top:4px;

	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	font-family : "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size : 11px;
	color:#000;
	text-decoration:none;
}
.sidebar a  {
	display:block;
	
	margin-bottom:0px;

	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	font-family : "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size : 11px;
	color:#000;
	text-decoration:none;
	height: 13px;
}

.sidebar:hover,.sidebar a:hover 
{
	color:#006699;
	background:#e5ecf3;
}
.active
{
	display:block;
	margin-bottom:0px;
	padding:4px 8px 4px 5px;
	margin-bottom:3px;
	margin-top:3px;

	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	font-family : "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size : 11px;
	color:#000;
	text-decoration:none;
	color:#006699;
	background:#e5ecf3;
	
}
.active a
{
	display:block;
	margin-bottom:0px;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	font-family : "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size : 11px;
	color:#000;
	text-decoration:none;
	color:#006699;
	background:#e5ecf3;
}
.menu
{
width:auto;
float:left;
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-topleft:5px; /* top left corner #063053 #395873,#5c7c99 */
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
background-image:-webkit-linear-gradient(#4e6679,#67849c,#7697b3);
background-color:#67849c;
background-image:-moz-linear-gradient(top,#4e6679,#67849c,#7697b3);
height:20px;
padding-left:10px;
padding-right:10px;
letter-spacing:1px;
padding-top:8px;
text-align:center;
margin-right:1px;
margin-bottom:5px;
}
.menu a
{
text-decoration:none;
color:#FFFFFF;
}
.menu a:hover
{
text-decoration:underline;
color:#FFFFFF;
}
.menuactive
{
width:auto;
float:left;
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-topleft:5px; /* top left corner #063053 */
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
background-image:-webkit-linear-gradient(#67849c,#ffffff,#ffffff);
background-color:#c4cfd9;
background-image:-moz-linear-gradient(top,#67849c,#ffffff,#ffffff);
height:20px;
padding-left:10px;
padding-right:10px;
padding-top:8px;
text-align:center;
margin-right:1px;
border-left:#4e6679 solid 1px;
border-right:#4e6679 solid 1px;
/*letter-spacing:1px;*/

}
.menuactive a
{
text-decoration:none;
color:#000000;
}
.menuactive a:hover
{
text-decoration:underline;
color:#000000;
}
.pager1
{
/*background:-webkit-gradient(linear, left bottom, left 40%, from(#CCD6DD), to(#E7EBF3));
background:	-moz-linear-gradient(top, #E7EBF3,#CCD6DD);
background-color:#E7EBF3;
*/
font-family : "lucida grande", tahoma, verdana, arial, sans-serif;
font-size:11px;
letter-spacing:1px;
margin-right:5px;
margin-left:5px;
color:#333333;
text-decoration:none;
border-bottom:#000000 solid 1px;
border-top:#000000 solid 1px;
}
.pager1 a
{
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
font-size:11px;
background-image:-webkit-linear-gradient(#7697b3,#67849c,#4e6679);
background-color:#67849c;
background-image:-moz-linear-gradient(top,#7697b3,#67849c,#4e6679);
border:#255C85 solid 1px;
height:15px; 
width:auto;
text-align:center;
text-decoration:none;
color:#FFFFFF;
display:block;
float:left;
margin-left:2px;
padding-left:4px;
padding-right:4px;

}
.pager1 a:hover
{
background-image:-webkit-linear-gradient(#ffffff,#ffffff,#67849c);
background-color:#ffffff;
background-image:-moz-linear-gradient(top,#ffffff,#ffffff,#67849c);
text-decoration:none;
color:#000000;
}
.pager1 span
{
background-image:-webkit-linear-gradient(#ffffff,#ffffff,#67849c);
background-color:#ffffff;
background-image:-moz-linear-gradient(top,#ffffff,#ffffff,#67849c);
text-decoration:none;
color:#000000;
display:block;
border:#255C85 solid 1px;
height:15px; 
width:auto;
text-align:center;
padding-left:4px;
padding-right:4px;
}



.thumb
{
	float:left;
	width:110px;
height:90px;
	padding:5px 5px 5px 5px;
	margin-right:30px;
	margin-bottom:20px;
	border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
background-color:none;
border:#67849C solid 2px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;

}
.thumb:hover
{
width:110px;
height:90px;
background-color:#E7EBF3;
border:#67849C solid 2px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding: 5px 5px 5px 5px;
}
.thumb img
{
	filter:alpha(opacity=100);
	opacity:100;
}
.thumb:hover img
{
	filter:alpha(opacity=40);
	opacity:0.7;
}

.btn-active
{
    /* font-family: Arial, Helvetica, sans-serif; 
    padding: 3px; */
    border: 1px solid;
    font-size: 12px;
    font-weight: normal;
    border-color: #67849C;
	background-color: #EBF4FC;
	color: #000;
	vertical-align: middle;
	cursor:pointer;
}
.btn-activeOn, .btn-active:hover, .btn-active:focus, .btn-activeOn:focus
{
	background:-webkit-gradient(linear, left bottom, left 40%, from(#67849C), to(#CCD6DD));
	background:	-moz-linear-gradient(top, #CCD6DD,#67849C);
	background-color: #67849C;
	border-color: #67849C;
	color:#FFFFFF;
}
.btn-active[disabled]
 {
	border-color: #bd9494;
	background-color:#EBF4FC;
	color: #000;
}
.btn-inactive
{
    /* font-family: Arial, Helvetica, sans-serif;
    padding: 3px; */
    font-size: 12px;
    font-weight: bold;
    color: #000;
    background-color:#EBF4FC;
}