/*
   JavaScript related CSS, eg: jquery tools, slimbox, autocomplete, etc
   Mostly from default css styling
*/

/* OVERLAY */
.simple_overlay{display:none;z-index:1000;background-color:#fff;width:auto;min-height:100px;border:10px solid #666;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;font:10pt Arial, Helvetica;padding:10px;}
.simple_overlay .close{background-image:url(images/close.png);position:absolute;right:-22px;top:-25px;cursor:pointer;height:35px;width:35px;}
.simple_overlay h1{color:#fff;background-color:#6D84B4;border-bottom:1px solid #3B5998;font:bold 14pt Arial,Helvetica;margin:-10px -10px 0;padding:5px 10px;}
.mini_overlay{display:none;z-index:1000;background-color:#F5F5DC;border:5px solid #666;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;font:bold 10pt Arial, Helvetica;padding:5px 20px;}
#gallery{background:url(images/loading.gif) center center no-repeat;margin:0;padding:0;}
#overlay,#popup{background:#fff;}

/* TABS */
ul.tabs{list-style:none;margin:0!important;padding:0;border-bottom:1px solid #666;height:30px;}
ul.tabs li{float:left;text-indent:0;list-style-image:none!important;margin:0!important;padding:0;}
ul.tabs a{background:#ccc;border-top:solid 1px #999;border-right:solid 1px #999;font-weight:700;display:block;height:28px;line-height:30px;text-align:center;text-decoration:none;color:#666;position:relative;top:1px;margin:0;padding:0 20px;}
ul.tabs li:first-child a{border-left:solid 1px #999;}
ul.tabs a:hover{background:#369;color:#fff;}
ul.tabs a.current,ul.tabs a.current:hover,ul.tabs li.current a{background:#fff;height:29px;color:#333;cursor:default!important;}
.panes .pane{display:none;}
.panes>div{display:none;border:1px solid #999;border-top:0;font-size:14px;background-color:#fff;padding:15px 10px;}

/* IMAGE SLIDER (using TABS) */
.images{position:relative;height:170px;width:535px;cursor:pointer;margin:auto;}
.images div{display:none;position:absolute;top:0;left:0;height:150px;border:solid 1px #000;font-size:12px;}
.images h3{font-size:22px;font-weight:400;color:#456;margin:0 0 20px;}
.slidetabs{clear:both;margin-left:280px;}
.slidetabs a{width:8px;height:8px;float:left;background:url(images/navigator.png) 0 0 no-repeat;display:block;font-size:1px;margin:3px;}
.slidetabs a:hover{background-position:0 -8px;}
.slidetabs a.current{background-position:0 -16px;}

/* TOOLTIPS */
.tooltip{display:none;background:transparent url(images/black_arrow.png);font-size:9pt;height:80px;width:270px;color:#fff;padding:20px;z-index:10}
.tooltip.bottom{background:url(images/black_arrow_bottom.png);padding-top:40px;height:65px;}
.tooltip ul{margin:0 0 0 10px;padding:0;}
.tooltip_big{display:none;background:#000;font-size:9pt;min-height:100px;width:300px;color:#fff;text-align:left;-moz-box-shadow:0 0 30px 5px #000;-webkit-box-shadow:0 0 30px #000;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:20px;}
.tooltip_big h3{padding:0;margin:0}
.tooltip_big li,.tooltip_big p{color:#fff;}
.error{height:15px;background-color:#FFFE36;font-size:11px;border:1px solid #E1E16D;color:#000;margin-left:-2px;-moz-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;border-radius:4px;border-radius-bottomleft:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-box-shadow:0 0 6px #ddd;-webkit-box-shadow:0 0 6px #ddd;padding:4px 10px;}
.error p{margin:0;padding:0;}

/* SCROLLABLE */
.scrollable{position:relative;overflow:hidden;width:670px;height:120px;float:left;}
.scrollable .items{width:20000em;position:absolute;clear:both;}
.items div{float:left;width:800px;}
.scrollable img{float:left;background-color:#fff;border:1px solid #ccc;width:150px;height:100px;-moz-border-radius:4px;-webkit-border-radius:4px;margin:5px;padding:2px;cursor:pointer}
.scrollable img:hover{border:1px solid #555}
a.browse{background:url(images/hori_large.png) no-repeat;display:block;width:30px;height:30px;float:left;cursor:pointer;font-size:1px;margin:40px 10px}
a.right{background-position:0 -30px;clear:right;margin-right:0;}
a.left{margin-left:0;}
a.up,a.down{background:url(images/vert_large.png) no-repeat;float:none;margin:10px 50px;}
a.down{background-position:0 -30px;}
a.disabled{visibility:hidden!important;}
a.right:hover,a.down:hover{background-position:-30px -30px;}
a.right:active,a.down:active{background-position:-60px -30px;}
a.left:hover,a.up:hover{background-position:-30px 0;}
a.left:active,a.up:active{background-position:-60px 0;}

/* PASSWORD STRENGTH */
#passwordStrength{font-size:8pt;height:13px;display:block;float:left;}
.strength0{width:222px;background:#ccc;}
.strength1{width:50px;background:red;}
.strength2{width:100px;background:#ff5f5f;}
.strength3{width:150px;background:#56e500;}
.strength4{background:#4dcd00;width:200px;}
.strength5{color:#fff;background:#399800;width:222px;}

/* ACCORDION */
#accordion{background:#fff;width:100%;margin-bottom:20px;}
#accordion h2{font:bold 10pt Arial, Helvetica;text-align:center;border:solid 1px #E78F08;background:#feb;color:#000;border-radius:2pt;cursor:pointer;margin:2px;padding:3px 10px;}
#accordion input{background:#FF9;}
#accordion h2.current{cursor:default;background-color:#fc6;}
#accordion .pane{border:solid 1px #E78F08;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2pt;display:none;text-align:left;margin:2px;padding:10px;}

/* CALENDAR */
.date{cursor:pointer;}
#calroot{z-index:1;margin-top:-1px;width:198px;background-color:#fff;font-size:11px;border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 15px #666;-webkit-box-shadow:0 0 15px #666;padding:2px;}
#calhead{height:22px;padding:2px 0;}
#caltitle{font-size:14px;color:#0150D1;float:left;text-align:center;width:155px;line-height:20px;text-shadow:0 1px 0 #ddd;}
#calnext,#calprev{display:block;width:20px;height:20px;background:transparent url(images/prev.gif) no-repeat scroll center center;float:left;cursor:pointer;}
#calnext{background-image:url(images/next.gif);float:right;}
#calprev.caldisabled,#calnext.caldisabled{visibility:hidden;}
#caltitle select{font-size:10px;}
#caldays{height:14px;border-bottom:1px solid #ddd;}
#caldays span{display:block;float:left;width:28px;text-align:center;}
#calweeks{background-color:#fff;margin-top:4px;}
.calweek{clear:left;height:22px;}
.calweek a{display:block;float:left;width:27px;height:20px;text-decoration:none;font-size:11px;margin-left:1px;text-align:center;line-height:20px;color:#666;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.calweek a:hover,.calfocus{background-color:#ddd;}
a.calsun{color:red;}
a.caloff{color:#ccc;}
a.caloff:hover{background-color:#f5f5fa;}
a.caldisabled{background-color:#efefef!important;color:#ccc!important;cursor:default;}
#calcurrent{background-color:#498CE2;color:#fff;}
#caltoday{background-color:#333;color:#fff;}

/* SLIMBOX */
#lbOverlay{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer;}
#lbCenter,#lbBottomContainer{position:absolute;z-index:1000;overflow:hidden;background-color:#fff;}
.lbLoading{background:#fff url(images/loading.gif) no-repeat center;}
#lbImage{position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;}
#lbPrevLink,#lbNextLink{display:block;position:absolute;top:0;width:50%;outline:none;}
#lbPrevLink{left:0;}
#lbPrevLink:hover{background:transparent url(images/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink{right:0;}
#lbNextLink:hover{background:transparent url(images/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom{font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;font-size:10px;color:#666;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none;}
#lbCloseLink{display:block;float:right;width:66px;height:22px;background:transparent url(images/closelabel.gif) no-repeat center;outline:none;margin:5px 0;}
#lbCaption,#lbNumber{margin-right:71px;}
#lbCaption{font-weight:700;}

/* AUTO COMPLETE */
.autocomplete-w1{z-index:2000;background:url(images/shadow.png) no-repeat bottom right;position:absolute;top:0;left:0;_background:none;_margin:0;margin:8px 0 0 6px;}
.autocomplete{z-index:2000;border:1px solid #999;background:#FFF;cursor:default;text-align:left;max-height:350px;overflow:auto;_height:350px;_margin:0;_overflow-x:hidden;margin:-6px 6px 6px -6px;}
.autocomplete .selected{background:#F0F0F0;}
.autocomplete div{z-index:2000;white-space:nowrap;padding:2px 5px;}
.autocomplete strong{font-weight:400;color:#39F;}

/* GRITTER */
#gritter-notice-wrapper{position:fixed;top:20px;right:20px;width:301px;z-index:9999;}
#gritter-notice-wrapper.top-left{left:20px;right:auto;}
#gritter-notice-wrapper.bottom-right{top:auto;left:auto;bottom:20px;right:20px;}
#gritter-notice-wrapper.bottom-left{top:auto;right:auto;bottom:20px;left:20px;}
.gritter-item-wrapper{position:relative;background:url(images/1x1t.gif);margin:0 0 10px;}
.gritter-top{background:url(images/gritter.png) no-repeat left -30px;height:10px;}
.hover .gritter-top{background-position:right -30px;}
.gritter-bottom{background:url(images/gritter.png) no-repeat left bottom;height:8px;margin:0;}
.hover .gritter-bottom{background-position:bottom right;}
.gritter-item{display:block;background:url(images/gritter.png) no-repeat left -40px;color:#eee;font-size:11px;font-family:verdana;padding:2px 11px 8px;}
.hover .gritter-item{background-position:right -40px;}
.gritter-item p{word-wrap:break-word;margin:0;padding:0;}
.gritter-close{display:none;position:absolute;top:5px;left:3px;background:url(images/gritter.png) no-repeat left top;cursor:pointer;width:30px;height:30px;}
.gritter-title{font-size:14px;font-weight:700;display:block;text-shadow:1px 1px 0 #000;padding:0 0 7px;}
.gritter-without-image{padding:0;}

/* DROP DOWN MENU (superfish) */
a.sfcurrent {color:#f00;background:#0c6a8a}
.sf-menu,.sf-menu *{list-style:none;margin:0;padding:0}
.sf-menu{line-height:1.0;float:left;margin-bottom:0;display:block}
.sf-menu ul{position:absolute;top:-999em;width:13em;}
.sf-menu ul li{width:100%;}
.sf-menu li:hover{visibility:inherit;}
.sf-menu li{float:left;position:relative;}
.sf-menu a{display:block;position:relative;text-decoration:none;padding:.75em .6em;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul{left:0;top:2.5em;z-index:99;}
.sf-menu a,.sf-menu a:visited{color:#fff;}
.sf-menu.sf-white a,.sf-menu.sf-white a:visited{color:#000;}
.sf-menu a:focus,.sf-menu a:active{background:#000;outline:0;}
.sf-menu.sf-white a:focus,.sf-menu.sf-white a:active{background:#eee;outline:0;}
.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:hover{background:#333;outline:0;}
.sf-menu.sf-white li:hover,.sf-menu.sf-white li.sfHover,.sf-menu.sf-white a:hover{background:#ccc;}
.sf-menu a.sf-with-ul{padding-right:2.25em;min-width:1px;}
.sf-sub-indicator{position:absolute;display:block;right:.75em;top:1.05em;width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url(images/arrows-ffffff.png) no-repeat -10px -100px;}
a > .sf-sub-indicator{top:.8em;background-position:0 -100px;}
a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator{background-position:-10px -100px;}
.sf-shadow ul{background:url(images/shadow.png) no-repeat bottom right;-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;-webkit-border-bottom-left-radius:17px;border-radius-bottomleft:17px;border-radius-topright:17px;padding:0 8px 9px 0;}
.sf-shadow ul.sf-shadow-off{background:transparent;}
.sf-vertical,.sf-vertical li{width:10em;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul,.sf-vertical li:hover ul,.sf-vertical li.sfHover ul{left:10em;top:0;}
.sf-menu li li,.sf-menu li li li{background:#000;}
.sf-menu.sf-white li li,.sf-menu.sf-white li li li{background:#eee;}
.sf-menu ul .sf-sub-indicator,.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator,.sf-vertical .sf-sub-indicator,.sf-vertical a:focus > .sf-sub-indicator,.sf-vertical a:hover > .sf-sub-indicator,.sf-vertical a:active > .sf-sub-indicator,.sf-vertical li:hover > a > .sf-sub-indicator,.sf-vertical li.sfHover > a > .sf-sub-indicator{background-position:-10px 0;}
.sf-menu ul a > .sf-sub-indicator,.sf-vertical a > .sf-sub-indicator{background-position:0 0;}

/* Tokenizing Autocomplete Text Entry v1.6.0 */
ul.token-input-list{overflow:hidden;height:auto!important;height:1%;width:400px;border:1px solid #ccc;cursor:text;font-size:12px;font-family:Verdana;min-height:50px;z-index:999;margin:0;padding:0;background-color:#fff;list-style-type:none;clear:left;}
ul.token-input-list li input{border:0;width:100px;padding:3px 8px;background-color:#FFF;margin:2px 0;-webkit-appearance:caret;}
li.token-input-token{overflow:hidden;height:auto!important;height:15px;margin:3px;padding:1px 3px;background-color:#eff2f7;color:#000;cursor:default;border:1px solid #ccd5e4;font-size:11px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;float:left;white-space:nowrap;}
li.token-input-token p{display:inline;padding:0;margin:0;}
li.token-input-token span{color:#a6b3cf;margin-left:5px;font-weight:700;cursor:pointer;}
li.token-input-selected-token{background-color:#5670a6;border:1px solid #3b5998;color:#fff;}
li.token-input-input-token{float:left;margin:0;padding:0;list-style-type:none;}
div.token-input-dropdown{position:absolute;width:400px;background-color:#fff;overflow:hidden;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;cursor:default;font-size:11px;font-family:Verdana;z-index:1;}
div.token-input-dropdown p{margin:0;padding:5px;font-weight:700;color:#777;}
div.token-input-dropdown ul{margin:0;padding:0;}
div.token-input-dropdown ul li{background-color:#fff;padding:3px;margin:0;list-style-type:none;}
div.token-input-dropdown ul li.token-input-dropdown-item{background-color:#fff;}
div.token-input-dropdown ul li.token-input-dropdown-item2{background-color:#fff;}
div.token-input-dropdown ul li em{font-weight:700;font-style:normal;}
div.token-input-dropdown ul li.token-input-selected-dropdown-item{background-color:#3b5998;color:#fff;}