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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;list-style-position:outside;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing:0;}



#panelGroups{
    overflow-y:auto;
    overflow-x:hidden;
    
   
    min-height:100px;
}
#readerlist{
display: none;	
	}
#readerlist1{
display: none;	
	}
#excellist{
display: none;	
	}
#rinfo{}
#sinfo{
display: none;	
	}
#uploadloader{
display: none;	
	}
#Sendtimer{
	display: none;
	width: 300px;
	}
#dtstye{
	display: none;

	}
#privmess{
	display: none;
	width: 120px;
	}

.modal {
    display:    none;
    position:   fixed;
    z-index:    1060;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 0, 0, 0, .3 ) 
                url('http://websms.erccell.com.tr/img/loader2.gif')
                50% 50% 
                no-repeat;
}

body.loading {
    overflow: hidden;   
}

body.loading .modal {
    display: block;
}


body{background:url(img/bg.gif);color:#000;font-family:Helvetica,sans-serif;}

#draggable {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-box-shadow: 0px 0px 14px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 0px 14px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 0px 14px 0px rgba(50, 50, 50, 0.75);
	padding: 5px;
	background-color: #E1E1E1;
}
#cmain {
	width:  1280px;
	 display: block;
  margin-left: auto;
  margin-right: auto;

}
#kisibilgi {
	display: none;


}
#kisiekle {
	margin-top: 15px;
	margin-left: 253px;
	width: 775px;
}
#kisiekle {
	margin-top: 15px;
	margin-left: 253px;
	
}
#sendmessage {
	margin-top: 15px;
	margin-left: 253px;
	width: 775px;
}
#sendedmsg {
	margin-top: 15px;
	margin-left: 253px;
	width: 775px;
}
#grupekle {
	margin-top: 15px;
	margin-left: 353px;
	
}
#leftside {
	width: 220px;
	height: 100%;
	margin-top: 4px;
	float: left;
	margin-left: 2px;
}
#rightside {
	width: 220px;
	height: 100%;
	margin-top: 4px;
	float: right;
	margin-right: 2px;

}
#client {
	float: left;
	width: 828px;
	margin-top: 4px;
	margin-right: 4px;
	margin-left: 4px;
	height: 100%;
}
#accordian {
	background: #03576c;
	width: 220px;
	color: white;
	
}
#inserter {

	z-index: 888;
	position: absolute;
	
}
#inserter2 {

	z-index: 999;
	position: absolute;
	
}
/*heading styles*/
#accordian h3 {
	font-size: 12px;
	line-height: 34px;
	padding: 0 10px;
	cursor: pointer;
	/*fallback for browsers not supporting gradients*/
	background: #003040;
	background: linear-gradient(#0088c1, #026e9b);
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #024353;
}
#banner{
	cursor: pointer;
	font-size: 12px;
	background: #003040;
	background: linear-gradient(#001d27, #026e9b);
	font-weight: bold;
	color: #FFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-right: 2px;
	margin-left: 2px;
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

#banner2{
	width: 220px;
	cursor: pointer;
line-height: 34px;	background: #003040;
	background: linear-gradient(#0088c1, #026e9b);
	font-weight: bold;
	color: #FFF;
	display: block;
	padding-left: 10px;
		border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #024353;
	font-size: 12px;
	
}
#banner3{
	cursor: pointer;
line-height: 34px;
	background: #003040;
	background: linear-gradient(#0088c1, #026e9b);
	font-weight: bold;
	color: #FFF;
	display: block;
	font-size: 12px;
	padding-left: 10px;
		border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #024353;
	
}
#banner4{
	cursor: pointer;
line-height: 34px;
	background: #003040;
	background: linear-gradient(#0088c1, #026e9b);
	font-weight: bold;
	color: #FFF;
	display: block;
	font-size: 12px;
	padding-left: 10px;
		border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #024353;
	
}
/*heading hover effect*/
#accordian h3:hover {
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
	color: #C4E4FF;
}
/*iconfont styles*/
#accordian h3 span {
	font-size: 16px;
	margin-right: 10px;
}
.texts12{
	font-size: 12px;
	font-weight: bold;	
}
.texts13{
	font-size: 14px;
	font-weight: bold;	
}
.texts12L{
	font-size: 12px;
	font-weight: bold;
	margin-left: 5px;	
}
.texts12e{
	font-size: 13px;
	font-weight: bold;
	color: #F00;
}
.texts12n{
	font-size: 11px;
	margin-right: 5px;
	padding-right: 5px;
	font-weight: bold;
}
.texts12nerr{
	font-size: 11px;
	margin-right: 5px;
	padding-right: 5px;
	color: red;
}
.textsqrb{
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;

}
.textsqr{
	font-size: 12px;
	color: #ffffff;

}
.texts11{
	font-size: 11px;

}
.texts11b{
	font-size: 11px;
font-weight: bold;
}
.texts11rep{
	font-size: 11px;
	vertical-align: middle;
	height: 30px;
}
.texts11b{
	font-size: 11px;
	margin-right: 30px;
}
.texts11b2{
	font-size: 11px;
	margin-right: 30px;
	background: #F4F4F4;
}
#pagiright{
	float: right;

}
.textsd{
	margin-right:5px;

}
#bannerpano{
	width: 220px;
	background: #03576c;
	color: white;
	text-decoration: none;
	font-size: 11px;
	display: block;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 4px;
	cursor: pointer;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;

}
#bannerpano2{
	color: #333;
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 2px;
	background-color: #E1E1E1;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
#accordian li a {
	color: #EAF5FB;
	text-decoration: none;
	font-size: 11px;
	line-height: 24px;
	display: block;
	transition: all 0.15s;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #034f62;
}
.bannertext a:hover{
	color: #3394FF;
	font-size: 11px;
	cursor: pointer;
	text-decoration: none;
}

.bannertext a{
	color: #E6F0F2;
	font-size: 11px;
	cursor: pointer;
	text-decoration: none;
}


.persontext{
	font-size: 11px;
	cursor: pointer;
	text-decoration: none;
	background-color: #E1EAFF;
	height: 25px;
}

.persontext2{
	font-size: 11px;
	padding: 5px;
	background-color: #E6F8FF;
}

.persontext21{
	font-size: 11px;
	padding: 5px;
	background-color: #FFFFFF;
}

#personinfo{
	display: none;

}
#reportinfo{
	display: none;

}
#nextmessageinfo{
	display: none;

}
#groupinfo{
	display: none;

}
.persontext:hover{
	color: #000000;
	text-decoration: none;
	background-color: #EBEBEB;
	font-weight: bold;

}
.persontext1{
	font-size: 11px;
	cursor: pointer;
	text-decoration: none;
	background-color: #FFFFFF;
height: 25px;

}

.persontext1:hover{
	color: #000000;
	text-decoration: none;
	background-color: #EBEBEB;
	font-weight: bold;

}

#accordian li a:hover {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #023845;
	background-color: #8FDEF1;
	color: #333;	
	
}
#accordian li a:active {
	background: #199fc1;
	color: #FFF;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #023845;
}
#accordian li active {
	background: #199fc1;
	color: #FFF;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #023845;
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
	display: none;
}

.selector-mlink-selected{
	background: #009B9B	;
	color: #333;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #023845;
}