@charset "utf-8";
/* CSS Document */

body										{ margin:0px; padding:0px; /*background-image:url(../images/bg.jpg); background-repeat:repeat-x;*/; 
											  font-family:Tahoma, Geneva, sans-serif; }
a											{ text-decoration:none; }
ul, li										{ margin:0px; padding:0px; list-style:none; }
h1, h2, h3									{ margin:0px; padding:0px; font-weight:normal; }
input, select, textarea						{ outline:none; font-family:Tahoma, Geneva, sans-serif; background-color: #f2f2f2; border: 1px solid #cccccc; padding: 2px; }
.LoginOtr									{ width:400px; height:auto; background-color:#ffffff; position:absolute; border-radius:10px; left:34%; top:20%; 
											  box-shadow:2px 2px 20px #999999; padding:10px; }
.LogoOtr									{ width:100%; padding:10px 0; border-bottom:1px solid #87a5c7; text-align:center; }
.FormOtr									{ width: 80%; height: auto; margin: 0px auto; margin-top:20px; }
.LoginFormInput								{ width:97%; height:20px; padding:5px; border-radius:10px; border:1px solid #cccccc; margin-bottom:10px;
											  outline:none; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out;
											  -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; font-size:11px; color:#666666; }
.LoginFormInput:focus						{ box-shadow: 0 0 7px #86a3c7; border:1px solid #cccccc; }
.LoginFormInputBtn							{ background:#f6971c url(../images/LoginBtn_BG.png) repeat-x bottom; border-bottom:3px solid #975c0e; border-top:none; border-left:none; border-right:none; float:left; padding:7px 12px; color:#ffffff; border-radius:5px; text-shadow:1px 1px 1px #666666; cursor:pointer; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline:none; text-outline:none; margin-bottom:10px; }
.LoginFormInputBtn:focus					{ box-shadow: 0 0 8px #975c0e; }
h3 {
    color: #d00;
    font-size: 0.8em;
    font-weight: normal;
    margin: 1em 0;
    text-align: center;
}

.uploads br                                 { display: none; }

.GridMainOuter								{ width:1000px; height:auto; float:left; margin-top:25px; position:relative; }
.GridHeading								{ width:100%; height:33px; background-color:#cccccc; border-top-left-radius:5px; border-top-right-radius:5px; display: block; }
.GridFooter									{ width:100%; height:33px; background-color:#cccccc; border-bottom-left-radius:5px; border-bottom-right-radius:5px; margin-bottom:5px; }
.GridFooter b								{ line-height: 30px; }
.GridHeading input.TxtField, .GridHeading select.TxtField						{ width:350px; height:22px; background-color:#f2f2f2; border:1px solid #666666; font-size:11px; padding:0px; margin-top:2px; margin-left:5px; outline:none; padding:0 5px; }
.Button										{ width:auto; height:auto; font-size:11px; cursor:pointer; background:url(../images/btn_bg.png) bottom; border:1px solid #000000; padding:2px 6px; outline:none; }
.RefreshIcon								{ width:auto; height:16px; background:url(../images/refresh_icon.png) no-repeat left top; padding-left:21px; float:right; font-size:12px; color:#ffffff; margin-right:5px; margin-top:0px;
											  position: absolute; right: 0px;	}
.RefreshIcon a								{ color:#ffffff; }
.RefreshIcon a:hover						{ color:#f89a1c; }
.GridContent								{ width:100%; height:auto; background-color:#f2f2f2; border:1px solid #cccccc; border-right:none; border-bottom:none; }
.GridContent td, .GridContent th			{ height:auto; font-size:12px; color:#184e81; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:5px 3px; text-align: left; }
.GridContent td.Heading						{ font-weight:bold; font-size:18px;}

.GridContent th a { padding: 3px 20px 3px 0px; color: #184e81; background: url('../images/asc_desc_grey.gif') 105% 50% no-repeat; }

.GridContent th a.asc { background: url('../images/asc_grey.gif') 100% 50% no-repeat  }
.GridContent th a.desc { background: url('../images/desc_grey.gif') 100% 50% no-repeat  }

.Pagination									{ width:300px; height:17px; float:left; margin-left:20px; margin-top:3px; }
.Pagination li								{ float:left; width:17px; height:17px; font-size:11px; color:#ffffff; text-align:center; line-height:17px; margin-right:3px; padding:0 2px; }
.Pagination li a							{ color:#ffffff; font-size:11px; line-height:17px; width:17px; height:17px; display:block; }
.Pagination li a:hover						{ background-color:#f2f2f2; text-decoration:none; color:#000000; }
.Pagination li.Selected						{ background-color:#f2f2f2; text-decoration:none; font-size:11px; line-height:12px; text-align:center; line-height:17px; color:#000000; }
.FormPages h1								{ font-size:14px; color:#333333; margin-bottom:20px; }
.FormOuter									{ width:100%; float:left; height:auto; font-weight:normal;}
.FormOuter label							{ float:left; font-size:13px; width:200px; height:15px; line-height:25px; }
.FormOuter select, .FormOuter input.TxtField		{ width:358px; height:25px; padding:3px; float:left; font-size:12px; color:#333333; }
.FormOuter input.TxtField					{ width:350px !important; height:15px; }

.FormOuter textarea							{ width:79%; height:50px; padding:3px; font-size:12px; margin-bottom:10px; background-color:#f2f2f2; border:1px solid #cccccc; }
.FormOuter2									{ width:100%; }
.FormOuter2 span							{ font-size:12px; float:left; color:#333333; }
.FormOuter2 .TxtField							{ background-color:#f2f2f2 !important; border:1px solid #cccccc !important; width: 358px; }
.FormOuter2Sec									{ width:490px; float:left; margin-bottom:20px; }
.FormOuter2 td:first-child {
	width: 200px !important;
}
.FormOuter3 td:first-child {
	width: 201px !important;
}

.FormOuter2 select	{ width: 356px; }

.PageInfo	{   background-color: #f2f2f2;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    float: left;
    line-height: 20px;
    padding: 5px 5px 5px 0;
    width: 99.2%; position: relative; }
.PageInfo caption	{ width: 100%; text-align: center;}
.ProjectH2	{
	color: #00aeef;
	font-size: 16px;
	margin-bottom: 10px;
}
.FormOuter4 label	{ height: 20px; line-height: 20px; font-weight:normal;}
.FormOuter4	{ width:100%; float:left; }
.RestrictEmail	{
	width: 185px;
	 overflow:hidden;
    text-overflow:ellipsis;
}

.Footer										{ width:100%; height:auto; background-color:#008fbe; float:left; font-size:12px; line-height:normal; padding:10px 0; color:#ffffff; text-align:center }



.TableBorder {
border: 1px solid #cccccc;
border-left: none;
border-bottom: none;
}
.TicketDate th	{ font-weight: normal; }
.GridSelect		{ background-color: rgb(242, 242, 242); border: 1px solid rgb(102, 102, 102); padding-top: 1px; float: left; margin: 5px; height: 23px; margin-bottom: 0px; }

.FormOuter5 th label, .FormOuter5 td { width: 150px; }
.TableBorder tr th	{ background-color: #f4faff; font-weight: normal; }
.SLAForm input[type=text] { background-color: #f2f2f2; border: 1px solid #cccccc; margin-top: 3px; }

.Escalation tbody tr	{ background: none repeat scroll 0 0 #f4faff; padding: 0 5px; width: 98.8%; }
.Escalation tbody tr hr	{ margin: 9px 0 0; }
.uploads label	{ line-height: 13px; }
.uploads	{ float: left; padding-bottom: 5px;}
/* Attachment for Open & Edit*/
.uploads label { padding-right: 5px; width: 100% ! important; line-height: 11px; }
.uploads br									{ display: none; }

.btn_sm {
    padding:2px 5px;
    font-size:9pt;
    background:url(../images/btn_sm_bg.png) top left repeat-x #f90;
    border:1px solid #777;
    color:#fff !important;
    font-weight:bold;
}

.btn:hover, .btn_sm:hover {
    background-position: bottom left;
}
/* Assign and Post Reply Tabs*/

#response_options {
    margin-top:20px;
}

#response_options > form {
    padding:0 10px;
}
ul.tabs {
    padding:4px 0 0 20px;
    margin:0;
    margin-bottom: 5px;
    text-align:center;
    height:29px;
    border-bottom:1px solid #aaa;
    background:#eef3f8;
}

#response_options ul.tabs {
    padding-left:190px;
}

ul.tabs li {
    margin:0;
    padding:0;
    display:inline;
    list-style:none;
}

ul.tabs li a {
    width:130px;
    font-weight:bold;
    padding:5px;
    height:18px;
    line-height:20px;
    color:#444;
    display:block;
    float:left;
    outline:none;
    position:relative;
    top:0;
    background:#fbfbfb;
    border:1px solid #eee;
    border-bottom:none;
}

.wideTab a{
    width: 250px!important;
    }

#response_options .reply_tab.tell {
    color:#a00 !important;
    background-image:url(../images/reminder.png);
    background-position:12px 50%;
    background-repeat:no-repeat;
}
ul.tabs li a.active {
    height:18px;
    color:#184E81;
    background-color:#f9f9f9;
    border:1px solid #aaa;
    border-top:2px solid #81a9d7;
    border-bottom:none;
}
#response_options > form {
    padding:10px 5px;
    background:#f9f9f9;
    border:1px solid #aaa;
    border-top:none;
}

#response_options > form > table {
    table-layout: fixed;
}

#response_options > table td {
    vertical-align:top;
}

#response_options textarea {
    width:445px !important;
}

#response_options input[type=text], #response_options textarea:not(.richtext) {
    border:1px solid #aaa;
    background:#fff;
    font-size:12px;
}
.attachments .uploads div {
    display:inline-block;
    padding-right:20px;
}

.file {
    display:inline-block;
    padding-left:20px;
    margin-right:20px;
    background:url(../images/icons/file.gif) 0 50% no-repeat;
}

#nav a:hover,
#sub_nav a:hover,
a:hover i[class^="icon-"],
.tabs a {
    text-decoration: none;
}

div#header a {
    color:#E65524;
}

.form_table a:hover {
    text-decoration: underline;
}

ul.tabs {
    padding:4px 0 0 20px;
    margin:0;
    margin-bottom: 5px;
    text-align:center;
    height:29px;
    border-bottom:1px solid #aaa;
    background:#eef3f8;
}

#response_options ul.tabs {
    padding-left:190px;
}

ul.tabs li {
    margin:0;
    padding:0;
    display:inline;
    list-style:none;
}

ul.tabs li a {
    width:130px;
    font-weight:bold;
    padding:5px;
    height:18px;
    line-height:20px;
    color:#444;
    display:block;
    float:left;
    outline:none;
    position:relative;
    top:0;
    background:#fbfbfb;
    border:1px solid #eee;
    border-bottom:none;
}

ul.tabs li a.active {
    height:18px;
    color:#184E81;
    background-color:#f9f9f9;
    border:1px solid #aaa;
    border-top:2px solid #81a9d7;
    border-bottom:none;
}
.dialog ul.tabs, .dialog ul.tabs * {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
.ui-datepicker, .ui-widget, .ui-widget-content, .ui-helper-clearfix, .ui-corner-all, .t_date {
    /* z-index:4 !important; */
}
.FormOuter tr{margin-bottom: 5px;}
#displayIntruc  td:first-child {width:200px !important}
.infoTable td:first-child {
    width: 176px !important;
} 
 
.infoTable td:nth-child(2){
    width: auto !important;
}  