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

/* ====================================== Reset Style Starts Here ======================================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
body {
	background:#FFF;
}
ol, ul {
	list-style: none;
}
* {
	margin:0px;
	padding:0px;
}
a {
	text-decoration:none;	
}

a:hover {
	text-decoration:underline;
}
table {
 *border-collapse: collapse; /* IE7 and lower */
	border-spacing: 0;
}

/* ====================================== Reset Style Ends Here ======================================================== */

								/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
					
/* ====================================== Default Input Style Starts Here ======================================================== */

 input:-moz-placeholder, textarea:-moz-placeholder {
 color: #999999 !important;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	border-color: rgba(82, 168, 236, 0.8) !important;
	outline: 0 !important;
	outline: thin dotted \9 !important;
	/* IE6-9 */

  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 6px rgba(82, 168, 236, 0.4) !important;
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 6px rgba(82, 168, 236, 0.4) !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 6px rgba(82, 168, 236, 0.4) !important;
}

input, textarea
{
	border-radius:4px;
	-moz-border-radius:4px;
	outline:none;
	background: #ffffff;
	border: 1px solid #dedddd;
	border-bottom: 1px solid #dedddd;
	-webkit-box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.58), inset 0px 0px 8px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.58), inset 0px 0px 8px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.58), inset 0px 0px 8px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.58), inset 0px 0px 8px rgba(0, 0, 0, 0.1);
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#676666;
	padding-left:15px;
	padding-right:15px;
}

input
{
	line-height:35px;
}

textarea
{
	line-height:18px;
	border:1px solid #BAB9B9;
}

 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
 color: #999999 !important;
}
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 color: #999999 !important;
}

.btn {
	display: inline-block;
 *display: inline;
	padding: 4px 12px;
	margin-bottom: 0;
 *margin-left: .3em;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height: 20px;
 *line-height: 20px;
	color: #666666;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
 *background-color: #e6e6e6;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #bbbbbb;
 *border: 0;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #a2a2a2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 *zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover, .btn:active {
	color: #333333;
	background-color: #e6e6e6;
 *background-color: #d9d9d9;
}
.btn:active {
	background-color: #cccccc \9;
}
.btn:first-child {
 *margin-left: 0;
}
.btn:hover {
	color: #333333;
	text-decoration: none;
	background-color: #e6e6e6;
 *background-color: #d9d9d9;
	/* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}
.btn:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

label.myradio {
	float:left;
	width:auto;
}
.myradio input {
	display: none;
}
.myradio span {
	width: 20px;
	height: 20px;
	display: block;
	background:url(../../assets/images/radio_background.png) no-repeat center;
	cursor:pointer;
	color:#FFF;
}
.myradio input:checked + span {
	background:url(../../assets/images/radio_background_hover.png) no-repeat center;
	cursor:pointer;
}

label.myCheckbox {
	float:left;
	width:auto;
}
.myCheckbox input {
	display: none;
}
.myCheckbox span {
	width: 21px;
	height: 21px;
	display: block;
	background: url(../../assets/images/tick_background.png) no-repeat center;
    cursor:pointer;
	color:#FFF;
}
.myCheckbox input:checked + span {
	background:url(../../assets/images/tick_background_hover.png) no-repeat center;
	cursor:pointer;
}

/* ====================================== Default Input Style Ends Here ======================================================== */

 								/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
													
/* ================================= Dialogue Window Style Starts Here =========================================== */

.fade {
	opacity: 0;
	-webkit-transition: opacity 0.15s linear;
	-moz-transition: opacity 0.15s linear;
	-o-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear;
}
.fade.in {
	opacity: 1;
}
.collapse {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: height 0.35s ease;
	-moz-transition: height 0.35s ease;
	-o-transition: height 0.35s ease;
	transition: height 0.35s ease;
}
.collapse.in {
	height: auto;
}
.close {
	float: right;
}
.close:hover {
}
button.close {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background:url(../../assets/images/pop_up_background.png) repeat;
	width:100%;
	height:100%;
}
.modal-backdrop.fade {
	opacity: 0;
}
.modal-backdrop, .modal-backdrop.fade.in {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.modal.fade {
	top: -25%;
	-webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, top 0.3s ease-out;
	-o-transition: opacity 0.3s linear, top 0.3s ease-out;
	transition: opacity 0.3s linear, top 0.3s ease-out;
}
.modal.fade.in {
	top: 15%;
}
.modal-header {
	padding: 2px 15px;
	border-bottom: 1px solid #eee;
}
.modal-header .close {
	margin-top: 2px;
}
.modal-header h3 {
	margin: 0;
	line-height: 30px;
}

.modal-form {
	margin-bottom: 0;
}
.modal-footer {
	padding: 14px 15px 15px;
	margin-bottom: 0;
	text-align: right;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
    *zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 #ffffff;
	-moz-box-shadow: inset 0 1px 0 #ffffff;
	box-shadow: inset 0 1px 0 #ffffff;
}
.modal-footer:before, .modal-footer:after {
	display: table;
	line-height: 0;
	content: "";
}
.modal-footer:after {
	clear: both;
}
.modal-footer .btn + .btn {
	margin-bottom: 0;
	margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
	margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
	margin-left: 0;
}
.hide {
	display: none;
	top:4% !important;
}
.show {
	display: block;
}
.invisible {
	visibility: hidden;
}
.affix {
	position: fixed;
}
.modal-header {
	float:left !important;
	position:relative !important;
	width:100% !important;
	height: auto !important;    
    background: #f4f4f4;
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0px 0px;
	margin:0px !important;
	min-height:26px !important;
	padding:12px 0px !important;
}
.modal-header button {
	display:block;
	line-height:22px;
	text-indent:-10000px;
	cursor:pointer;
	float:right !important;
	background:url(../../assets/images/pop_up_close.png) no-repeat;
	width:56px;
	height:48px;
	opacity:1;
	filter: alpha(opacity=100);
	position:absolute;
	right:0;
	top:0;
	opacity:0.6;
}
.modal-header button:hover {	
	opacity:1;
}
.modal-header h3 {
	float:left !important;
	width:auto;
	height:auto;
	line-height:24px;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding-left:20px;
	color:#367f96;
	margin-top:3px;
	margin-bottom:1px;
}
.modal-header h3 span {
	color:#358165;
}

@media screen and (min-height: 1000px) {
	.modal-body {
		max-height:740px !important;
	}		
}

@media screen and (min-height: 960px) and (max-height: 1000px) {
	.modal-body {
		max-height:690px !important;
	}		
}
@media screen and (min-height: 880px) and (max-height: 960px) {
	.modal-body {
		max-height:650px !important;
	}	
}
@media screen and (min-height: 851px) and (max-height: 879px) {
	.modal-body {
		max-height:605px !important;
	}	
}
@media screen and (min-height: 796px) and (max-height: 850px) {
	.modal-body {
		max-height:555px !important;
	}	
}
@media screen and (min-height: 780px) and (max-height: 795px) {
	.modal-body {
		max-height:535px !important;
	}	
}
@media screen and (min-height: 755px) and (max-height: 780px) {
	.modal-body {
		max-height:510px !important;
	}	
}
@media screen and (min-height: 715px) and (max-height: 755px) {
	.modal-body {
		max-height:475px !important;
	}	
}
@media screen and (min-height: 675px) and (max-height: 715px) {
	.modal-body {
		max-height:440px !important;
	}	
}
@media screen and (min-height: 635px) and (max-height: 675px) {
	.modal-body {
		max-height:400px !important;
	}	
}
@media screen and (min-height: 595px) and (max-height: 635px) {
	.modal-body {
		max-height:360px !important;
	}	
}
@media screen and (min-height: 535px) and (max-height: 595px) {
	.modal-body {
		max-height:310px !important;
	}	
}
@media screen and (min-height: 475px) and (max-height: 535px) {
	.modal-body {
		max-height:250px !important;
	}	
}
@media screen and (min-height: 415px) and (max-height: 475px) {
	.modal-body {
		max-height:200px !important;
	}	
}
@media screen and (min-height: 355px) and (max-height: 415px) {
	.modal-body {
		max-height:140px !important;
	}	
}
@media screen and (min-height: 0px) and (max-height: 354px) {
	.modal-body {
		max-height:135px !important;
	}	
}

.higher_index {
	z-index:1500 !important;
}
.higher_index_second {
	z-index:2500 !important;
}

/* ================================= Dialogue Window Style Ends Here =========================================== */

							/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
 
/* =====================================  Select Dropdown Style Starts Here =================================================== */

.dropup,
.dropdown {
  position: relative;
	height: 32px;
	border-width: 1px;
	border-style: solid;
	border-color: #e2e2e2;
	border-radius: 4px;
	-moz-border-radius: 4px;
	display: inline-block;
	vertical-align: baseline;
	zoom: 1;
 *display: inline;
 *vertical-align: auto;
	background:url(../../assets/images/select_background.png) repeat-x;
	background-color:#FFFFFF !important;
	width:350px;
	float:left;
}
.dropdown-toggle {
  *margin-bottom: -3px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:normal !important;	
	float: left;
	position: relative;
	height: 32px;
	line-height: 32px;
	color: #5b5b5b;
	border-radius: 2px 0 0 2px;
	text-align:left !important;
	font-size:13px !important;
	background:url(../../assets/images/toggle.png) no-repeat right center;
}

@media screen and (min-width: 840px) {
.dropdown-toggle {
	padding: 0 4%;
	width:92%;
}
}

@media screen and (min-width: 0px) and (max-width: 840px) {
.dropdown-toggle {
	padding: 0;
	width:90%;
	padding-left:6%;
	padding-right:4%;
}
}	

a.dropdown-toggle:hover {
	background:url(../../assets/images/toggle_hover.png) no-repeat right center;
	cursor:pointer;
	text-decoration:none !important;
}

.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
}
.dropdown-menu {
  z-index: 1000;
  display: none;
  float: left;
  list-style: none;
	width:auto;
	position: absolute;
	top: 32px;
	left: 0;
	right: 0;
	background: #FFFFFF;
	border: 1px solid #e2e2e2;
	border-radius: 0 0 4px 4px;
}
.dropdown-menu li
{
	float:left !important;
	display: block;
	border-bottom: 1px solid #f7f7f7;
	width:100%;
}
.dropdown-menu ul li:last-child a {
	border-radius: 0 0 4px 4px;
}
.dropdown-menu li > a {
  display: block;
  clear: both;
  font-weight: normal;
  white-space: nowrap;
  width: auto !important;	
	line-height: 28px;
	padding:0px 10px;
	color: #666666;
	height:28px;
	color: #666666;
	text-align:left !important;
	font-size:12px !important;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:normal !important;
}
.dropdown-menu a span
{
	color:#288C68;
}
.dropdown-menu li > a:hover {
	line-height:28px;
	background:#ececec;
}

.open {
  *z-index: 1000;
}
.open > .dropdown-menu {
  display: block;
}

/* =====================================  Select Dropdown Style Ends Here ===================================================== */

         						/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
								
/* =====================================  Table Common Style Starts Here ===================================================== */
								
a.ascending {
	background:url(../../assets/images/sort_up.png) no-repeat center;
	width:20px;
	height:20px;
	float:right;
	opacity:0.8;
}
a.ascending:hover {
	background:url(../../assets/images/sort_up_hover.png) no-repeat center;
}
a.descending {
	background:url(../../assets/images/sort_down.png) no-repeat center;
	width:20px;
	height:20px;
	float:right;
	opacity:0.8;
}
a.descending:hover {
	background:url(../../assets/images/sort_down_hover.png) no-repeat center;
}	

a.no_sort {
	background:url(../../assets/images/no_sort.png) no-repeat center;
	width:20px;
	height:20px;
	float:right;
	opacity:0.8;
}
a.no_sort:hover {
	background:url(../../assets/images/no_sort_hover.png) no-repeat center;
}	
.table_question_icon
{
	margin-left:4px;
	float:right;
}
.table_question_icon img {
    cursor: pointer;
    float: right;
    margin-right: 2px;
    margin-top: 2px;
	opacity:0.5;
}
.table_question_icon:hover img {
	opacity:0.8;
}

/* =====================================  Table Common Style Ends Here ===================================================== */

         						/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
								
/* =====================================  Show Per Page Style Starts Here ===================================================== */	
							
.show_per_page {
	width:auto;
	float:right;
}
.show_per_page h3 {
	color: #676666;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 32px;
	margin-right: 10px;
	text-align: left;
	width:auto;
}
.show_per_page .dropup,
.show_per_page .dropdown {
	height: 30px !important;
	width:94px !important;
}
.show_per_page .dropdown-toggle {
	height: 30px !important;
	line-height: 30px !important;
	padding: 0 10px;
	width:74px;
	font-size:13px !important;
}
.show_per_page .dropdown-menu {
 	top: 27px;
	left: 0;
	right: 0;
}
.show_per_page .dropdown-menu li > a {
 	line-height: 26px;
	padding:0px 10px;
	height:26px;
	font-size:13px !important;
}
.show_per_page .dropdown-menu li > a:hover {
	line-height:26px;
}
	

/* =====================================  Show Per Page Style Ends Here ===================================================== */
						
         						/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */											

/* =====================================  Tab Common Style Ends Here ===================================================== */

.nav-tabs, {
 *zoom: 1;
}
.nav-tabs:before, .nav-tabs:after {
	display: table;
	line-height: 0;
	content: "";
}
.nav-tabs:after {
	clear: both;
}
.nav-tabs > li {
	float: left;
}
.nav-tabs > li > a {
	float:left;
	width:100%;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#3a778e;
	font-weight:bold;
}
.nav-tabs > li > a:hover {
	color:#555555;
}
.nav-tabs > li > a span {
	color:#2b7d5f;
	text-decoration:none !important;
}
.nav-tabs {
	float:left;
	width:100%;
}
.nav-tabs > li {
	height:auto;
}
.nav-tabs > li.active {
}
.nav-tabs > li.active a:hover {
	text-decoration:none !important; 
}
.nav-tabs > li > a:hover {
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
	color: #555555 !important;
	cursor: default;
	background-color: #ffffff;
}
.tab-content {
	float:left;
	width:100%;
	height:auto;
}
.tab-content > .tab-pane {
	display: none;
}
.tab-content > .active {
	display: block;
}
.nav > .disabled > a {
	color: #999999;
}
.nav > .disabled > a:hover {
	text-decoration: none;
	cursor: default;
	background-color: none !important;
}

/* =====================================  Tab Common Style Ends Here ===================================================== */

         					/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */





							 





/* This is for CkedItor added by Abhishek */

/* Content Comment CKEditor Plugin By Dexterphp.com */
.comment_box_title {
    font-weight: bold;
    font-size: 14px;
    position: relative;
    color: #474747;
    text-shadow: 0 1px 0 rgba(255,255,255,0.75);
    border-bottom: 1px solid #999;
    padding: 6px 10px;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    -moz-box-shadow: 0 1px 0 #fff inset;
    -webkit-box-shadow: 0 1px 0 #FFF inset;
    box-shadow: 0 1px 0 #FFF inset;
    background: #cfd1cf;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#cfd1cf));
    background-image: -moz-linear-gradient(top,#f5f5f5,#cfd1cf);
    background-image: -webkit-linear-gradient(top,#f5f5f5,#cfd1cf);
    background-image: -o-linear-gradient(top,#f5f5f5,#cfd1cf);
    background-image: -ms-linear-gradient(top,#f5f5f5,#cfd1cf);
    background-image: linear-gradient(top,#f5f5f5,#cfd1cf);
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f5f5f5',endColorstr='#cfd1cf');
}

.content_comment_green_btn {
    display: inline-block;
    padding: 3px 0;
    margin: 0;
    text-align: center;
    color: #333;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #b6b6b6;
    color: #FFF;
    text-shadow: 0 -1px 0 #55830c;
    border-color: #62a60a #62a60a #4d9200;
    border-bottom-color: #999;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5),0 0 2px rgba(255,255,255,0.15) inset,0 1px 0 rgba(255,255,255,0.15) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,0.5),0 0 2px rgba(255,255,255,0.15) inset,0 1px 0 rgba(255,255,255,0.15) inset;
    background: #69b10b;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#9ad717),to(#69b10b));
    background-image: -webkit-linear-gradient(top,#9ad717,#69b10b);
    background-image: -o-linear-gradient(top,#9ad717,#69b10b);
    background-image: linear-gradient(to bottom,#9ad717,#69b10b);
    background-image: -moz-linear-gradient(top,#9ad717,#69b10b);
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#9ad717',endColorstr='#69b10b');
}

.content_comment_grey_btn {
    display: inline-block;
    padding: 3px 0;
    margin: 0;
    text-align: center;
    color: #333;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #b6b6b6;
    border-bottom-color: #999;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5),0 0 2px rgba(255,255,255,0.15) inset,0 1px 0 rgba(255,255,255,0.15) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,0.5),0 0 2px rgba(255,255,255,0.15) inset,0 1px 0 rgba(255,255,255,0.15) inset;
    background: #e4e4e4;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#FFF),to(#e4e4e4));
    background-image: -moz-linear-gradient(top,#fff,#e4e4e4);
    background-image: -webkit-linear-gradient(top,#FFF,#e4e4e4);
    background-image: -o-linear-gradient(top,#fff,#e4e4e4);
    background-image: -ms-linear-gradient(top,#fff,#e4e4e4);
    background-image: linear-gradient(top,#fff,#e4e4e4);
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4');
}

#insert_new_comment_buttons_div_wrap {
    padding: 10px 0;
    border-bottom: 1px solid #999;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    -moz-box-shadow: 0 1px 0 #fff inset;
    -webkit-box-shadow: 0 1px 0 #FFF inset;
    box-shadow: 0 1px 0 #FFF inset;
    background: #cfd1cf;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#cfd1cf));
    background-image: -moz-linear-gradient(top,#f5f5f5,#cfd1cf);
    background-image: -webkit-linear-gradient(top,#f5f5f5,#cfd1cf);
    background-image: -o-linear-gradient(top,#f5f5f5,#cfd1cf);
    background-image: -ms-linear-gradient(top,#f5f5f5,#cfd1cf);
    background-image: linear-gradient(top,#f5f5f5,#cfd1cf);
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f5f5f5',endColorstr='#cfd1cf');
}

#content_comment_plugin_textarea {
    width: 83%;
    border: 1px solid #aaa;
    margin: 10px 5px;
}

#content_comment_plugin_save_btn {
    margin-left: 10px;
    padding: 5px 10px;
}

#content_comment_plugin_cancel_btn {
    margin-left: 10px;
    padding: 5px 10px;
}

#content_comment_plugin_div_wrap {
    border: 1px solid #ccc;
    width: 250px;
    position: fixed;
    top: 30%;
    left: 55%;
    z-index: 1000000;
    background-color:#F5F7F7; 
}

#existing_comment_text_div_wrap {
    font-size: 12px;
    margin: 5px 10px;
    text-align: left;   
    overflow-y: scroll;
    height: 150px;
}

#content_comment_plugin_edit_btn {
    /*float: right;*/ /*Commented By Geethika for TaskID:21123*/
    padding: 5px 10px;
    margin: 5px 10px 10px 100px;
}
#content_comment_plugin_close_btn { /*Addded By Geethika for TaskID:21123*/
     padding: 5px 10px;
    margin: 5px 10px 10px 10px;
}


/* Content Comment CKEditor Plugin By Dexterphp.com */
.content_comment_plugin_span_class{
    border:2px dashed #F00;
 
}