@import url("grid.css");@import url("reset.css");html,body{height:100%}
body{color:#444;font:12px/1.8 Arial,sans-serif}
/*body{color:#444;background:#eaeaea;font:12px/1.8 Arial,sans-serif}*/
input,button,select,textarea{font:12px/15px Arial,sans-serif}a{color:#0d8b9b;text-decoration:none}a:hover{color:#cb6400}p{margin-bottom:20px}p:last-child{margin-bottom:0}h1,h2{font-weight:normal}h1{font-size:21px}h2{font-size:18px}h3{font-size:17px}h4{font-size:16px}h5{font-size:15px}h6{font-size:14px}h3,h4,h5,h6{margin-bottom:.7em}.floatLeft{float:left}.floatRight{float:right}.alignright{text-align:right}img[align="left"],img.alignleft{float:left;margin:6px 15px 15px 0}img[align="right"],img.alignright{float:right;margin:6px 0 15px 15px}
/*header#top{height:50px;color:#ccc;border-bottom:1px solid #000;background:#2c2c2c;min-width:960px}div#logo{margin-top:8px;font-size:18px}*/
/*header#top{height:50px;border-bottom:1px solid #000;min-width:960px}*/
header#top{height:50px;min-width:960px}
div#logo{margin-top:8px;font-size:18px}
header#top div#logo a{text-decoration:none;color:#aaa}
header#top div#logo a:hover{color:#ccc}
div#logo img{vertical-align:middle}div#logo a span{color:#eee}a#view-site{font-size:11px;font-weight:normal;border:1px solid #444;padding:1px 3px;margin-left:10px;background:#333;vertical-align:middle}#userinfo{margin-top:15px;text-align:right}
#userinfo a{padding:4px 10px 4px 10px;}
/*footer#bottom{height:40px;color:#ccc;font-size:11px;background:#2c2c2c;padding:20px 0;min-width:960px}*/
header#top a:hover,footer#bottom a:hover{color:#211e1e}nav#topmenu{height:34px;line-height:36px;min-width:960px;position:relative;z-index:1;background:#29a1b3;border-top:1px solid #4bc9de;border-bottom:1px solid #0d8b9b}nav ul li{float:left;position:relative;top:-1px}nav ul li a{display:block;color:#fff;padding:0 10px}nav ul li{text-shadow:1px 1px 0 #555}nav ul ul li{text-shadow:none}nav ul li.current a,nav ul li a:hover{color:#eee}nav ul#mainmenu{float:left}nav ul#usermenu{float:right;font-size:11px}nav ul#usermenu a.inbox{background-image:url(../images/icons/exclamation.png);background-position:8px center;background-repeat:no-repeat;padding-left:28px}section#content{min-height:80%;padding:20px 0;min-width:960px;text-align:justify}article{border:1px solid #aaa;background:#fff;padding:20px;margin-bottom:15px}
article h1{font-family:Tahoma;font-weight:normal;padding:1px 10px;margin-bottom:15px}article h2{color:#902452;margin:15px 0 10px}article .links{text-align:right;margin-top:10px}
.content img{border:0px solid #ddd;padding:4px}
.content ul,.content ol{margin-left:10px;padding-left:10px;margin-bottom:20px}.content ul ul,.content ol ol{margin-bottom:0}.content ul{list-style:circle}.content ol{list-style:decimal}.content ol ol{list-style:lower-alpha}.content dl dd{margin:0 0 20px 20px}.box{background:#fff;margin-bottom:15px;position:relative;padding:0;border:1px solid #bbb;background:#fff url(../images/box-header.gif) 0 0 repeat-x}.box h2{position:relative;height:23px;padding:5px 36px;font-size:13px;font-weight:bold;color:#555;text-shadow:1px 1px 0 #fff;background:url(../images/icons/bullet_go.png) 10px center no-repeat}.box section{padding:10px;font-size:11px}.box img.toggle{position:absolute;top:10px;right:10px;cursor:pointer}.box.info h2{background-image:url(../images/icons/information-octagon.png)}.box.menu h2{background-image:url(../images/icons/bookmarks.png)}.search{padding:15px 10px;border-color:#ccc;background:#f4f4f4}.search label{font:11px Tahoma,sans-serif;color:#777;font-weight:bold;margin:0 0 3px 2px;display:block}#login{width:300px;position:absolute;top:50%;left:50%;margin-left:-150px;margin-top:-150px}#login h2{background-image:url(../images/icons/key.png)}#login section{padding:20px}#login a{font-size:11px}input#username,input#adminpassword{width:230px}#login #forgot{margin-left:20px}#dashboard h2{margin:30px 0 10px 5px}.statistics{float:left;width:200px}.statistics table{width:100%}.statistics table td{border:1px solid #eee;padding:5px 10px}.statistics table td a{font-weight:bold}#pageviews{float:right}section.icons{text-align:center}.icons ul{margin-top:20px}.icons ul li{width:150px;margin:0 20px 20px 0;display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline}.icons ul li a{display:block;height:130px;padding:5px;border:1px solid #f1f1f1}.icons ul li a:hover{border:1px solid #aaa}.icons ul li a img{ border:0px; height:90px; width:90px;}.icons ul li a span{font:11px Tahoma,sans-serif;color:#333;display:block}.box ul li{padding:0;border-bottom:1px dashed #D6D8D9}.box ul li a{padding:3px 5px 3px 18px;color:#333;display:block;background:url(../images/icons/bullet_yellow.png) 0 center no-repeat}.box ul li a:hover{background-color:#FFFAE3}.box ul ul{margin-left:15px}.box ul ul li{border-bottom:none}.news li{padding:8px 0;border-bottom:1px dashed #D6D8D9}.news li .date{font-size:10px;color:#aaa;margin-right:5px}.news li img{vertical-align:middle;margin-left:5px}ul.sortable li img{cursor:move}ul.photos{border:none}ul.photos li{margin:6px;padding:0;border:none;background-color:#fff;display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;_height:150px}ul.photos li img{padding:5px;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-box-shadow:2px 2px 0 #eee}ul.photos li img:hover{border:1px solid #999}ul.photos div.links{margin:0}ul.photos div.links a{color:#aaa;background:#fff;font:10px Tahoma,sans-serif;padding:2px 3px;margin:0 0 0 3px;border:none}ul.photos div.links a:hover{background-color:#888;color:#fff}ul.photos div.links a.delete:hover{background-color:#BC1515}ul.comments li{padding:6px 0;border-bottom:1px dashed #d6d8d9}img.comment-avatar{float:left;margin:5px 10px 5px 0;width:36px;height:36px;border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:3px}ul.comments li div.links{margin:0}ul.comments li div.links a{color:#fff;background:#aaa;font:10px Tahoma,sans-serif;padding:2px 3px;margin:0 0 0 1px;border:none}ul.comments li div.links a.delete{background-color:#F06C6C}ul.comments li div.links a.delete:hover{background-color:#BC1515}ul.comments li div.links a:hover{border:none;background:#000}ul.comments span.date{font-size:10px;color:#aaa;margin-right:10px}div.msg{padding:10px 10px 10px 37px;margin-bottom:10px;cursor:pointer}div.success{border:1px solid #6cd858;background:#e3ffde url(../images/icons/tick.png) 10px 13px no-repeat}div.error{border:1px solid #ffa2aa;background:#fae8e8 url(../images/icons/exclamation-red.png) 10px 13px no-repeat}div.warning{border:1px solid #d6d61f;background:#ffffd3 url(../images/icons/exclamation.png) 10px 13px no-repeat}div.information{border:1px solid #b4dbe8;background:#e3f2f7 url(../images/icons/information-balloon.png) 10px 13px no-repeat}.gtable{width:100%}.gtable th{text-align:left;padding:5px 10px}.gtable thead tr{color:#333;border:1px solid #ccc}.gtable thead th{background:#efefef}.gtable tbody tr td{border-bottom:1px solid #eee}.gtable tbody tr:nth-child(odd) td,.detailtable tbody tr.odd td{background-color:#fff}.gtable tbody tr:nth-child(even) td,.detailtable tbody tr.even td{background-color:#f7f7f7}.gtable tbody tr:hover td{background-color:#FFFAE3}.gtable td{padding:5px 10px}.gtable input{vertical-align:middle}.gtable img{vertical-align:middle;margin-right:5px}.gtable tr.detail{font-size:11px}.gtable tr.detail td{padding:0}.gtable tr.detail td td,.gtable tr.detail td th{padding:2px 10px;color:#777}.gtable .detail table{width:100%;border:5px solid #fff7d1}.gtable .detail table tr td,.gtable .detail table tr th{background:#ffffed;border-bottom:1px solid #fff7d1}table.sortable img.move{cursor:move}.tablefooter{background:#f7f7f7;border-top:1px solid #fff}.tablefooter .actions{float:left;padding:5px 10px}.tablefooter .pagination{float:right;padding:5px 10px}.pagination{font:11px Tahoma,sans-serif;margin:7px 0;text-align:right}.pagination a{padding:4px 7px;color:#333;background:#fff;margin:0;border:1px solid #e4e4e4}.pagination a.current{font-weight:bold;color:#fff;background:#555;border:1px solid #555}.pagination a:hover{color:#fff;background:#777;border:1px solid #777}form fieldset{margin:10px;padding:10px;border:1px solid #e5e5e5}form legend{font:10px Tahoma,sans-serif;text-transform:uppercase;color:#555;text-shadow:1px 1px 1px #fff;font-weight:bold;padding:0 5px 0 30px;background:url(../images/icons/block.png) 5px 0 no-repeat;line-height:18px;margin:10px 0}form dt{margin-bottom:2px}form dd{margin-bottom:15px}
form dt label, form dd label{cursor:pointer;font:12px Tahoma,sans-serif;font-weight:700;color:#555}form p{clear:left;margin-bottom:0;padding:5px 0;width:100%}form p label{display:block;float:left;cursor:pointer;font:11px Tahoma,sans-serif;font-weight:bold;color:#555;width:100px;vertical-align:middle;padding:5px;text-align:right;margin-right:10px}form p small{display:block;margin:0 10px 0 120px;font-size:10px;color:#aaa}form dl.inline dt{clear:both;width:25%;float:left;text-align:right}form dl.inline dt label{margin-right:12px;display:inline-block;}form dl.inline dd{float:left;width:75%;margin:0 0 15px}form dl dd small{display:block;font-size:11px;color:#aaa}form div.buttons{margin:20px 0 10px 25%}form input[type="text"],form input[type="email"],form input[type="password"],form select,form textarea{border:1px solid #ccc;padding:4px 5px;background:#fff 0 0 repeat-x}form select{padding:3px}form input[type="text"]:hover,form input[type="email"]:hover,form input[type="password"]:hover,form select:hover,form textarea:hover{border:1px solid #999}form input[type="text"]:focus,form input[type="email"]:focus,form input[type="password"]:focus,form select:focus,form textarea:focus{border:1px solid #777}form input[type="radio"],form input[type="checkbox"]{vertical-align:top}form input.small,form select.small,form textarea.small{width:130px}form input.medium,form select.medium,form textarea.medium{width:300px}form input.big,form select.big,form textarea.big{width:540px}input#newstitle{font-size:20px;width:540px}form label.error{font:10px Tahoma,sans-serif;color:#ED7476;margin-left:5px}form input.error,form input.error:hover,form input.error:focus,form select.error,form textarea.error{border:1px solid #ED7476;background:#FFEDED}ul.tabs{font-size:13px;line-height:14px;font-weight:bold;border-bottom:3px solid #666;padding:7px 0}.tabs li{line-height: 40px;display:inline}.tabs a{background:#f3f3f3;padding:6px 12px;color:#888;outline:0}.tabs a:hover{color:#555;background:#eee}.tabs .selecteds a{color:#fff;background:#666}.tabcontent{padding:10px 0}#settings .tabcontent{padding-top:25px}.accordion h3{padding:2px 8px;font-size:14px;margin-bottom:2px;cursor:pointer;font-weight:bold;color:#555;background:#eee}div.accordion h3.active{color:#fff;background:#666}.accordion h3:hover{background:#eee}.accordion div{margin:5px 0}.accordion div div{margin:0}.button{font:11px Tahoma,sans-serif;font-weight:bold;color:#fff;display:inline-block;zoom:1;*display:inline;vertical-align:baseline;margin:0 3px 0 1px;outline:none;cursor:pointer;text-align:center;padding:6px 8px;text-shadow:1px 1px 1px #555;width:auto;overflow:visible;line-height:110%}.button:hover{opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90)}a.button:hover{color:#fff}.button:active{position:relative;top:1px}.button.big{font:15px Arial,sans-serif;font-weight:bold;padding:8px 10px}.button.small{font-weight:normal;padding:4px 5px}.button.red{border:1px solid #9c0606;background:#e85353}.button.blue{border:1px solid #0d717e;background:#28a0b2}.button.green{border:1px solid #3b6e22;background:#75ae5c}.button.orange{border:1px solid #c16729;background:#ff9435}.button.purple{border:1px solid #981271;background:#cb60b3}.button.yellow{border:1px solid #af9827;background:#f2de6f}.button.black{border:1px solid #000;background:#444}.button.gray{border:1px solid #444;background:#888}.button.white{color:#444;text-shadow:1px 1px 0 #fff;border:1px solid #999;background:#f7f7f7}.button.white:hover{color:#444}section.buttons{text-align:center}section.buttons .button{margin-bottom:15px}
/*header#top{background:-moz-linear-gradient(#2c2c2c,#222);background:linear-gradient(#2c2c2c,#222);-pie-background:linear-gradient(#2c2c2c,#222);background-image: -o-linear-gradient(#2c2c2c,#222);}*/
/*header#top{background:-webkit-gradient(linear,0 0,0 bottom,from(#2c2c2c),to(#222));background:-moz-linear-gradient(#2c2c2c,#222);background:linear-gradient(#2c2c2c,#222);-pie-background:linear-gradient(#2c2c2c,#222);background-image: -o-linear-gradient(#2c2c2c,#222);}*/
nav#topmenu{background:-webkit-gradient(linear,0 0,0 bottom,from(#29a1b3),to(#239db0));background:-moz-linear-gradient(#29a1b3,#239db0);background:linear-gradient(#29a1b3,#239db0);-pie-background:linear-gradient(#29a1b3,#239db0);background-image: -o-linear-gradient(#29a1b3,#239db0);}.button{-webkit-box-shadow:inset 0 1px 2px rgba(255,255,255,.6),inset 0 -5px 15px rgba(0,0,0,.3),1px 1px 1px #ccc;-moz-box-shadow:inset 0 1px 2px rgba(255,255,255,.6),inset 0 -5px 15px rgba(0,0,0,.3),1px 1px 1px #ccc;box-shadow:inset 0 1px 2px rgba(255,255,255,.6),inset 0 -5px 15px rgba(0,0,0,.3),1px 1px 1px #ccc}a#view-site{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}nav ul li.current a,nav ul li a:hover,nav ul li:hover{-webkit-box-shadow:inset 0 3px 20px rgba(0,0,0,.2);-moz-box-shadow:inset 0 3px 20px rgba(0,0,0,.2);box-shadow:inset 0 3px 20px rgba(0,0,0,.2)}
/*footer#bottom{background:-webkit-gradient(linear,0 0,0 bottom,from(#2c2c2c),to(#222));background:-moz-linear-gradient(#2c2c2c,#222);background:linear-gradient(#2c2c2c,#222);-pie-background:linear-gradient(#2c2c2c,#222);background-image: -o-linear-gradient(#2c2c2c,#222);}*/
article{-webkit-box-shadow:3px 3px 0 #ddd;-moz-box-shadow:3px 3px 0 #ddd;box-shadow:3px 3px 0 #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}article h1{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}article .links a{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.box{-webkit-box-shadow:#e1e1e1 2px 2px 0;-moz-box-shadow:#e1e1e1 2px 2px 0;box-shadow:#e1e1e1 2px 2px 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.box h2{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.search{background:-webkit-gradient(linear,0 0,0 bottom,from(#fafafa),to(#e3e3e3));background:-moz-linear-gradient(#fafafa,#e3e3e3);background:linear-gradient(#fafafa,#e3e3e3);-pie-background:linear-gradient(#fafafa,#e3e3e3);background-image: -o-linear-gradient(#fafafa,#e3e3e3);-webkit-box-shadow:inset 0 -5px 7px #f4f4f4,1px 1px 4px #ddd;-moz-box-shadow:inset 0 -5px 7px #f4f4f4,1px 1px 4px #ddd;box-shadow:inset 0 -5px 7px #f4f4f4,1px 1px 4px #ddd}.icons ul li a{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:inset 0 0 15px #f4f4f4;-moz-box-shadow:inset 0 0 15px #f4f4f4;box-shadow:inset 0 0 15px #f4f4f4}form fieldset{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}form input[type="text"],form input[type="email"],form input[type="password"],form select,form textarea{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}div.msg{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.gtable thead th{background:-webkit-gradient(linear,0 0,0 bottom,from(#fff),to(#efefef));background:-moz-linear-gradient(#fff,#efefef);background:linear-gradient(#fff,#efefef);-pie-background:linear-gradient(#fff,#efefef);background-image: -o-linear-gradient(#fff,#efefef);}.pagination a.current{background:-webkit-gradient(linear,0 0,0 bottom,from(#888),to(#555));background:-moz-linear-gradient(#888,#555);background:linear-gradient(#888,#555);background-image: -o-linear-gradient(#888,#555);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.3);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}.tabs a,.accordion h3{background:-webkit-gradient(linear,0 0,0 bottom,from(#eee),to(#e4e4e4));background:-moz-linear-gradient(#eee,#e4e4e4);background:linear-gradient(#eee,#e4e4e4);-pie-background:linear-gradient(#eee,#e4e4e4);background-image: -o-linear-gradient(#eee,#e4e4e4);}
.tabs .selecteds a,div.accordion h3.active{background:-webkit-gradient(linear,0 0,0 bottom,from(#888),to(#666));background:-moz-linear-gradient(#888,#666);background:linear-gradient(#888,#666);-pie-background:linear-gradient(#888,#666);background-image: -o-linear-gradient(#888,#666);}
a#view-site,.search{behavior:url(js/PIE.html)}#colorstyle{margin-top:15px}#colorstyle div{float:left;margin-right:5px}#colorstyle a{outline:none;display:block;width:16px;height:16px;float:left;margin:3px 0 0 4px;opacity:0.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter:alpha(opacity=75);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-box-shadow:inset 0 0 6px rgba(255,255,255,.5),inset 0 -3px 6px rgba(0,0,0,.5);-webkit-box-shadow:inset 0 0 6px rgba(255,255,255,.5),inset 0 -3px 6px rgba(0,0,0,.5);box-shadow:inset 0 0 6px rgba(255,255,255,.5),inset 0 -3px 6px rgba(0,0,0,.5)}#colorstyle a:hover{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100)}#colorstyle a[rel="blue"]{background:#239db0}#colorstyle a[rel="orange"]{background:#ff7f04}#colorstyle a[rel="red"]{background:#e02424}#colorstyle a[rel="green"]{background:#67a54b}#colorstyle a[rel="purple"]{background:#db36a4}#colorstyle a[rel="yellow"]{background:#e8cc45}#colorstyle a[rel="black"]{background:#2b2b2b}#colorstyle a[rel="gray"]{background:#666}
.gtable1{width:100%}
.gtable1 th{text-align:left;padding:5px 10px}
.gtable1 thead tr{color:#333;border:1px solid #ccc}.gtable1 thead th{background:#efefef}
.gtable1 tbody tr td{border-bottom:1px solid #eee}
/*.gtable1 tbody tr:nth-child(odd) td,{background-color:#fff}
.gtable1 tbody tr:nth-child(even) td,{background-color:#f7f7f7}
.gtable1 tbody tr:hover td{background-color:#FFFAE3}*/
.gtable1 tbody tr td{padding:5px 10px}
/*.gtable1 input{vertical-align:middle}
.gtable1 img{vertical-align:middle;margin-right:5px}*/
.gtable1 tr.detail{font-size:11px}
.gtable1 tr.detail td{padding:0}
.gtable1 tr,.gtable1 tr.detail td th{padding:2px 10px;color:#777}
/*.gtable1 table{width:100%;border:5px solid #fff7d1}
.gtable1  table tr td,.gtable1  table tr th{background:#ffffed;border-bottom:1px solid #fff7d1}*/
.gtable1 thead th{background:-webkit-gradient(linear,0 0,0 bottom,from(#fff),to(#efefef));background:-moz-linear-gradient(#fff,#efefef);background:linear-gradient(#fff,#efefef);-pie-background:linear-gradient(#fff,#efefef);background-image: -o-linear-gradient(#fff,#efefef);}
.gtable1 table.inner {
    border: 0px;
    width: 100%;
}
.inner tbody tr td {border:none;padding:0;margin:0}
.inwait .visitor, .inwait a {
    font-weight: bold;
}
table.gtable1 tbody tr td#statustd {border-bottom:0px;}

table.awaiting {
    /*font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;*/
    background: #fff;
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

table.awaiting th {
    /*font-size: 1.2em;
    font-weight: normal;
    color: #1D485E;
    padding: 10px 8px;
    border-bottom: 2px solid #2F7598;*/
    text-align: center;
}

table.awaiting th.first {
    text-align: left;
}

/*table.awaiting table.inner {
        border: none;
        width: 100%;
}*/

table.awaiting table.inner .icon {
    width: 30px;
    text-align: center;
}

td.icon img{border:0px;padding:0px;margin:0px}

table.awaiting td.visitor {
    /*color: #296685;*/
    /*border-bottom: 1px solid #ccc;*/
    padding: 10px 8px;
    margin: 0px;
}

.awaiting .visitor a { /*color: #296685;*/ }
.awaiting tr:hover .visitor, .awaiting tr:hover .visitor a { /*color: #1D485E;*/background-color:#FFFAE3 }

.awaiting tr.ban .visitor, .awaiting tr.ban .visitor a { /*color: #9AC8E0;*/ }
.awaiting tr.ban:hover .visitor, .awaiting tr.ban:hover .visitor a { /*color: #4C9CC8;*/ }

.awaiting tr.inwait .visitor, .awaiting tr.inwait a { font-weight: bold; }

.awaiting tr.inprio .visitor, .awaiting tr.inprio a { font-weight: bold; font-size: 1.05em; }
.awaiting tr.inchat .visitor, .awaiting tr.inchat .visitor a { /*color: #777;*/ }
.awaiting tr.inchat:hover .visitor, .awaiting tr.inchat:hover .visitor a { /*color: #444;*/background-color:#FFFAE3 }
.awaiting tr.inchat a { text-decoration: underline;font-weight:normal; }

.firstmessage {
    text-align: right;
    font-size: 0.8em;
    padding-right: 10px;
}

.firstmessage a {
    text-decoration: none;
}

.firstmessage a:hover {
    text-decoration: underline;
}

#connstatus {
    float:right;
    margin: 10px 10px;
}

#connlinks {
    margin: 10px 10px;
}

#connlinks a {
    color: #777;
    text-decoration: none;
}

#connlinks a:hover {
    text-decoration: underline;
}
/*#onlineoperators {
        padding-right: 10px;
        float: left;
}
*/



.box h2{ padding: 5px 12px; background-position: 2px center;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{ padding: 0.2em 1.0em 0.5em !important; background: none !important;}

.user-list{width:100%; text-align: center;border-bottom: 3px solid #FFD700;border-top: 3px solid #FFD700;}
.user-list tr{padding: 10px; margin: 10px;}
.user-list th{ padding: 5px; background:#f0f0f0; }
.user-list td{padding: 7px 0 0;}
.add-user-button{}
.add-user-button span{}
.add-user-button img{ baseline-shift:baseline; }
#tabs {
    left: 50% !important;
    margin-left: -192px;
    position: absolute !important;
    top: 16% !important;
    width: 403px !important;
    height:200px;
    background:none repeat scroll 0 0 #EAEAEA;
    border: 1px solid #AAAAAA!important;
}
#tabs label.isremeber{float: left;margin-top: 8px;}
#tabs .button{width: 95px;}
#tabs p{clear: none;
        float: left;
        /*    margin-left: 15px;*/
        width: 222px;}
.ui-tabs-panel{border-top: 1px solid #AAAAAA !important;}

#tabs form dt{float: left;width: 70px;}
#tabs form dd{float: left; margin-left: 30px;}
.add-button{margin: 20px;}
.container_12 .grid_3 {
    width: 620px !important;
}
.content-scroll {height: 600px; overflow-y: auto;}
.free-opt {
    background: none repeat scroll 0 0 #008000;
    display: inline-block;
    height: 8px;
    text-indent: -1000em;
    width: 12px;
}
.busy-opt {
    background: none repeat scroll 0 0 #ff0000;
    display: inline-block;
    height: 8px;
    text-indent: -1000em;
    width: 12px;
}

/*For Scrolling Table data*/
div.tableContainer {
    clear: both;
    height: 650px;
    overflow: auto;
    width:100%;
}
div.tableContainer {
    overflow: hidden;
    border: 1px solid #aaa;
}
div#tableContainer {
    overflow: auto;
}
div.tableContainer table {
    float: left;
    width: 650px
}
div.tableContainer table {
    width: 100%
}
thead.fixedHeader tr {
    position: relative
}
/*thead.fixedHeader tr {
    display: block;
}*/
thead.fixedHeader th {
}
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {text-align: left;
                                                                            display: block;
                                                                            text-decoration: none;
                                                                            width: 100%
}
tbody.scrollContent, div.scrollContent {
    /*display: block;*/
/*    height: 607px;*/
    overflow: auto;
    width: 100%;
    overflow-x: hidden;
}
thead.fixedHeader th {
    width: 290px
}
tbody.scrollContent td {
    width: 290px
}

.gtable1 tr, .gtable1 tr.detail td th {
    padding: 0px;
}
#transcript-action-option{width: 50px;}
/*End*/

tr.header th a{text-decoration: none;}

.loading-wrap{overflow: auto;position:relative;padding: 2px;z-index: 9999;overflow-x: hidden;}
.loading-wrap-user{overflow: auto;position:relative;padding: 2px;overflow-x: hidden;}
.loading{position: absolute;top: 0; left: 0;background:rgba(0,0,0,.1); width: 100%; height: 100%;z-index: 9999; }
.loading-image{display: block;left: 50%;padding: 4px;position: absolute;top: 50%;}
.no-record-found{text-align:center;padding-top: 10px; }

.status-2,status-chat {
    background: none repeat scroll 0 0 #F60101;
    display: inline-block;
    height: 8px;
    text-indent: -1000em;
    width: 12px;
}
.status-3,status-closed {
    background: none repeat scroll 0 0 #000000;
    display: inline-block;
    height: 8px;
    text-indent: -1000em;
    width: 12px
}
table td {
    font-size: 12px;
    font-weight: normal;
    padding: 5px;
}
table th {
    border-bottom: 1px solid #000000;
    font-size: 10px;
    font-weight: bold;
    padding: 4px;
}
#traffic-monitor-text-id {
    height: 500px;
    margin-top: 10px;
    overflow-y: auto;
}

.message-wrap{
    margin-bottom: 2px;
}
.transcript-name{
    width:30%;
    float: left;
}
.transcript-message{
    width:70%;
    float: left;
    margin-bottom: 4px;

}
.status-0 {
    background: none repeat scroll 0 0 #008000;
    display: inline-block;
    height: 8px;
    text-indent: -1000em;
    width: 12px
}
#AllChatSelect,.scrollContent checkbox{cursor:pointer;}
#DeleteEvent{display: none;position: absolute;right: -60px;top: -3px;width: 60px;}
.idheader{display: block; position: relative;}

.clear {
    clear:both;
}
.scrollContent tr.red td{background:#ff0000 !important;}
.scrollContent tr.yellow td{background:#f7fb75 !important; text-align: left;}
.scrollContent tr.green td{background:#008000 !important; color:#FFF;}
.scrollContent tr.orange td{background:#1d1a1b !important; color:#FFF;}

/*dashboard summary*/ 
.dashboard .field-section{height: 40px;font-size: 13px;font-weight: bold;}
.dashboard .radiosmall{width: 50px;font-size: 13px;font-weight: bold;}
.dashboard .account-label,.url-label{width:21%;float: left;font-size: 13px;font-weight: bold;}
.dashboard .select-data-label{width:15%;float: left;font-size: 13px;font-weight: bold;}
.dashboard .form-label,.to-label{width:16%;float: left;}
.dashboard .filter-button-wrap{width:10%;float: left;}
.dashboard .acc-small{width:180px;height: 33px; }
.dashboard .acc-small-data{width:120px;height: 33px; }
.dashboard #from-date,#to-date{float: left;height: 23px;width: 90px;}
.dashboard .ui-datepicker-trigger{padding: 2px 0 0 5px;}
.filter-button{background: none repeat scroll 0 0 #fff;border: 1px solid #ececec;color: #888;cursor: pointer;float: right;font-weight: normal;height: 32px;margin-right: 17px;text-transform: uppercase;width: 90px;}
.dashboard .summery-field-sec{height: 40px; padding-left: 20px;font-size: 13px;}
.dashboard .summary-section{border: 1px solid #ccc; }
.summery-field-sec .section-label{display: block;width:130px;float: left; }
.by-day-wrap .section-label{display: block;width:300px;float: left; }
.dashboard .textbold{font-weight:bold; }
.dashboard .textbold .sm{font-weight:normal;font-size:12px;  }

/*dashboard detail*/ 
.dashboard .detail-section{border: 1px solid #ccc;}
.dashboard .dashboard-header{display: block;width: 100%;}
.dashboard .cnt-sm td{text-align: center;}
.dashboard-header .scrollContent{display: block;height: 600px;overflow: auto;width: 100%;}
.dashboard #tableContainer{height: 100%;overflow: hidden;width: 100%;}
.summer-header {font-weight: bold;}
.summer-header div{width:19%; float: left; }
.summery-field-sec div{width:19%; float: left; }
/*By Day*/
.by-day-wrap .summer-header div.sm{width:80px; }
.by-day-wrap .summer-header div.md{width:125px; }
.by-day-wrap .summery-field-sec .sm{width:80px;display: block;float: left;text-align: center;}
.by-day-wrap .summery-field-sec .md{width:125px;display: block;float: left;text-align: center;}

/*Graph CSS*/
.graph-viwe-wrap{border: 1px solid #e5e5e5;margin:10px; padding: 10px;border-radius: 5px;}
#dashboard-tabs .ui-tabs-panel{padding: 0px !important ;}
.graph-viwe-wrap iframe{border: none; width:820px;height:340px;}
.chat-graph{text-align: center;}
.graph-viwe-wrap{height:650px;overflow: auto; }

/*tab css*/
#dashboard-tabs ul{border-bottom: 3px solid #666;font-size: 13px;font-weight: bold;line-height: 14px;padding: 7px 0;}
#dashboard-tabs ul li{display: inline;}
.activeTab a{padding: 6px 12px;color: #FFF !important;background:linear-gradient(#888, #666) repeat scroll 0 0 rgba(0, 0, 0, 0) !important ;}
.deactiveTab a{ color:#888;padding: 6px 12px;background: linear-gradient(#eee, #e4e4e4) repeat scroll 0 0 rgba(0, 0, 0, 0);}
.c-message p{width: 97% !important;}
form fieldset select.medium{width:313px !important; }
.time-select select.small{width:75px !important; }
.time-select select.min{width:50px !important; }
.green a{color:#FFF;}
.dashboard .button-continue-small{float: right;padding-top: 5px; height: 35px;}
.dashboard-filter-wrap input{height: 20px;}
.dashboard-filter-wrap .label{font-size: 14px;}
.dashboard-filter-wrap select{height: 30px;width: 143px}
.filter-button-wrap .filter-button{height:30px;}
.dashboard-filter-wrap .filter-button-wrap {padding-left: 42px;}
.dashboard-filter-wrap .col-sm-3{display: inline-block;width: 20%;}
.transcript-table tbody.scrollContent td{ width: auto; padding: 5px 8px;}
.transcript-table.gtable td{padding: 5px 8px; vertical-align: middle;}
.transcript-table.gtable thead.fixedHeader th {  width: auto;}

.fixed-table-container {border: 1px solid #aaa;
                        height: 650px;
                        margin: 0 auto;
                        padding-top: 39px;
                        position: relative;
                        width: 100%;
}
.header-background {background:-webkit-gradient(linear,0 0,0 bottom,from(#fff),to(#efefef));background:-moz-linear-gradient(#fff,#efefef);background:linear-gradient(#fff,#efefef);-pie-background:linear-gradient(#fff,#efefef);background-image: -o-linear-gradient(#fff,#efefef);
                    height: 38px;border-bottom: 1px solid #000000;
                    left: 0;
                    position: absolute;
                    right: 0;
                    top: 0;
}

.fixed-table-container-inner {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.fixed-table-container table {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}

.th-inner {
    position: absolute;
    text-align: left;
    top: 9px;
}
.fixed-table-container table th{border-bottom: none;padding: 0 4px;}
.fixed-table-container tbody tr.even td, .fixed-table-container table tbody tr:nth-child(even) {  background-color: #f7f7f7;}
.fixed-table-container tbody tr.odd td,  .fixed-table-container table tbody tr:nth-child(odd) {  background-color: #fff;}
.fixed-table-container table tbody td{border-bottom: 1px solid #eee;}
.free-trail{border: 1px solid #e5e5e5;margin-left: 10px;padding: 15px;}
.free-trail table{width: 80%;}
.free-trail table th{border-bottom:2px solid #000000;font-size:16px;}
.free-trail table tr td{padding-left: 15px;}

#tabs.login-tab .ui-state-default h2 {padding: 5px 1.5px;}


.sub-login-tab #loginbtn2 {margin-left: 130px;}

/********************************** dashboard-tabs table*/ 
.date-label { display: inline-block; padding: 0 30px 0 10px; float: left; margin: 0 0 30px;}
form .date-label label { color: #888; display: block; text-transform: uppercase;}
form .date-label input { border: 1px solid #ececec; float: left; padding: 6px; margin-right: 8px; color: #888; height: 25px;}
table.data-table { margin: 20px 0 0; clear: both;}
.data-table tbody th { background: #fafafa; border: 1px solid #e5e5e5;  text-transform: uppercase; vertical-align: top;}
.data-table tr, .data-table td { border: 1px solid #ececec; text-align: center;}
.data-table td:first-child, .data-table tbody th:first-child{ text-align: left;}
.data-table td:first-child, .data-table tbody th:first-child{ width: 30%; padding: 10px;}
#report-view > div{ clear: both;}
#for_location_area .filter-button{ margin-top: 24px; float: left;}

.no-wrap.wrong-color.diffClass {
   background-color:#fff !important;
}

.no-wrap.right-color.diffClass {
    background-color: #6CBB3C;
    color: #fff;
}




/***********login design*******/
body .container-login {
    margin: 0 auto;
    max-width: 1030px;
}
.the-content {
    left: 50%;
    max-width: 1200px;
    transform: translate(-50%, 0px);
}
.login-part {
    background-color: #f1f1f1;
    border: 1px solid #eeeeee;
    border-radius: 2px;
    box-shadow: 5px 5px 5px #cccccc;
    margin-top: 100px;
    padding: 50px !important;
}
.login-part .form-logo > img {
    max-width: 240px;
}
.login-part .form-logo h3.text-blue {
    margin-top: 0;
}
.login-part .form-logo {
    margin-bottom: 20px;
}
.form-control {
    border-radius: 0 !important;
    font-size: 16px;
}
.login-part .btn-login {
    background-color: #4d8ffd;
    border-radius: 0;
    color: #fff;
    font-family: "Lato",Verdana,Geneva,sans-serif;
    font-size: 16px;
    font-weight: normal;
}
.operator-name-version-new p{margin-bottom: 0;}



div.tableContainer.operator-table{position: relative;padding-top: 0px;overflow: visible !important;}
div.tableContainer.operator-table .table-inner{
    border-top: 1px solid rgb(0, 0, 0);
    height: 100%;
    overflow-x: scroll;
    overflow-y: scroll;
}
/*#tableContainer.operator-table thead tr{position: static ;}*/
/*#tableContainer.operator-table thead th {
    border: medium none;
    color: rgba(0, 0, 0, 0);
    height: 0;
    line-height: 0;
    padding: 0;
    position: static;
    white-space: nowrap;
}*/

/*#tableContainer.operator-table thead th .inn-th {
    color: rgb(0, 0, 0);
    padding: 15px 4px;
    position: absolute;
    top: 0;
}*/

.master.master-active {
    background-color: rgb(131, 131, 131);
    color: rgb(255, 255, 255);
}
.master.master-active ~ .child_account {
    background-color: rgba(238, 238, 238, 0.933);
}
tr.master .close_child,tr.master .open_child {
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    height: 10px;
    line-height: 6px;
    padding: 5px;
    text-align: center;
    width: 10px;
}




.inn-th {
    display: none !important;
}
.fixedTable .table {
    background-color: white;
    width: auto;
}
.fixedTable .table tr td,
.fixedTable .table tr th {
    padding: 5px;
}
.fixedTable .table tr{
    border-bottom: 1px solid #ccc;
}

.fixedTable .table tr td {
    height: 32px;
    vertical-align: middle;
}
.fixedTable-header {
    width: calc(100% - 220px);
    height: auto;
    margin-left: 220px;
    overflow: hidden;
    border-bottom: 1px solid #CCC;
}

.fixedTable-sidebar {
    width: 220px;
    height: 100%;
    float: left;
    overflow: hidden;
    border-right: 1px solid #CCC;
}
.fixedTable-body {
    float: left;
    height: 100% !important;
    overflow: auto !important;
    width: calc(100% - 221px);
}

#tableContainer .fixedTable-body tr td:nth-child(1), #tableContainer .fixedTable-body tr td:nth-child(2) {
    display: none;
}
#tableContainer .fixedTable-header tr th:nth-child(1), #tableContainer .fixedTable-header tr th:nth-child(2) {
    display: none;
}
#tableContainer .fixedTable-body tr td,
#tableContainer .fixedTable-header tr th{
    min-width: 22px ;
}


/****/
.op-all-com-check{
    background:url('../css/images/all-check.png');
    display: inline-block;
    min-height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 10px;
    cursor: pointer;
    
}