﻿html, body
{
	margin: 0;
	padding: 0;
}
html
{
	background-color: #86d4f1; 
}
body
{
	color:#01254d;
	background-color: #86d4f1; 
	font-family: Tahoma, Arial, sans-serif;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4cb8e7', endColorstr='#86d4f1'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#4cb8e7), to(#86d4f1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #4cb8e7,  #86d4f1); /* for firefox 3.6+ */ 
}

div.publicMain 
{
	position: relative;
	width: 900px;
	margin: 0 auto;
}

div.leftDecoration
{
	background-color:#b2d5e4; 
	width:250px; 
	position:absolute; 
	left:0;
	top:0; 
	bottom:0;	
	border-left: solid 1px #FFF;
	border-right: solid 1px #FFE;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2d5e4', endColorstr='#86d4f1'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#b2d5e4), to(#86d4f1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #b2d5e4,  #86d4f1); /* for firefox 3.6+ */ 
}

div.publicHeader
{
	position:relative;
	left:0px;
	max-width: 250px;
	padding:10px;
	float:left;
}

div.publicMenu
{
	position:relative;
	clear:left;
	float: left;
	font-size: 15px;
	font-weight: bold;
	left: 0px;
	top: 115px;
	text-align: right;
	width: 180px;
	padding:10px 35px;
}
div.publicMenu .menuWrapper {border-top: dotted 1px #ffffff;}
div.publicMenu a
{
	display: block;
	width: 100%;
	float: right;
	padding: 5px 0 5px 0;
	color: #000000;
	text-decoration: none;
	white-space: nowrap;
	clear: both;
	border-bottom: dotted 1px #ffffff;
}

div.publicContent
{
	float : right;
	width : 640px;
	font-size:12px;
}
div.publicContent p 
{
	line-height:20px;
	padding-top:10px;
}
div#ctl00_pageLayoutManager_divCustomFooter, div#divCustomFooter{clear:both;position:relative;font-size:11px;width:210px;margin:30px 0;}
div.publicFooter
{
	font-size:11px;
	clear:both;
	position:relative;
}
div.publicFooter p
{
	position:absolute;
	bottom:0px;
	width:210px;
	text-align:right;
	padding:0; 
	margin:0;
}

div.mainImageContainer
{
	margin-top:27px;
}
div.mainImageContainer img
{
	border: none;
}

div.publicBox1 h2.boxHeader, div.publicBox h2.boxHeader
{
	padding-top: 20px;
	padding-bottom:20px;
	font-size: 17px;
	margin: 0;
	text-transform: uppercase;
}
div.publicBox p, div.publicBox table
{
	margin-top: 0px;
	text-align: justify;
}
div.publicBox table tr.spacing
{
	line-height: 5px;
}

td {padding:0;}
th { font-weight:normal;}
th.phone
{
	background: transparent url("../images/phone.png") no-repeat;
	padding: 0px 0px 0px 30px;
	text-align: right;
	line-height: 21px;
	vertical-align: top;
}
th.email
{
	background: transparent url("../images/email.png") no-repeat;
	padding: 0px 0px 0px 30px;
	text-align: right;
	line-height: 21px;
	vertical-align: top;
}
th.mail
{
	background: transparent url("../images/mail.png") no-repeat;
	padding: 0px 0px 0px 30px;
	text-align: right;
	line-height: 21px;
	vertical-align: top;
}

a.logo
{
	display: block;
	width: 200px;
	text-align: center;
	position: absolute;
	overflow:hidden;
	left: 25px;
	top: 15px;

}
a.logo img
{
	border: none;
	overflow:hidden;
}

div.publicMenu a:hover
{
	text-decoration: underline;
}
div.publicMenu a.active, div.publicMenu a.active:hover
{
	text-decoration: underline;
}

div.mainImageContainerCenter
{
	overflow:hidden;
}

div.mainImageContainer
{
	/*padding: 10px 10px 10px 10px;*/
	overflow: hidden;
	margin-top: 30px;
	margin-left:10px;
	width: 635px;
	/*background-color: #cbebf9;*/
	min-height:200px;
}
div.mainImageContainer img
{
	border: none;
}
div.publicBoxContainer
{
	margin: 14px 0px 12px 10px;
	width:635px;
	overflow:hidden;
	min-height:300px;
}
/*border-radius*/
div.border{background-color:#f2f2f2;border:3px solid #5988c0;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;-khtml-border-radius:20px;margin:15px 40px;}
div.border:hover{background-color:#A4C5E8;}
.border .content{margin:10px 20px;background-color:transparent;cursor:pointer;border:none;}
.border .contab{width:100%;}
.contab div{line-height:19px;font-size:10.5pt;}
.contab b.ctg{color:#1f497d;}
.contab .errdate{color:red;}
.contab .subj{font-weight:bold;display:inline-block;zoom:1;*display:inline;width:66.25%;vertical-align:top;}
.contab div.small-font{font-size:7.5pt;line-height:10.5pt;}
.contab .lcolumn,.contab .mcolumn,.contab .rcolumn{display:inline-block;zoom:1;*display:inline;width:33%;vertical-align:top;}
.contab .rcolumn{width:30%;}
div.new-ticket{border:6px solid #5988c0;}

.helpline-filter{height:250px;}
.helpline-filter .afLeft .line{padding-bottom:11px;margin-left:55px;}
.helpline-filter .afLeft label{font-size:14pt;color:#365F91;width:auto;float:none;}
.helpline-filter .selectBox-1{font-size:10pt;line-height:12pt;float:none;}
.helpline-filter .afLeft input{float:none;display:inline;border:1px solid #D8D8D8;background:white;line-height:12pt;height:20px;}
.helpline-filter .afInner,.helpline-filter .afLeft{overflow:visible;}
.helpline-filter .afInner{height:230px;margin:10px;padding:0;}
.helpline-filter .afLeft{margin:5px 0 0 0;height:215px;width:49%;}
.helpline-filter .afRight{border:1px solid #f2f2f2;float:right;padding-left:0;padding-right:5px;height:230px;margin:0;background:#F2F2F2;width:46%;}
.helpline-filter .afRight:hover{background-color:#f2f2f2;}
.helpline-filter .hint{float:right;font-style:italic;}

.bradius-25{border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;-khtml-border-radius:25px;}

.dropdown{width:auto;display:inline-block;padding-bottom:0 !important;}
.dropdown:hover{position:relative;z-index:999;}
.dropdown .text{display:inline-block;overflow:hidden;cursor:pointer;}
.dropdown .list{position:absolute;z-index:1000;background:#F2F2F2;overflow:hidden;}
.dropdown .text,.dropdown .list{font-size:14pt;line-height:15pt;}
.dropdown ul{display:none;top:0;left:0;min-width:180px;margin:0;padding:0;position:absolute;}
.dropdown li{font-weight:normal;background:#eee;color:#222;padding:8px;border-bottom:1px solid #ccc;z-index:2000;}
.dropdown li:hover{color:#000;background:#A4C5E8;cursor:pointer;}
.dropdown .selected{background:#5988C0;color:#f2f2f2;}
.sort-list .list{font-size:11pt;}

.gradient-sort{background:#ebebeb;background:-moz-linear-gradient(top,#ebebeb 0%,#c1c1c1 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ebebeb),color-stop(100%,#c1c1c1));
background:-webkit-linear-gradient(top,#ebebeb 0%,#c1c1c1 100%);
background:-o-linear-gradient(top,#ebebeb 0%,#c1c1c1 100%);
background:linear-gradient(to bottom,#ebebeb 0%,#c1c1c1 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ebebeb',EndColorStr='#c1c1c1');
}
.dropdown .gradient-sort{font-size:11pt;height:25px;min-width:65px;padding:0 5px;line-height:25px;text-align:center;color:#365F91;font-weight:bold;border:1px solid #BFBFBF;display:inline-block;*display:inline;zoom:1;}

.ticket-form{border:2px solid #F2F2F2;margin:10px 0;padding:10px 20px;}
.ticket-header,.ticket-summary{padding:10px 0 10px 30px;}
.ticket-summary{line-height:26pt;}
.lcolumn,.mcolumn,.rcolumn{width:33%;display:inline-block;vertical-align:top;}
.rcolumn{width:32%;}
div.ticket-header{background:#f2f2f2;border:2px solid #d8d8d8;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;-khtml-border-radius:7px;margin:0;line-height:15pt;}
div.ticket-header:hover{background:#f2f2f2;}
div.date{padding:10px;margin:10px -12px 0 0;font-size:12pt;line-height:16pt;}
div.date:hover{background:#f2f2f2;}
.date-err,.date-err input{color:red;}
.head{font-size:14pt;}
.ticket-form .body{font-size:11pt;display:inline-block;line-height:13pt;}
.ticket-form .body .text{height:auto;}
.ticket-form .body li{line-height:12pt;}
.ticket-header,div.due{font-size:13pt;line-height:13pt;}
.ui-datepicker{z-index:11 !important;}

div.ticket-subject{border:none;font-size:14pt;line-height:16pt;padding:10px 20px;margin:0;}
div.ticket-subject:hover{background:#f2f2f2;}
.subject-parag{margin-bottom:20px;}
.arrow{background:url('../images/ticketseditall_wb.gif') no-repeat;height:23px;width:168px;margin-left:110px;}

.ticket-comments .grid_chat span,.ticket-comments .grid_chat td{font-size:10pt;}
.work-order-popup a{height:0;}
.divMenu {display:none;}

/*

div.publicHeader
{
	float: left;
	width: 215px;
	padding-top: 15px;
	background-color: #b6d8e5;
	height: 100px;
	border-left: solid 1px #FFF;
	padding: 10px 10px 10px 10px;
	overflow: hidden;
}


div.publicMenu
{
	position: absolute;
	font-size: 15px;
	font-weight: bold;
	top: 115px;
	left: 0px;
	text-align: right;
	width: 165px;
	padding: 0 35px 25px 35px;
	background-color: #b6d8e5;
	border-left: solid 1px #FFF;
}



div.publicMenu a
{
	display: block;
	width: 100%;
	float: right;
	padding: 5px 0 5px 0;
	color: #000000;
	text-decoration: none;
	white-space: nowrap;
	clear: both;
	border-top: dotted 1px #FFF;
}
div.publicMenu a:last-child 
{
border-bottom: dotted 1px #FFF;
}

div.publicDivMain
{
	float: left;
	border-left: solid 1px #FFF; padding-left:5px;
}

div.publicBox, div.publicBox1
{
	position: relative;
	border: none;
	line-height: 18px;
	padding: 54px 10px 10px 10px;
	clear: both;
	width: 550px;
}
div.publicBox1 h2.boxHeader, div.publicBox h2.boxHeader
{
	position: absolute;
	top: 20px;
	font-size: 17px;
	color: #000000;
	margin: 0;
	text-transform: uppercase;
}
div.publicBox p, div.publicBox table
{
	margin-top: 0px;
	text-align: justify;
	color: #000000;
}
div.publicBox table tr.spacing
{
	line-height: 5px;
}
th.phone
{
	background: transparent url("../images/phone.png") no-repeat;
	padding: 0px 0px 0px 25px;
	text-align: right;
	line-height: 21px;
	vertical-align: top;
	color: #000000;
}
th.email
{
	background: transparent url("../images/email.png") no-repeat;
	padding: 0px 0px 0px 25px;
	text-align: right;
	line-height: 21px;
	vertical-align: top;
	color: #000000;
}
th.mail
{
	background: transparent url("../images/mail.png") no-repeat;
	padding: 0px 0px 0px 25px;
	text-align: right;
	line-height: 21px;
	vertical-align: top;
	color: #000000;
}


div.publicFooter
{
    position:absolute;
    left:0px;
    margin-top:-60px;
	padding: 1px 1px 1px 1px;
	text-align: right;
	clear:both;
	width:233px;
}

div.publicFooter a
{
	float:left;
	clear:both;width: 170px;
}

div.publicFooter p
{
	padding: 15px 10px 15px 10px;
	font-size: 11px;
	margin: 0;
	color: #000000;
}
*/