@charset "utf-8";
/* CSS Document */

#main
	{
	width:980px;
	height:auto;
	margin:auto;
	background-color:#FFFFFF;
	color:#000000;
	}
.divwidth
	{
	width:980px;
	height:auto;
	}
.clr
	{
	clear:both;
	}
#top
	{
	width: 100%;

	}
#wasaLogo
	{
		float: left;
		width: 220px;
		height: 130px;
		background-image:url(../img/wasa.png);
		background-repeat: no-repeat;
		margin-left: 15px;
	}
#D_wasa
	{
		float: left;
		width: 580px;
		height: 70px;
		
		padding-top: 20px;
		/*border: solid #000000 1px;*/
		text-align: center;
		font-size: 4em;
		color: #87cefa;
	}
#topRghmenu
	{
		right: 20px;
		top: 20px;
		position: absolute;
		width: 200px;
		float: right;
	}
	

	
#midBody
	{
	background-image:url(../img/images/yollow_body_bg.jpg);
	background-repeat:repeat-x;
	width:980px;
	height:589px;
	}
#logBox
	{
	width:520px;
	height:264px;
	margin-left:220px;
	margin-top:100px;
	padding-bottom:50px;
	}

.lgoCorner
	{
	float:left;
	width:15px;
	height:264px;
	}
#logMain
	{
	float:left;
	background-image:url(../img/images/log_body.jpg);
	width:490px;
	background-repeat:repeat-x;
	height:264px;
	}
.user
	{
	font-family:Verdana;
	font-size:14px;
	color:#666666;
	}
.textBox
	{
	width:200px; 
	border:solid; 
	border-width:1px; 
	border-color:#666666;
	}
#button
	{
	background-image:url(../img/images/log_but.png);
	width:80px;
	height:30px;
	background-repeat:no-repeat;
	font-family:Verdana;
	font-size:14px;
	color:#FFFFFF;
	text-align:center;
	line-height:28px;
	}
#button a
	{
	color:#FFFFFF;
	text-decoration:none;
	}
#button a:hover
	{
	display:block;
	color:#CCCCCC;
	}
/* end login page */


#topLikn
	{
	font-family:Verdana; 
	font-size:11px; 
	color:#666666; 
	float:left; 
	margin-left:120px;
	margin-top:7px;
	}	
html>body #topLikn /* for mozila */
	{
	margin-left:240px;
	}
#topLikn a
	{
	color:#666666; 
	text-decoration:none;
	}
#topLikn a:hover
	{
	color:#CCCCCC;
	cursor:pointer;
	}
#topleLI
	{
	margin-left:20px;
	width:400px;
	padding-top:3px;
	}
html>body #topleLI /* for mozila */
	/*{
	margin-left:440px;
	}*/
.topHome
	{
	float:left;
	width:16px;
	height:16px;
	margin-top:3px;
	}
.hotow
	{
	font-family:Verdana; 
	font-size:11px; 
	color:#666666; 
	float:left; 
	margin-left:10px;
	margin-top:5px;
	}
.hotow a
	{
	text-decoration:none;
	color:#666666;
	}
.hotow a:hover
	{
	text-decoration:underline;
	cursor:pointer;
	}	
.gap
	{
	float:left; 
	width:30px; 
	height:10px; 
	margin-top:5px;
	}
	
/*start menu*/	
#left_Panel
	{
	float:left; 
	width:160px;
	height:auto;
	padding-top: 20px;
	}
#left_Panel ul
	{
	margin-top:0px;
	padding-left:0px;
	}
#left_Panel ul li
	{
	list-style:none;
	font-family:Myriad,Helvetica,Tahoma,Arial,clean,sans-serif;
	color:#f89d20;
	height:20px;
	width:160px;
	font-size:10px;
	font-weight:lighter;	
	}

#left_Panel ul li a
	{
	text-decoration:none;
	color:#003DB8;
	display:block;
	margin-left:20px;
	line-height:15px;	
	}
#left_Panel ul li:hover
	{
	cursor:pointer;
	color:#999999;
	background-image:url(../img/images/hover.png);
	}
#left_Panel ul li a:hover
	{
	text-decoration:none;
	color:#1F89AD;
	display:block;
	margin-left:20px;
	line-height:15px;	
	}	
/*end menu*/
.menu
	{
	font-family:Verdana; 
	font-size:12px;
	}
#right_Panel
	{
	float:left; 
	width:758px; 
	background-color:#FFFFFF; 
	height:auto;
	}
#R_bodyinner
	{
	width:700px; 
	margin-top:0px; 
	margin-left:0px;
	}
.sl
	{
	border:solid;
	border-width:1px;
	border-color:#FFFFFF;
	border-top:none;
	border-bottom:none;
	border-left:none;
	text-align:center;
	background-image:url(../img/images/tab_heder_m.png);
	background-repeat:repeat-x;
	height:28px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	}
#sl_bg
	{
	border:solid;
	border-width:1px;
	border-color:#FFFFFF;
	border-top:none;
	border-bottom:none;
	border-left:none;
	text-align:center;
	background-image:url(../img/images/sl.png);
	background-repeat:repeat-x;
	height:28px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	}
.delete
	{
	text-align:center;
	background-image:url(../img/images/delete.png);
	background-repeat:repeat-x;
	height:28px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	}
.row_one
	{
	border:solid;
	border-width:1px;
	border-color:#37759e;
	border-top:none;
	background-color:#FFFFFF;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	}
.row_two
	{
	border:solid;
	border-width:1px;
	border-color:#37759e;
	border-top:none;
	border-left:none;
	background-color:#FFFFFF;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	}
.row_three
	{
	border:solid;
	border-width:1px;
	border-color:#37759e;
	border-top:none;
	background-color:#F2F2F2;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	}
.row_four
	{
	border:solid;
	border-width:1px;
	border-color:#37759e;
	border-top:none;
	border-left:none;
	background-color:#F2F2F2;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	}
.agent_list
	{
	margin-top:5px;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#f89d20;
	cursor:pointer;
	width:120px;
	}


#table
	{
	width:750px;
	height:auto;
	padding-bottom:50px;
	}

#bottom
	{
	width:980px; 
	height:30px; 
	background-image:url(../img/images/footer.png);
	background-repeat:no-repeat;
	}

#login{
	background: #fff;
	clear: both;
	color: #333;
	/*margin-left: 90px;*/
	margin: 0 auto;
	margin-top: 120px;
	padding: 10px 10px 10px 10px;
	/*overflow: auto;*/
	width: 350px;
}

.customDndBox{
	padding-left: 10px;
	text-align: left;
	height: 100px;
	border: #BFECFF 3px;
	overflow: auto;
}

.assignRow{
	text-align: center;
	font-weight: bold;
}

.assignRuleName{
	padding: 3px 0px 5px 0px;
	font-size: 1.1em;
	color: #0064C2;
}

.customDialogButton{
	text-align: center;
}

.customAccordion{
	height: 515px;
}



/*Ticket Layout*/

#ticketHeading {
	width: 100%;
	height: 100px;
}

#tktleft_Panel
	{
	float:left; 
	width:250px;
	height:auto;
	padding-top: 20px;
	}
#tktright_Panel
	{
	float:left; 
	width:758px; 
	background-color:#FFFFFF; 
	height:auto;
	}
#tktR_bodyinner
	{
	width:660px; 
	margin-top:0px; 
	margin-left:0px;
	}
.ticketLeftPane {

	font-family:Myriad,Helvetica,Tahoma,Arial,clean,sans-serif;
	font-size: 11px;
	clear: both;
	width: inherit;
	/*background-color: #00FFFF;*/

}

.ticketLeftSpan {
	text-align: left;
	width: 38%;
	float: left;
	padding-bottom: 5px;
	height: 20px;
	line-height: 20px;
	
}
.tickeRightSpan {

	float: left;
	width:62%;
	background-color: #F8F7F1;
	text-align: center;
	margin-bottom: 5px;
	height: auto;
	line-height: 20px;
}

.ticketHeadSummary {
	font-family: Myriad,Helvetica,Tahoma,Arial,clean,sans-serif;
	font-size: 2em;
	color: #3b3b3b;
	margin-top: 10px;
}


.ticketHeadDetails{
	font-family: Myriad,Helvetica,Tahoma,Arial,clean,sans-serif;
	font-size: 1.3em;
	color: #3b3b3b;
	margin-top: 10px;
}

.commentBox{
	width: 96%;
	clear: both;
	padding: 10px 10px 10px 10px;
}
.commentBox:hover{
	background-color: #F7F3F7;
}

.leftComment{
	float: left;
	width: 25%;
}

.rightComment{
	float: left;
	width: 75%;
		
}


.commentorImage{
	float: left;
	width: 60px;
	height: 70px;
	background-color: #FFEEBB;
}


.ticketCommentor{
	float: left;
	margin-left: 10px;
	color: #105CB6;
}

.addCommentBox{
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
}

.addCommentBox textarea{
	width: 96%;
}

.matrixTimeSpinner{
	width: 30%;
	display: none;
}