html { overflow-y: scroll; height:100%; }
body { padding:0; margin:0; min-height:100%; height:100%; font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:13px; line-height:16px; background:#fff; background: #FFF url(../imgs/bodybg.png) repeat; color:#454545; zoom:1; }
* html body { font-size:13px; } /* @ IE */
body * { font-size:13px; line-height:16px; font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; }
form { margin:0; }
a img { border: none; }
a.darkGray { color:#333; text-decoration:none; }
a.darkGray:hover { color:#333; text-decoration:underline; }
a.blue { color:#007AFF; text-decoration:none; }
a.blue:hover { text-decoration:underline; }

a.white { color:#FFF; text-decoration:none; }
a.white:hover { text-decoration:underline; }

a, button, input, textarea { outline:none !important; }

small { font-size:10px; }

.red { color:red; }
.yellow { color:yellow; }
.lightBlue { color:#99CBE1; }
.green { color:green; }
.bold { font-weight:bold; }

th { text-align:left; }

label { display:inline-block; height:22px; padding-right:0px; }

hr.dashed { border:none; border-bottom:1px dashed #CCC; height:1px; }

input[type=text], input[type=password], input[type=tel], input[type=number], textarea, select { display:inline-block; width:210px; height:18px; padding:4px; margin:0; font-size:13px; line-height:18px; color:#555; background-color:white; border:1px solid #CCC; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }

input[type=checkbox] { width:20px; height:20px; margin:0; vertical-align:middle; }

textarea { resize:none; outline:none; }
textarea.dropable { background:#EEE; }

select { width:220px; margin:0; outline:none; background-color:white; height:28px; line-height:28px; }

input, textarea, select { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);	-webkit-transition: border linear .2s,box-shadow linear .2s; -moz-transition: border linear .2s,box-shadow linear .2s;	-ms-transition: border linear .2s,box-shadow linear .2s; -o-transition: border linear .2s,box-shadow linear .2s; transition: border linear .2s,box-shadow linear .2s; }

textarea { height:auto; overflow:auto; margin:0; vertical-align:top; }

input[type=text]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=number]:focus, textarea:focus, select:focus { border-color: rgba(82,168,236,.8);-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);outline: 0;z-index:2;position:relative }

input[type=text].iconable, input[type=password].iconable { float:left; }

textarea.autosize { max-height:250px; }

input[type=file] { position:absolute; right:0; height:22px; width:30px; display:inline; cursor:pointer; opacity:0; filter:alpha(opacity=0); margin-top:3px; z-index:1; }

.input-append { display:inline-block; width:auto; height:18px; min-width:16px; padding:4px 5px; margin-left:-2px; font-weight:normal; line-height:18px; text-align:center; text-shadow:0 1px 0 white; vertical-align:middle; background-color:#EEE; border: 1px solid #CCC; webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; cursor:pointer; }

#login-box {display:none; width:100%; padding:45px 0;  overflow:hidden;}

#middleContent_Table { width:100%; height:100%; }

#mainpage-logo { margin:auto; margin-top:10px; width:200px; height:70px; background-position:center; background-size:contain; background-repeat:no-repeat; }

/* placeholder */
::-webkit-input-placeholder  { color:#AAA; }
input[type=text]:-moz-placeholder, textarea:-moz-placeholder { color:#AAA; }
input[type=password]:-moz-placeholder, textarea:-moz-placeholder { color:#AAA; }


.label { display:inline-block; padding:1px 4px 2px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.label { font-size:13px; font-weight:bold; line-height:14px; color:white; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); white-space:nowrap; vertical-align:baseline; background-color:#999; }
.label-info { background:#777; }
.label-info-red { background:#E50000; }

.unselectable { -moz-user-select:-moz-none; -khtml-user-select:none;	-webkit-user-select:none; -o-user-select:none; user-select:none;	cursor:default; }
.selectable { -moz-user-select:text; -khtml-user-select:text;	-webkit-user-select:text; -o-user-select:text; user-select:text;	cursor:default; }


/* border radius */
.radius-all		 { webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } /* top-left top-right bottom-right bottom-left */
.radius-top		 { webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
.radius-right  { webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; }
.radius-bottom { webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; }
.radius-left	 { webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; }

.form_table th { vertical-align:top; padding-top:10px; }

.mobile_form { display:block; }
.mobile_form .line { display:block; padding:10px; margin-bottom:15px; background:#F8f8f8; border-top:1px solid #CCC; border-bottom:1px solid #CCC; }
.mobile_form .line.transparent { background-color:transparent; border:none; }
.mobile_form .line .tlabel { display:block; margin-bottom:5px; }
.mobile_form .line .tlabel .tlabel-title { display:block; font-weight:bold; }
.mobile_form .line .tlabel .tlabel-subtitle { display:block; font-weight:normal; }
.mobile_form .line .content { display:block; }

.textarea-box { border:1px solid #CCC; webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.textarea-box-content { padding:3px; }
.textarea-box-content textarea { border:none; padding:0; width:100%; -webkit-box-shadow:none;	-moz-box-shadow:none;	box-shadow:none;	-webkit-transition:none; -moz-transition:none;	-ms-transition:none; -o-transition:none; transition:none; }
.textarea-box-content select { border:none; padding:0; width:100%; -webkit-box-shadow:none;	-moz-box-shadow:none;	box-shadow:none;	-webkit-transition:none; -moz-transition:none;	-ms-transition:none; -o-transition:none; transition:none; }
.textarea-box-footer { background:#EEE; border-top:1px solid #CCC; padding:5px; }

#middleContent { height:100%; }

#hidden-system-message-contanier { display:none; }

#header-menuButton_TR { height:32px; }
#header-menuButton { display:inline-block; padding:5px; width:22px; cursor:pointer; }
#header-menuButton_TR.hidden { display:none; }
#header-menuCloseButton { text-align:right; padding:6px 15px; cursor:pointer; color:#FFF; }

.header-icon { position:relative; display:inline-block; padding:5px; cursor:pointer; font-size:18px; }
.header-baloon {
	font-size: 8px;
	font-style: normal;
	position: absolute;
	top: 0;
	right: 0;
	background: red;
	color: #FFF;
	border-radius: 50%;
	padding: 0px 4px;
	line-height:13px;
	text-align:center;
}


/* yukarıdaki header barı */
#headerBar { font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; padding:0; cursor:default; width:100%; min-width:1000px;	background:#333; }
.headerBar_contanier { position: relative; height: 100%; margin: auto; }

.header_modal_box { display:none; position:absolute; z-index:100; background:#FFF; top:42px; right:5px; width:200px; font-size:13px; border:1px solid #CCC; -webkit-box-shadow: inset 0px 1px 0px 0px #ECECEC; box-shadow: inset 0px 1px 0px 0px #ECECEC; -moz-box-shadow: 0 0 8px #888; -webkit-box-shadow: 0 0 8px#888; box-shadow: 0 0 8px #888; }
.header_modal_box_header { width:200px; height:20px; background-color: #FCFCFC; color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); border-bottom: 1px solid #CCC; -webkit-box-shadow: inset 0 1px 0 white; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 white; }
.header_modal_box_footer { width:200px; height:20px; background-color: #FCFCFC; color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); border-top: 1px solid #CCC; -webkit-box-shadow: inset 0 1px 0 white; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 white; }
.header_modal_box_content { width:200px; height:200px; overflow:auto; }
.header_modal_box_content table tr { cursor:pointer; }
.header_modal_box_content table tr:hover { background:#E6F3FF }
.header_modal_box_content table tr td { border:1px solid #CCC; }
.header_modal_box_content table td { line-height:12px; }

.header-topBar-notify-box { float: left; padding: 3px; margin: 5px 0px 5px 8px; border: 1px solid #555; border-radius: 30px; background-color: #333; color: #FFF; overflow: hidden; cursor: pointer; }
.header-topBar-notify-box div:nth-child(1) { float: left; margin: 3px 10px 0 6px; }
.header-topBar-notify-box div:nth-child(2) { float: right; color: #FFF; text-align: center; min-width: 40px; padding: 3px 10px; border-radius: 30px; background-color: #DA5635; }

.text-wrapped { overflow-x:auto; display:block; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }

#playRecordIframe { width:100%; height:248px; margin-bottom:-3px; }

/* orta bölüm */
#mainContent { padding:0 0 10px 0; cursor:default; z-index:0; }
#mainContent .content-contanier { position:relative; display:table; width:100%; cursor:default; }
#mainContent .content-contanier.sideMenuOn { margin-top:41.6px; }
#mainContent .ajaxLoader { display:none; z-index:801; text-align:center; }


/* sidebar menu */
#sideBar { cursor:default; width:180px; padding-top:5px; background-color:#333; z-index:998; }
#sideBar.hidden { display:none; }

.menu-item.active .header { background:#DA5635; color:#FFF; border-bottom:1px solid #151515; }
.menu-item.active .content { display:block; }
.menu-item.bottom .header { border-bottom:1px solid #000; }
.menu-item.bottom .content { border-bottom:1px solid #000; }

.menu-item .header { position:relative; padding:12px 0 12px 12px; cursor:pointer; 
color:#bbb;
border-bottom: 1px solid #151515;
-webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.1);
box-shadow: 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.menu-item .header:hover { background:#DA5635; color:#FFF; -webkit-box-shadow:inset 0px 0px 0px 0px #ececec; box-shadow:inset 0px 0px 0px 0px #ececec; }
.menu-item.active .header:hover { background:#DA5635; }

.menu-item .header.darkGray { background:#FCFCFC; border-top:1px solid #ccc; text-shadow:1px 1px 0 #F8F8F8; -webkit-box-shadow:inset 0px 0px 0px 0px #ececec; box-shadow:inset 0px 0px 0px 0px #ececec; }
.menu-item .header.darkGray:hover { background:#EEE; }

.menu-item .header i { margin-right:12px; color:#FFF; }

.menu-item .content { position:relative; display:none; width:156px; padding:10px 12px 10px 12px; color:#bbb; background:#000; font-weight:bold; }
.menu-item .content ul { padding:0; margin:0; list-style:none; font-weight:normal; }
.menu-item .content ul li { line-height:25px; padding:0 0 0 10px; display:list-item; text-align:-webkit-match-parent; cursor:pointer; }
.menu-item .content ul li:hover { background:#333; }

button { margin:0; }

.btn {
	color: #333;	
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	display: inline-block;
	padding: 3px 6px 3px 6px;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: whiteSmoke;
	background-image: -ms-linear-gradient(top,white,#E6E6E6);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(white),to(#E6E6E6));
	background-image: -webkit-linear-gradient(top,white,#E6E6E6);
	background-image: -o-linear-gradient(top,white,#E6E6E6);
	background-image: linear-gradient(top,white,#E6E6E6);
	background-image: -moz-linear-gradient(top,white,#E6E6E6);
	background-repeat: repeat-x;
	border: 1px solid #CCC;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-color: #E6E6E6 #E6E6E6 #BFBFBF;
	border-bottom-color: #B3B3B3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6',GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	-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 {
	text-decoration: none;
	background-color: #E6E6E6;
	background-position: 0 -15px;
	-webkit-transition: background-position .1s linear;
	-moz-transition: background-position .1s linear;
	-ms-transition: background-position .1s linear;
	-o-transition: background-position .1s linear;
	transition: background-position .1s linear;
	-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);
}

.btn-green { color:#FFFFFF; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5BB75B; background-image: -ms-linear-gradient(top,#62C462,#51A351);	background-image: -webkit-gradient(linear,0 0,0 100%,from(#62C462),to(#51A351)); background-image: -webkit-linear-gradient(top,#62C462,#51A351); background-image: -o-linear-gradient(top,#62C462,#51A351); background-image: -moz-linear-gradient(top,#62C462,#51A351); background-image: linear-gradient(top,#62C462,#51A351);	background-repeat: repeat-x; border-color: #51A351 #51A351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#62c462',endColorstr='#51a351',GradientType=0);	filter: progid:dximagetransform.microsoft.gradient(enabled=false); }
.btn-green:hover, .btn-green:active, .btn-green.active, .btn-green.disabled, .btn-green[disabled] { background-color: #51A351; }

.btn-red { color:#FFFFFF; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #FF7B7B; background-image: -ms-linear-gradient(top,#FF7B7B,#9E1D1D);	background-image: -webkit-gradient(linear,0 0,0 100%,from(#FF7B7B),to(#9E1D1D)); background-image: -webkit-linear-gradient(top,#FF7B7B,#9E1D1D); background-image: -o-linear-gradient(top,#FF7B7B,#9E1D1D); background-image: -moz-linear-gradient(top,#FF7B7B,#9E1D1D); background-image: linear-gradient(top,#FF7B7B,#9E1D1D);	background-repeat: repeat-x; border-color: #9E1D1D #9E1D1D #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FF7B7B',endColorstr='#9E1D1D',GradientType=0);	filter: progid:dximagetransform.microsoft.gradient(enabled=false); }
.btn-red:hover, .btn-red:active, .btn-red.active, .btn-red.disabled, .btn-red[disabled] { background-color: #9E1D1D; }
.btn-red i.icon16 { background-image: url("../imgs/icons16-white.png"); }


.btn-blue { color:#FFFFFF; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #33bcef; background-image: -ms-linear-gradient(top,#33bcef,#019ad2);	background-image: -webkit-gradient(linear,0 0,0 100%,from(#33bcef),to(#019ad2)); background-image: -webkit-linear-gradient(top,#33bcef,#019ad2); background-image: -o-linear-gradient(top,#33bcef,#019ad2); background-image: -moz-linear-gradient(top,#33bcef,#019ad2); background-image: linear-gradient(top,#33bcef,#019ad2);	background-repeat: repeat-x; border-color: #057ed0; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#33bcef',endColorstr='#019ad2',GradientType=0);	filter: progid:dximagetransform.microsoft.gradient(enabled=false); }
.btn-blue:hover, .btn-blue:active, .btn-blue.active, .btn-blue.disabled, .btn-blue[disabled] { background-color: #019ad2; }
.btn-blue i.icon16 { background-image: url("../imgs/icons16-white.png"); }


/* icons */
.icon16 {	display: inline-block; margin-top:1px; width: 14px; height: 14px;	line-height: 14px; vertical-align: text-top;	background-repeat: no-repeat; }
.icon16.darkgray { background-image: url("../imgs/icons16-darkgray.png"); }
.icon16.white { background-image: url("../imgs/icons16-white.png"); }

.icon16.glass{background-position:0 0} .icon16.music{background-position:-24px 0} .icon16.search{background-position:-48px 0} .icon16.envelope{background-position:-72px 0} .icon16.heart{background-position:-96px 0} .icon16.star{background-position:-120px 0} .icon16.star-empty{background-position:-144px 0} .icon16.user{background-position:-168px 0} .icon16.film{background-position:-192px 0} .icon16.th-large{background-position:-216px 0} .icon16.th{background-position:-240px 0} .icon16.th-list{background-position:-264px 0} .icon16.ok{background-position:-288px 0} .icon16.remove{background-position:-312px 0} .icon16.zoom-in{background-position:-336px 0} .icon16.zoom-out{background-position:-360px 0} .icon16.off{background-position:-384px 0} .icon16.signal{background-position:-408px 0} .icon16.cog{background-position:-432px 0} .icon16.trash{background-position:-456px 0} .icon16.home{background-position:0 -24px} .icon16.file{background-position:-24px -24px} .icon16.time{background-position:-48px -24px} .icon16.road{background-position:-72px -24px} .icon16.download-alt{background-position:-96px -24px} .icon16.download{background-position:-120px -24px} .icon16.upload{background-position:-144px -24px} .icon16.inbox{background-position:-168px -24px} .icon16.play-circle{background-position:-192px -24px} .icon16.repeat{background-position:-216px -24px} .icon16.refresh{background-position:-240px -24px} .icon16.list-alt{background-position:-264px -24px} .icon16.lock{background-position:-287px -24px} .icon16.flag{background-position:-312px -24px} .icon16.headphones{background-position:-336px -24px} .icon16.volume-off{background-position:-360px -24px} .icon16.volume-down{background-position:-384px -24px} .icon16.volume-up{background-position:-408px -24px} .icon16.qrcode{background-position:-432px -24px} .icon16.barcode{background-position:-456px -24px} .icon16.tag{background-position:0 -48px} .icon16.tags{background-position:-25px -48px} .icon16.book{background-position:-48px -48px} .icon16.bookmark{background-position:-72px -48px} .icon16.print{background-position:-96px -48px} .icon16.camera{background-position:-120px -48px} .icon16.font{background-position:-144px -48px} .icon16.bold{background-position:-167px -48px} .icon16.italic{background-position:-192px -48px} .icon16.text-height{background-position:-216px -48px} .icon16.text-width{background-position:-240px -48px} .icon16.align-left{background-position:-264px -48px} .icon16.align-center{background-position:-288px -48px} .icon16.align-right{background-position:-312px -48px} .icon16.align-justify{background-position:-336px -48px} .icon16.list{background-position:-360px -48px} .icon16.indent-left{background-position:-384px -48px} .icon16.indent-right{background-position:-408px -48px} .icon16.facetime-video{background-position:-432px -48px} .icon16.picture{background-position:-456px -48px} .icon16.pencil{background-position:0 -72px} .icon16.map-marker{background-position:-24px -72px} .icon16.adjust{background-position:-48px -72px} .icon16.tint{background-position:-72px -72px} .icon16.edit{background-position:-96px -72px} .icon16.share{background-position:-120px -72px} .icon16.check{background-position:-144px -72px} .icon16.move{background-position:-168px -72px} .icon16.step-backward{background-position:-192px -72px} .icon16.fast-backward{background-position:-216px -72px} .icon16.backward{background-position:-240px -72px} .icon16.play{background-position:-264px -72px} .icon16.pause{background-position:-288px -72px} .icon16.stop{background-position:-312px -72px} .icon16.forward{background-position:-336px -72px} .icon16.fast-forward{background-position:-360px -72px} .icon16.step-forward{background-position:-384px -72px} .icon16.eject{background-position:-408px -72px} .icon16.chevron-left{background-position:-432px -72px} .icon16.chevron-right{background-position:-456px -72px} .icon16.plus-sign{background-position:0 -96px} .icon16.minus-sign{background-position:-24px -96px} .icon16.remove-sign{background-position:-48px -96px} .icon16.ok-sign{background-position:-72px -96px} .icon16.question-sign{background-position:-96px -96px} .icon16.info-sign{background-position:-120px -96px} .icon16.screenshot{background-position:-144px -96px} .icon16.remove-circle{background-position:-168px -96px} .icon16.ok-circle{background-position:-192px -96px} .icon16.ban-circle{background-position:-216px -96px} .icon16.arrow-left{background-position:-240px -96px} .icon16.arrow-right{background-position:-264px -96px} .icon16.arrow-up{background-position:-289px -96px} .icon16.arrow-down{background-position:-312px -96px} .icon16.share-alt{background-position:-336px -96px} .icon16.resize-full{background-position:-360px -96px} .icon16.resize-small{background-position:-384px -96px} .icon16.plus{background-position:-408px -96px} .icon16.minus{background-position:-433px -96px} .icon16.asterisk{background-position:-456px -96px} .icon16.exclamation-sign{background-position:0 -120px} .icon16.gift{background-position:-24px -120px} .icon16.leaf{background-position:-48px -120px} .icon16.fire{background-position:-72px -120px} .icon16.eye-open{background-position:-96px -120px} .icon16.eye-close{background-position:-120px -120px} .icon16.warning-sign{background-position:-144px -120px} .icon16.plane{background-position:-168px -120px} .icon16.calendar{background-position:-192px -120px} .icon16.random{background-position:-216px -120px} .icon16.comment{background-position:-240px -120px} .icon16.magnet{background-position:-264px -120px} .icon16.chevron-up{background-position:-288px -120px} .icon16.chevron-down{background-position:-313px -119px} .icon16.retweet{background-position:-336px -120px} .icon16.shopping-cart{background-position:-360px -120px} .icon16.folder-close{background-position:-384px -120px} .icon16.folder-open{background-position:-408px -120px} .icon16.resize-vertical{background-position:-432px -119px} .icon16.resize-horizontal{background-position:-456px -118px} .icon16.hdd{background-position:0 -144px} .icon16.bullhorn{background-position:-24px -144px} .icon16.bell{background-position:-48px -144px} .icon16.certificate{background-position:-72px -144px} .icon16.thumbs-up{background-position:-96px -144px} .icon16.thumbs-down{background-position:-120px -144px} .icon16.hand-right{background-position:-144px -144px} .icon16.hand-left{background-position:-168px -144px} .icon16.hand-up{background-position:-192px -144px} .icon16.hand-down{background-position:-216px -144px} .icon16.circle-arrow-right{background-position:-240px -144px} .icon16.circle-arrow-left{background-position:-264px -144px} .icon16.circle-arrow-up{background-position:-288px -144px} .icon16.circle-arrow-down{background-position:-312px -144px} .icon16.globe{background-position:-336px -144px} .icon16.wrench{background-position:-360px -144px} .icon16.tasks{background-position:-384px -144px} .icon16.filter{background-position:-408px -144px} .icon16.briefcase{background-position:-432px -144px} .icon16.fullscreen{background-position:-456px -144px} 

.icon-btn { padding:2px; display:inline-block; cursor:pointer; border:1px solid #CCC; webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.icon-btn.blue { background-color:#D5EEFB; }
.icon-btn:hover { background-color:#FFF; }

/* modalBox window */
#modalBox_contanier, #modalBox2_contanier { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000; background:url("../imgs/overlay-black.png") repeat; padding-top:18%; }
#modalBox_window, #modalBox2_window{ position:relative; /*border:1px solid #CCC; webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;*/ -webkit-box-shadow:inset 0px 1px 0px 0px #ececec; box-shadow:inset 0px 1px 0px 0px #ececec; -moz-box-shadow: 0 0 8px #888; -webkit-box-shadow: 0 0 8px#888; box-shadow: 0 0 8px #888; }
#modalBox_header, #modalBox2_header { width:100%; padding:3px 0 3px 0; background-color:#F5F5F5; font-size:14px; color:#333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); border-bottom:1px solid #CCC; -webkit-box-shadow: inset 0 1px 0 white; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 white; }
#modalBox_content_contanier, #modalBox2_content_contanier { position:relative; width:100%; }
#modalBox_content, #modalBox2_content { text-align:left; padding:15px 10px 15px 10px; background-color:#FFF; max-height:400px; overflow:auto; }
#modalBox_footer, #modalBox2_footer { width:100%; padding:3px 0 3px 0; background-color:#F5F5F5; font-size:14px; color:#333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); border-top:1px solid #CCC; -webkit-box-shadow: inset 0 1px 0 white; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 white; }

#modalBox_footer .ajax-loader-contanier, #modalBox2_footer .ajax-loader-contanier { display:none; }

.pageHeader { font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:13px; padding:8px 35px 8px 14px; margin-bottom:18px; color:#FFF; background-color:#666; }

/* infoBox */
.infoBox { padding: 8px 35px 8px 14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.infoBox strong { line-height:20px; }
.infoBox-lightGray { background-color: #F8F8F8; border: 1px solid #EEE;  }
.infoBox-lightYellow { background-color: #FFFFB2; border: 1px solid #EEE;  }
.infoBox-lightBlue { color:#FFF; background-color: #DA5635; border: 1px solid #EEE;  }

.ajaxProgress_relative { 
	display:none; 
	width:100%; 
	height:35px; 
	text-align:center; 
	z-index:1000;
} 

.ajaxProgress_absolute { 
	position:absolute;
	top:40%;
	display:none; 
	width:100%; 
	height:35px;
	text-align:center; 
	z-index:1000;
} 

.dashboardItemContanier { display:block; margin-bottom:20px; background:#F8f8f8; border-top:1px solid #CCC; border-bottom:1px solid #AAA; }
.dashboardItemHeader { padding:6px; font-weight:700; background:#CCC; border-bottom:1px solid #AAA; }
.dashboardItemContent { padding:10px;  }
.dashboardItem { padding:5px; border:1px solid #CCC; background:#EEE; width:100%; }
.dashboardItem thead { background:#01547E; }
.dashboardItem th, .dashboardItem td { padding:5px; }
.dashboardItem th { color:#FFF; text-align:center; }

/* datepicker */

table.jCalendar { background:#aaa; border-collapse:separate; border-spacing:1px; }
table.jCalendar th { background:#333; color:#fff; font-weight:normal; padding:3px 5px;}
table.jCalendar td { background:#ccc; color:#000; padding:3px 5px; text-align:center;}
table.jCalendar td.other-month { background:#ddd; color:#aaa;}
table.jCalendar td.today { background:#666; color:#fff;}
table.jCalendar td.selected { background:#f66; color:#fff;}
table.jCalendar td.selected.dp-hover { background:#f33; color:#fff;}
table.jCalendar td.dp-hover,table.jCalendar tr.activeWeekHover td { background:#fff; color:#000;}
table.jCalendar tr.selectedWeek td { background:#f66; color:#fff;}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover { background:#bbb; color:#888;}
table.jCalendar td.unselectable,table.jCalendar td.unselectable:hover,table.jCalendar td.unselectable.dp-hover { background:#bbb; color:#888;}

div.dp-popup { background:#E0E0E0; padding:2px; border:1px solid #ccc; webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset 0px 1px 0px 0px #ececec; box-shadow:inset 0px 1px 0px 0px #ececec; }
div#dp-popup { position:absolute; z-index:11199;}
div.dp-popup h2 { text-align:center; margin:2px 0; padding:0;}
a#dp-close { padding:4px 0; text-align:center; display:block;}
a#dp-close:hover { text-decoration:underline;}
div.dp-popup a { color:#333; text-decoration:none; padding:3px 2px 0;}
div.dp-popup div.dp-nav-prev { position:absolute; top:2px; left:4px; width:100px;}
div.dp-popup div.dp-nav-prev a { float:left;}

/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor:pointer;}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor:default;}
div.dp-popup div.dp-nav-next { position:absolute; top:2px; right:4px; width:100px; }
div.dp-popup div.dp-nav-next a { float:right; }
div.dp-popup a.disabled { cursor:default; color:#aaa;}
div.dp-popup td { cursor:pointer;}
div.dp-popup td.disabled { cursor:default;}


/*** DATA TABLES ****/

.datatable_contanier { display:-webkit-box; padding:5px; -webkit-overflow-scrolling:touch; overflow:auto; border:1px solid #CCC; }

table.dataTable { margin:0 auto; clear:both; width:100%; }
table.dataTable thead tr, table.dataTable tfoot tr { position:relative; background: #E6E6E6 url(../imgs/data_tables/fixed-row-bg.png) 50% 50% repeat-x; }
table.dataTable thead th, table.dataTable tfoot th { padding:6px 4px; text-align:center; font-weight:bold; cursor:pointer; *cursor:hand; border: 1px solid lightGrey; font-weight: normal; color: #555; }
table.dataTable tfoot th { }
table.dataTable td { padding:3px 6px; }
table.dataTable td.center, table.dataTable td.dataTables_empty { text-align:center; }
table.dataTable td.dataTables_empty { height:40px; background:#F2F2F2; vertical-align: middle; }
table.dataTable tr.odd { background-color:#E2E4FF; }
table.dataTable tr.even { background-color:white; }
table.dataTable tr.odd td.sorting_1 { background-color:#D3D6FF; }
table.dataTable tr.odd td.sorting_2 { background-color:#DADCFF; }
table.dataTable tr.odd td.sorting_3 { background-color:#E0E2FF; }
table.dataTable tr.even td.sorting_1 { background-color:#EAEBFF; }
table.dataTable tr.even td.sorting_2 { background-color:#F2F3FF; }
table.dataTable tr.even td.sorting_3 { background-color:#F9F9FF; }

table.dataTable tbody tr { height:30px; }
table.dataTable tbody tr.selected td { background-color:#CEE4CE; }
table.dataTable tbody tr.odd:hover td, table.dataTable tbody tr.even:hover td { background:#FDE787; }
table.dataTable tbody tr td.align-right { text-align:right; }
table.dataTable tbody tr td.align-center { text-align:center; }
/* table.dataTable tbody tr td.sms-message { vertical-align:top; } */
table.dataTable tbody tr td.sms-message span { vertical-align:middle; width:295px; }
table.dataTable tbody tr td.sms-message span.wrapped { width:295px; height:32px; overflow:hidden; }

table.dataTable tbody tr td.sms-hazir-message { vertical-align:top; }
table.dataTable tbody tr td.sms-hazir-message span { vertical-align:middle; width:450px; }
table.dataTable tbody tr td.sms-hazir-message span.wrapped { width:450px; height:32px; overflow:hidden; }

/* * Table wrapper */
.dataTables_wrapper { position:relative; clear:both; *zoom:1; background: #F2F2F2; border: 1px solid #CCC; padding: 10px; }

/* * Page length menu */
.dataTables_length { float:left; margin-bottom: 20px; }
.dataTables_length select { width:80px; }

/* * Filter */
.dataTables_filter { text-align:right; margin-bottom: 20px; }

/* * Table information */
.dataTables_info { clear:both; float:left; margin-top: 10px; }

/* * Pagination */
.dataTables_paginate { text-align:right; margin-top: 10px; }

table.dataTable thead th:active, table.dataTable thead td:active { outline:none; }

/* * Scrolling */
.dataTables_scroll { clear:both; }
.dataTables_scrollBody { *margin-top:-1px; -webkit-overflow-scrolling:touch; }