body { 
color: #666; background: url('../../images/body_bg.jpg'); background-color: #0c66a5; background-repeat:repeat-x;
font-family: Arial, Verdana;
font-size:12px;
margin:0px;
padding:0px;
}

ol, li, ul, p {font-weight:normal;}

strong {font-weight:bold;}

div {padding:0px; margin:0px;}

#wrapper {
	margin:0 auto;
	padding:0px;
	width: 980px;
	}
	
.banner {
	float: left; position: relative;
	margin-bottom:10px;
	}
	
	
.topbar { 
	background: url('../../images/topbar-lblue.png') ;
	float:left;
	height:25px;
	width:950px;
	padding:5px 15px;
}

.header1 {
	font-family: Calibri, Arial;
	font-size:24px;
	font-weight:bold;
}

.header2 {
float:right;
}
	
.logo {
	position: absolute; top: 10px; left: 10px;
	}



#content {
	float:left;
	background-color:#fff;
	padding:10px;
	width:960px;
	min-height:300px;
	display:block;
	text-align:left;
	}


#content2 {
	float:left;
	margin:0 5px 0 5px;
	width:910px;
	display:block;
	text-align:left;
	}

p.current {
	background-color:#c6e8fa;
	padding:5px 0 5px 0;
}

.clientname {
	color:#2888b5;
	font-weight:bold;
}

.datetime 
{
	margin-top:15px;
	color:#979797;
	font-size:10px;
}

td.greyed {
	background-color:#e0e0e0;
	padding:10px;
	color:#2888b5;
	width:100px;
	font-weight:bold;
}

td.lightgreyed {
	background-color:#efefef;
	padding:10px;
	width:auto;
}

#subnavigation {
	float:left;
	margin:5px;
	padding:10px;
	width:910px;
	display:block;
	border:1px solid #eee;
	text-align:left;
	background-color:#eee;
	}


#subnavigation a.current {
	text-decoration:none;
	color:#2888b5;
	font-weight:bold;
	font-size:12px;
	}

#subnavigation a {
	text-decoration:none;
	color:#666;
	font-size:11px;
	}
	

#contentbox {
	float:left;
	margin:5px;
	padding:10px;
	width:910px;
	display:block;
	border:1px solid #eee;
	text-align:left;
	}

#leftbox_login {
	float:left;
	margin:0 30px 0 30px;
	padding:30px;
	width:300px;
	display:block;
	border:2px dashed #c6e9fb;
	text-align:left;
	height:250px;
	}
	


#rightbox_login {
	float:left;
	padding:30px;
	width:440px;
	display:block;
	border:2px dashed #c6e9fb;
	text-align:left;
	height:250px;
	}
	

#leftbox_loggedin {
	float:left;
	margin:0;
	padding:10px 10px 10px 5px;
	width:180px;
	display:block;
	text-align:left;
	min-height:250px;
	}

#rightbox_loggedin {
	float:left;
	margin: 0 0 10px 0;
	padding:10px;
	width:740px;
	display:block;
	text-align:left;
	border:1px dashed #c6e9fb;
	min-height:300px;
	}

	
#thread {
	float:left;
	margin: 0 0 10px 0;
	padding:10px;
	width:685px;
	display:block;
	text-align:left;
	}

.clientprofile {
	float:left;
	margin:0px;
	padding:0px;
	width:60px;
	display:block;
	text-align:left;
	}
	
.clientprofile2 {
	float:left;
	margin:0px;
	padding:0px;
	width:40px;
	display:block;
	text-align:left;
	}


.replies {
	float:left;
	margin:0px;
	width:620px;
	padding:0px;
	display:block;
	text-align:left;
	}
	
.repliesdesign {
	float:left;
	margin:0px;
	width:645px;
	padding:10px;
	display:block;
	background-color:#d1e2ee;
	}
	
.replies2 {
	float:left;
	margin:0px;
	padding:0px;
	width:605px;
	display:block;
	text-align:left;
	}

.commentbox {
	display:block;
	float:left;
	width:580px;
	border:1px solid #b4b4b4;
	min-height:30px;
	background-color:#fff;
	color:#d2d2d2;
	padding:10px;
	
	}
	
.attachbox {
	float:left;
	width:auto;
	padding-top:10px;
	}

.submitbox {
	float:right;
	width:auto;
	padding-top:10px;
	}

.replyoptions {
	clear:both;
	width:auto;
	height:auto;
	}

.attach {
	display:block;
	width:auto;
	border:1px solid #b4b4b4;
	padding:10px;
	margin:15px 0 5px 0;
	}


	
#icons {
	float:left;
	margin:0;
	width:180px;
	display:block;
	text-align:left;
}

img.icon {
margin: 0 5px 0 10px;
}
	
.selections {
	margin:0 0 0 10px;
	text-align:left;
	font-size:16px;
	}


	
img {border:0px}

img.profilephoto {
border:1px solid #8c8c8c;
margin:2px;
float:left;
}

.reply {
	padding:0;
	text-align:left;
	
	}	

.footer{
	font-size:11px;
	margin:10px;
	color:#fff;
	text-align:center;
	}

hr {
 border: 0;
 color: #a8a8a8;
 background-color: #a8a8a8;
 height: 1px;
 width: 100%;
 text-align: left;
 }

a:visited, a:hover, a:link{
color:#2888b5;
}


	
.gridviewlist { width: 100%; border-spacing: 1px; background-color: #e7e7e7; color: #666; border-collapse:separate; font-size:11px; }
.gridviewlist td, .gridviewlist th { padding: 4px ; text-align:center;}
.gridviewlist th { text-align: center; background: #f0f0f0; color: #666; border-bottom: 1px solid #999; border-left: 1px solid #fff; }
.gridviewlist a:hover { text-decoration: none; }
.gridviewlist th img { vertical-align: middle; }
.gridviewlist th { font-weight: bold;}
.gridviewlist th a { text-decoration:none; }
.gridviewlist tr.row0:hover td,.gridviewlist tr.row1:hover td  { background-color: #ffd ; }
.gridviewlist tr.row0 td { background-color: #fff; border: 1px solid #fff; }
.gridviewlist tr.row1 td { background-color: #f9f9f9; border: 1px solid #FFF; }
.gridviewlist td.optionlink { text-align:center; }

/* Pagination Style 1  */
.pagination {padding:7px; color: #333; background-color: #f3f3f3; border-top: 1px solid #999}
.pagination table {margin:auto; }
.pagination div.limit { float: left; height: 22px; line-height: 22px; }
.pagination div.paging { margin-left:120px; }
.pagination a { text-decoration: none; }
.pagination .button2-left,
.pagination .button2-right,
.pagination .button2-left div,
.pagination .button2-right div { float: left; }
.pagination .button2-left a,
.pagination .button2-right a,
.pagination .button2-left span,
.pagination .button2-right span { display: block; height: 22px;	float: left; line-height: 22px; font-size: 11px; color: #333; cursor: pointer; }
.pagination .button2-left span,
.pagination .button2-right span { cursor: default; color: #999; }
.pagination .button2-left .page a,
.pagination .button2-right .page a,
.pagination .button2-left .page span,
.pagination .button2-right .page span,
.pagination .button2-left .blank a,
.pagination .button2-right .blank a,
.pagination .button2-left .blank span,
.pagination .button2-right .blank span { padding: 0 6px; }
.pagination .page span, .pagination .blank span { color: #000; font-weight: bold; }
.pagination .button2-left a:hover,
.pagination .button2-right a:hover { text-decoration: none; color: #0B55C4; }
.pagination .button2-left a,
.pagination .button2-left span { padding: 0 24px 0 6px; }
.pagination .button2-right a,
.pagination .button2-right span { padding: 0 6px 0 24px; }
.pagination .button2-left { background: url(../../images/j_button2_left.png) no-repeat; float: left; margin-left: 5px; }
.pagination .button2-right { background: url(../../images/j_button2_right.png) 100% 0 no-repeat; float: left; margin-left: 5px; }
.pagination .button2-right .prev { background: url(../../images/j_button2_prev.png) no-repeat; }
.pagination .button2-right.off .prev { background: url(../../images/j_button2_prev_off.png) no-repeat; }
.pagination .button2-right .start { background: url(../../images/j_button2_first.png) no-repeat; }
.pagination .button2-right.off .start { background: url(../../images/j_button2_first_off.png) no-repeat; }
.pagination .button2-left .page,
.pagination .button2-left .blank { background: url(../../images/j_button2_right_cap.png) 100% 0 no-repeat; }
.pagination .button2-left .next { background: url(../../images/j_button2_next.png) 100% 0 no-repeat; }
.pagination .button2-left.off .next { background: url(../../images/j_button2_next_off.png) 100% 0 no-repeat; }
.pagination .button2-left .end { background: url(../../images/j_button2_last.png) 100% 0 no-repeat; }
.pagination .button2-left.off .end { background: url(../../images/j_button2_last_off.png) 100% 0 no-repeat; }

/* added style  */
.gridviewlist tr.bold td { font-weight:bold; }
.gridviewlist tr.red td { background-color: #ffc7c7; }
.gridviewlist tr.red:hover td { background-color: #ffc7c7; }
/* end added style  */


input.normal,
select.normal,
textarea.normal {
		background-color: #fff;
		border:1px solid #c6e9fb;
		color: #0a5690;
		width: auto;
		margin-right:10px;
		padding:3px;
		}
	
.mandatory{
color:#ff0000;
}

.mandatorytext{
font: 11px Verdana, Arial, Helvetica, san-serif;
}




a:link, a:hover, a:visited {
text-decoration:none;
}

.dbunread {
background-color:#0c66a5;
padding:2px;
color:#fff;
font-size:10px;
margin:0 0 0 5px;
}

.dbopen {
background-color:#9b0a0a;
padding:2px;
color:#fff;
font-size:10px;
margin:0 0 0 5px;
}

.required, .required span { color:red; }
.block { display:block; }
.inline-block { display:inline-block; }
.custom_message{ color:red; padding:0px; padding-bottom:15px; }
.empty_gridview { font-weight:bold; font-style:italic; text-align:center; color:red; margin-top:20px; }
.watermark, .watermarked { color: #999 !important; }
.templateitem .options { cursor:pointer; }

.searchtable { vertical-align:middle; margin-bottom:5px; width:100%; border:0; }
.searchtable .item { vertical-align:middle; text-align:right; }
.searchtable .first { text-align:left; width:100%; }

.replybox textarea { font-family: Arial, Verdana; font-size:12px; }

.case-status img { cursor: pointer; }