﻿* { margin: 0; padding: 0; outline: 0; }
.doc{background: #656565;font: 70%/1.5em arial,Verdana, Tahoma, sans-serif;color: #777;text-align: left;margin: 25px 0; background:#454545 url(Images/back.jpg) repeat; background-attachment:fixed;}
.wrapper{margin: 0 auto; padding:10px; border:solid 1px #dcdcdc; width: 960px; width:938px; background:#fff url(Images/pnl_bg.jpg) repeat-x;}
.header{ position:relative; width:920px; height:80px;  margin-left:auto; margin-right:auto; margin-bottom:auto; overflow:hidden;}
.head_bot{position:relative; width:920px;  height:270px; margin:0 auto; z-index:2;}
.head_bot_inner{position:relative; width:920px; height:auto; margin:0 auto;}
.right_pnl{ float:left; width:210px; height:auto; position:relative; padding-bottom:20px; }
#tooltip {position: absolute;z-index: 3000;border: 1px solid #111;background-color: #eee;padding: 5px;opacity: 0.85;}
#tooltip h3, #tooltip div { margin: 0; }
.content{position:relative; background:#fff; width:920px;  margin:0 auto 0 auto; z-index:1; overflow:hidden;}
.content_inner{position:relative; width:540px;  margin:0 auto 0 auto; float:left; height:auto; text-align:justify; padding-bottom:20px; overflow:hidden;}
.content_inner p{ font-family:Arial; font-size:13px; color:#454545; margin:10px 20px 5px 25px;}
.content_inner a{ font-family:Arial; font-size:13px; color:#1f5e9f; margin:0; text-decoration:none;}
.content_inner a:hover{ font-family:Arial; font-size:13px; color:#cc6600; margin:0; text-decoration:underline;}
.content_inner h2{ font-family:Arial; font-size:19px; color:#1f5e9f; margin:10px 20px 5px 25px; font-weight:normal;}
.content_inner h3{ font-family:Arial; font-size:16px; color:#cc6600; margin:10px 20px 5px 25px;}
.content_inner h3 a{ font-family:Arial; font-size:16px; color:#cc6600; margin:0; text-decoration:none; border-bottom:dashed 2px #cc6600;}
.content_inner h3 a:hover{ font-family:Arial; font-size:16px; color:#1f5e9f; padding:0; text-decoration:none; border-bottom:dashed 2px #1f5e9f;}
.content_inner h4{ font-family:Arial; font-size:14px; color:#996633; margin:10px 20px 5px 25px;}
.content_inner h4 a{ font-family:Arial; font-size:14px; color:#996633; margin:0; text-decoration:none; border-bottom:dashed 2px #996633;}
.content_inner h4 a:hover{ font-family:Arial; font-size:14px; color:#1f5e9f; padding:0; text-decoration:none; border-bottom:dashed 2px #1f5e9f;}
.content_inner h5{ font-family:Arial; font-size:13px; color:#660000; margin:10px 20px 5px 25px;}
.content_inner h5 a{ font-family:Arial; font-size:13px; color:#660000; padding:0; text-decoration:none; border-bottom:dashed 2px #660000;}
.content_inner h5 a:hover{ font-family:Arial; font-size:13px; color:#1f5e9f; padding:0; text-decoration:none; border-bottom:dashed 2px #1f5e9f;}
.content_inner ul{ font-family:Arial; font-size:13px; color:#454545; margin:10px 20px 15px 50px; padding-left:0; LIST-STYLE-POSITION: outside; LIST-STYLE-TYPE:circle; text-align:left; line-height:26px;}
.content_inner li{ font-family:Arial; font-size:13px; color:#454545;  text-align:left;  margin-left:0; padding-left:0; text-align:left; clear:both; border-bottom:dotted 1px #d3d3d3; }
.content_inner ul ul{ font-family:Arial; font-size:13px; color:#454545; margin:10px 20px 15px 25px;  LIST-STYLE-POSITION: outside; LIST-STYLE-TYPE:lower-roman;}
.content_inner ol{ font-family:Arial; font-size:13px; color:#454545; margin:10px 20px 15px 50px; padding-left:0;  LIST-STYLE-POSITION: outside; LIST-STYLE-TYPE:decimal; text-align:left; line-height:26px;}
.content_inner ol ol{ font-family:Arial; font-size:13px; color:#454545; margin:10px 20px 15px 25px; LIST-STYLE-POSITION: outside; LIST-STYLE-TYPE: lower-alpha}
.pnls_inner{  height:200px; margin:20px 0 0 0; border:solid 1px #dcdcdc; width:210px; w\idth:208px; background:#fff url(Images/pnl_bg.jpg) repeat-x;}
.pnls_inner:hover{border:solid 1px #a9a9a9; background:#fff url(Images/pnl_bg.jpg) repeat-x;}
.page_imgs{ float:left; width:495px; height:auto; margin:10px 0 10px 25px;}
.footer{position:relative; width:920px;  height:70px;  font-size: 90%; clear: both; background-color:#EAF0F4; margin:20px auto 10px auto;}
.ciit_logo{ float:left; width:77px; height:65px;  margin-left:-10PX; BACKGROUND-POSITION: -1251px 0; BACKGROUND-IMAGE: url(Images/lib_sprite.png); BACKGROUND-REPEAT: no-repeat;}
fieldset {margin: 0; padding: 0;border: none;}
legend {display: none;}

.library_logo{ float:left; width:320px; height:40px; margin:13px 0 0 5px; BACKGROUND-POSITION: -908px 0; BACKGROUND-IMAGE: url(Images/lib_sprite.png); BACKGROUND-REPEAT: no-repeat; }
.facebook{ float:right; width:80px; height:28px; margin:25px 0; border:0;}
.news-container{width: 195px;margin:0 5px 0 10px;border:0 solid transparent; height:400px;}
.news-container ul li div{border-bottom: 1px solid #bbb;background: transparent;}
.news-container ul li div a{ text-decoration:none; color:#000; border-bottom:1px dotted #bbb;}
.news-container ul li div a:hover{ text-decoration:none; color:#447789;}
.news-container ul li div span{border:0; float:left; margin:5px 100px 0 0; color:#cc6633; font-family: Georgia,Times New Roman;}
ul#css3menu1,ul#css3menu1 ul{margin:0;list-style:none;padding:0;background-color:#dedede;border-width:0px;border-style:solid;border-color:#5f5f5f;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px; z-index:8;}
ul#css3menu1 ul{display:none;position:absolute;left:100%;top:0;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;padding:0 10px 10px;background-color:#424542;border-width:2px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-color:#FFF; z-index:6;}
ul#css3menu1 li:hover>*{display:block;}
ul#css3menu1 li:hover{position:relative;}
ul#css3menu1 ul ul{position:absolute;left:100%;top:0;}
ul#css3menu1{display:block;font-size:0;float:left;}
ul#css3menu1 li{display:block;white-space:nowrap;font-size:0;}
ul#css3menu1>li,ul#css3menu1 li{margin:0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{outline-style:none;}
ul#css3menu1 a,ul#css3menu1 a.pressed{display:block;vertical-align:middle;text-align:left;text-decoration:none;font:14px Arial;color:#000000;text-shadow:#FFF 0 0 1px;cursor:pointer;}
ul#css3menu1 ul li{	float:none;margin:10px 0 0;}
ul#css3menu1 ul a{text-align:left;padding:4px;background-color:#424542;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:13px Arial;color:#ffffff;text-decoration:none;text-shadow:#FFF 0 0 0;}
ul#css3menu1 li:hover>a{background-color:#444444;border-color:#C0C0C0;border-style:solid;font:14px Arial;color:#ffffff;text-decoration:none;text-shadow:#FFF 0 0 1px;background-image:url("Images/mainbk.png");background-position:0 100px;}
ul#css3menu1 img{border:none;vertical-align:middle;margin-right:10px;}
ul#css3menu1 img.over{display:none;}
ul#css3menu1 li:hover > a img.def{display:none;}
ul#css3menu1 li:hover > a img.over{display:inline;}
ul#css3menu1 li a.pressed img.over{display:inline;}
ul#css3menu1 li a.pressed img.def{display:none;}
ul#css3menu1 span{display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu1 a{padding:10px;background-color:#d3deef;background-image:url("Images/mainbk.png");background-repeat:repeat;background-position:0 0;border-width:1px 0 0 0;border-style:solid;border-color:#C0C0C0;color:#000000;text-decoration:none;text-shadow:#FFF 0 0 1px;}
ul#css3menu1 li:hover>a,ul#css3menu1 li>a.pressed{background-color:#444444;background-image:url("Images/mainbk.png");background-position:0 100px;border-style:solid;border-color:#C0C0C0;color:#ffffff;text-decoration:none;text-shadow:#FFF 0 0 1px;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li>a.pressed{background-color:#424542;background-image:none;font:13px Arial;color:#f2b20e;text-decoration:none;text-shadow:#FFF 0 0 0;}
ul#css3menu1 li.topfirst>a{border-width:0;border-radius:0px 0px 0 0 ;-moz-border-radius:0px 0px 0 0 ;-webkit-border-radius:0px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;}
ul#css3menu1 li.toplast>a{border-radius:0 0 0px 0px;-moz-border-radius:0 0 0px 0px;-webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
.mnu{ float:left; width:170px; height:270px; display:inline; position:relative; z-index:4;}
.search{ float:right; width:250px; height:25px; position:relative; overflow:hidden; margin-top:20px;}
.search_btn{ float:right; width:80px; height:19px; font-family:Arial Narrow; color:#fff; background-color:#a9a9a9; border:solid 2px #eee; font-size:15px; overflow:hidden; padding-top:3px; text-transform:uppercase; text-align:center; background: url(Images/pattern.gif) repeat;}
.search_btn:hover{ float:right; width:80px; height:19px; font-family:Arial Narrow; color:#eee; background-color:#dcdcdc; border:solid 2px #d9d9d9; font-size:15px; overflow:hidden; padding-top:3px; text-transform:uppercase; cursor:pointer;}
.search_box{float:left; width:155px; height:25px;  overflow:hidden; padding-top:2px;}
html{color:#353535;padding:0;margin-top:0;}
.listmenu  {margin: 0 0 20px 0px; width:150px; float:left; text-align:left; font-family:Arial;  }
.listmenu ul {margin: 0 0 5px 0;padding: 0 0 2px 0;list-style-type: none;width:150px;}
.listmenu ul ul {margin: 0 0 5px 0;padding: 0 0 2px 0;list-style-type: none;width:150px;}
.listmenu li a {color: #353535;display: block;border-bottom:1px dotted #dcdcdc;/*border-right:3px solid #666;*/height: 35px;padding: 16px 0 4px 0px;text-decoration: none;font-weight:normal;background-color:transparent; font-size:15px; }
.listmenu li a:hover {color:#cc6600;}
.listmenu li ul li a {color: #353535;display: block;border-bottom:1px dotted #dcdcdc;/*border-right:3px solid #666;*/height: 25px;padding: 16px 0 4px 0px;text-decoration: none;font-weight:normal;background-color:transparent; font-size:15px;  }
.listmenu li ul li a:hover {color: #0099ff;display: block;border-bottom:1px dotted #dcdcdc;/*border-right:3px solid #666;*/height: 25px;padding: 16px 0 4px 0px;text-decoration: none;font-weight:normal;background-color:transparent; font-size:15px;  }
.home{ float:left; width:28px; height:28px; BACKGROUND-POSITION: -752px 0; BACKGROUND-IMAGE: url(Images/lib_sprite.png); BACKGROUND-REPEAT: no-repeat; margin:-8px 8px 0 0;}
.home_lib{ float:left; width:28px; height:28px; BACKGROUND-POSITION: -830px 0; BACKGROUND-IMAGE: url(Images/lib_sprite.png); BACKGROUND-REPEAT: no-repeat; margin:-8px 8px 0 0;}
.about_us{ float:left; width:28px; height:28px; BACKGROUND-POSITION: 0px 0px; BACKGROUND-IMAGE: url(Images/lib_sprite.png); BACKGROUND-REPEAT: no-repeat; margin:-8px 8px 0 0;}
.contact{ float:left; width:28px; height:28px; BACKGROUND-POSITION: -524px 0; BACKGROUND-IMAGE: url(Images/lib_sprite.png); BACKGROUND-REPEAT: no-repeat; margin:-8px 8px 0 0;}
.member{ float:left; width:28px; height:28px; BACKGROUND-POSITION: -1378px 0; BACKGROUND-IMAGE: url(Images/lib_sprite.png); BACKGROUND-REPEAT: no-repeat; margin:-8px 8px 0 0;}
.simplegallery1{ float:left; width:500px; height:270px; position:relative; display:inline; z-index:1;}
.right_msg{ float:right; width:244px; height:270px; position:relative; background:#fff url(Images/right_msg.gif) no-repeat;  display:inline;}
.pnls{ float:left; width:210px; height:200px; margin:30px 0 0 24px; border:solid 1px #dcdcdc; background:#fff url(Images/pnl_bg.jpg) repeat-x; z-index:2;}
.pnls:hover{ float:left; width:210px; height:200px; margin:30px 0 0 24px; border:solid 1px #a9a9a9; background:#fff url(Images/pnl_bg.jpg) repeat-x;}
.heading{ width:210px; height:32px; color:#000; font-family:Arial; font-size:16px; text-align:center; padding:10px 0 0 0; position:relative; z-index:1;}
.opac{ width:100px; height:100px; position:relative; margin-left:auto; margin-right:auto; BACKGROUND-POSITION: -1456px 0; BACKGROUND-IMAGE: url(Images/lib_sprite.png); BACKGROUND-REPEAT: no-repeat; }
.ebrary{ width:100px; height:100px; position:relative; margin-left:auto; margin-right:auto; BACKGROUND-POSITION: -602px 0; BACKGROUND-IMAGE: url(Images/lib_sprite.png); BACKGROUND-REPEAT: no-repeat;}
.digi_search{ width:100px; height:100px; position:relative; margin-left:auto; margin-right:auto; BACKGROUND-POSITION: -1606px 0; BACKGROUND-IMAGE: url(Images/lib_sprite.png); BACKGROUND-REPEAT: no-repeat; }
.ciit_search{ width:100px; height:100px; position:relative; margin-left:auto; margin-right:auto; BACKGROUND-POSITION: -374px 0; BACKGROUND-IMAGE: url(Images/lib_sprite.png); BACKGROUND-REPEAT: no-repeat; }
.left{ float:left; width:684px; height:auto;}
.pnl_text{ width:190px; height:32px; color:#454545; font-family:Arial; font-size:13px; text-align:center; margin:10px 10px 0 10px;}
.pnl_other{float:left; width:212px; height:810px; margin:30px 0 0 24px; overflow:hidden; margin-bottom:10px; padding-bottom:10px;  }
.pnl_downloads{float:left; width:212px; height:480px; margin:30px 0 0 24px;  }
.pnl_other_outer{float:left; width:448px; height:420px; margin:30px 0 0 24px;}
.pnl_other_outer_inner{float:left; width:212px; height:125px; margin:0 0 24px 24px;  }
.pnl_poll{float:left; width:448px; height:246px; margin:18px 0 0 0;}
.pnl_poll img{float:left; border:0; width:140px; height:109px; margin:14px 0 0 14px; overflow:hidden; background:#fff;}
.pnl_poll p{font-family:Arial; font-size:12px; color:#454545; padding:10px 25px 0 20px;}
.pnl_otherlinks{float:left; width:448px; height:230px; margin:0 0 0 0;}
.pnl_otherlinks img{width:202px; height:60px; display:inline; float:left; padding:4px; border:solid 1px #bbb; margin:0 0 12px 24px; overflow:hidden; position:relative; }
.pnl_otherlinks img h3{ font-family:Arial; font-size:14px; color:#fff; text-align:left; padding:5px; }
.pnl_otherlinks img p{ font-family:Arial; font-size:12px; color:#dcdcdc; text-align:left; padding:5px; }
.pnl_inner{float:left; width:175px; height:150px; margin:10px 5px 0 0;  }
.pnl_innerheading{width:165px; height:30px; color:#353535; font-family:Arial; font-size:14px; text-align:left; background-color:#F1EEE9; padding:15px 0 0 10px; position:relative; overflow:hidden;}
.pnl_inner_list  {margin: 0 0 20px 10px; width:165px; float:left; text-align:left; }
.pnl_inner_list ul {margin: 0 0 5px 0;padding: 0 0 2px 0;list-style-type: none;width:165px;}
.pnl_inner_list li a {color: #454545;display: block;border-bottom:1px dotted #dcdcdc;/*border-right:3px solid #666;*/height: auto;padding: 10px 0 0 10px;text-decoration: none;font-weight:normal;background-color:transparent;}
.pnl_inner_list li a:hover {color:#cc6600;}

.poll_say{ float:left; width:400px; height:90px; margin:10px 0 10px 10px;}
.send_button{ float:left; width:70px; height:auto; margin:5px 0 0 10px;}
.view_results{ float:right; width:100px; height:18px; margin:10px 10px 10px 0;padding:0; text-align:center; color:#000}
.view_results:hover{  color:#cc9900;}
.pnl_heading{width:202px; height:30px; color:#353535; font-family:Arial; font-size:17px; text-align:left; background-color:#F1EEE9; padding:15px 0 0 10px; position:relative; overflow:hidden;}
.pnl_poll_heading{width:438px; height:30px; color:#353535; font-family:Arial; font-size:17px; text-align:left; background-color:#F1EEE9; padding:15px 0 0 10px; position:relative; overflow:hidden;}
.pnllist  {margin: 0 0 10px 3px; width:195px; float:left; text-align:left; }
.pnllist ul {margin: 0 0 5px 0;padding: 0 0 2px 0;list-style-type: none;width:195px;}
.pnllist li { background:url(Images/bullet.png) no-repeat 10px 13px; padding-left:20px;}
.pnllist li a {color: #454545;display: block;border-bottom:1px dotted #d3d3d3;/*border-right:3px solid #666;*/height: auto;padding: 7px 0 0 5px;text-decoration: none;font-weight:normal;background-color:transparent;}
.pnllist li a:hover {color:#cc6600;text-decoration: underline;}
.arrow_orange{ float:left; width:24px; height:24px;  margin:-4px 8px 0 0; BACKGROUND-POSITION: -226px 0; BACKGROUND-IMAGE: url(Images/lib_sprite.png); BACKGROUND-REPEAT: no-repeat;}
.arrow_green{ float:left; width:24px; height:24px; margin:-4px 8px 0 0; BACKGROUND-POSITION: -152px 0; BACKGROUND-IMAGE: url(Images/lib_sprite.png); BACKGROUND-REPEAT: no-repeat;}
.arrow_blue{ float:left; width:24px; height:24px;  margin:-4px 8px 0 0; BACKGROUND-POSITION: -78px 0; BACKGROUND-IMAGE: url(Images/lib_sprite.png); BACKGROUND-REPEAT: no-repeat;}
.arrow_red{ float:left; width:24px; height:24px; margin:-4px 8px 0 0; BACKGROUND-POSITION: -300px 0; BACKGROUND-IMAGE: url(Images/lib_sprite.png); BACKGROUND-REPEAT: no-repeat;}
.news_heading{width:202px; height:30px; color:#353535; font-family:Arial; font-size:17px; text-align:left; background-color:#EAF0F4; padding:15px 0 0 10px; position:relative; overflow:hidden;}
#newsticker-demo {width:210px;padding:5px 5px 0;font-family:Arial,Sans-Serif;font-size:12px;margin:5px auto;}
#newsticker-demo a { text-decoration:none; color:#1f5e9f; }
#newsticker-demo a:hover { text-decoration:none; color:#353535; }
#newsticker-demo img { border: 1px solid #a9a9a9; padding:5px 5px 5px 5px; background-color:#ffffff; }
#newsticker-demo .title {text-align:left;font-size:14px;font-weight:bold;padding:5px;}
.newsticker-jcarousellite { width:210px;  text-align:left;}
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
.newsticker-jcarousellite .thumbnail { float:left; width:50px; height:60px; margin-right:20px;}
.newsticker-jcarousellite .info { float:left; width:120px; }
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }
.newsticker-jcarousellite .info i { color:Red; font-family:Arial; font-size:12px; }
.clear { clear: both; }
.copright{ float:left; width:400px; height:25px; margin:10px 0 0 20px; font-family:Arial; font-size:11px; color:#1f5e9f;}
.copright a{ font-family:Arial; font-size:11px; font-weight:bold; color:#1f5e9f; text-decoration:none; border-left:solid 1px #1f5e9f; margin:0 0 0 5px; padding:0 0 0 5px;}
.copright a:hover{ font-family:Arial; font-size:11px; font-weight:bold; color:#cc9900; text-decoration:none;}
.itc a{float:right; width:80px; height:25px; margin:26px 20px 0 0; font-family:Arial; font-size:14px; font-weight:bold; color:#1f5e9f; text-decoration:none;}
.itc a:hover{float:right; width:80px; height:25px; margin:26px 20px 0 0; font-family:Arial; font-size:14px; font-weight:bold; color:orange; text-decoration:underline;}
.submenu{  width:130px; height:auto;}
.submenu li a{ color:#454545; height:30px; border-bottom:dotted 1px #dcdcdc;}
.submenu ul{ float:left;width:130px; list-style-type:none; margin:10px 10px 10px 10px;  clear:both;}
.submenu li a:hover{ color:#1f5e9f; height:30px; border-bottom:dotted 1px #dcdcdc;}
fieldset {margin:0;	padding:0;border: none;}
.floor_img{ float:left; margin:10px 0 40px 10px; width:205px; height:135px; padding:10px 8px 10px 8px; border:solid 1px #fff; background-color:#fff; color:#1f5e9f; font-size:12px; }
.floor_img:hover{ float:left; margin:10px 0 40px 10px; width:205px; height:135px; padding:10px 8px 10px 8px; border:solid 1px #fff; background-color:#fff; color:#353535; font-size:12px;}
.floor_img span{text-align:left; margin:0 0 -10px 0; float:left;}
.btn_wrap{ float:left; width:475px; height:30px; margin:10px 0 20px 25px;}
.btns{ float:left; border:solid 1px #d3deef; }
.btns:hover{  border:solid 1px #696969; }
.btns_right{ float:right; border:solid 1px #d3deef; }
.btns_right:hover{  border:solid 1px #696969; }
/*:::: DEMO PAGE, LIST IMAGES rules (REMOVE OR CHANGE) ::::*/
.gallery, .gallery_in{float:left;padding:0 0 30px 0;margin:0 0 30px 25px;width:475px;}
.thumbs_all{float:left;}
.thumbs_all img{padding:0px;}
.thumbs_all li{float:left; margin-left:40px!important; margin-left:20px;}
span.thumbs_all {border: 1px solid #BBB;padding: 8px;margin: 0 10px 20px 0;vertical-align: top;}
.thumbs_all  a{height:125px;width:200px; cursor:url(css_pirobox/cursor/open.cur), pointer; margin:0 !important; margin:0 auto; text-decoration:none; outline: none;}
.highlite{color:#000; font-weight:700;}
/*::::: PIROBOX RULES::::::::*/
.bg_thumbs{background:#fff;/*::::: you can change overlay background-color here ::::::::*/position:fixed!important;position:absolute;top:0;left:0!important;left:-17px;width:100%;margin:0;padding:0;visibility:hidden;z-index:1001;display:none;}
.unloader, .img_box,.middle_l, .middle_r{background:#000;/*::::: you can change img_box background-color here ::::::::*/}
/*:::: YOU DON'T NEED TO CHANGE NOTHING ELSE IN THE CSS :::*/
/*:::: PREV/NEXT inside rules ::::*/
.box_next_in{position:absolute;top:2px!important;top:2px;height:90%;width:74px;right:2px!important;right:0px;overflow:hidden;z-index:1010;background:none;display:none;}
a.next_in{position:absolute;z-index:1011;height:100%;width:74px;right:-74px;text-indent:-999em;display:block;background:url(next_in_b.png) top right no-repeat!important;background:url(css_pirobox/next_in_b.gif) top right no-repeat;}
.box_previous_in{position:absolute;top:2px!important;top:2px;z-index:100012;height:90%;left:2px!important;left:2px;width:74px;overflow:hidden;background:none;display:none;}
a.previous_in{position:absolute;z-index:100013;left:-74px;height:100%;width:74px;text-indent:-999em;display:block;background:url(prev_in_b.png) top left no-repeat!important;background:url(css_pirobox/prev_in_b.gif) top left no-repeat;}
/*:::: PREV/NEXT outside rules ::::*/
.box_next{position:fixed!important;position:absolute;top:0;height:100%;width:81px;right:0px!important;right:16px;overflow:hidden;z-index:1006; visibility:hidden}
a.next{position:fixed!important;position:absolute;text-indent:-999em;display:block;top:0;height:100%;width:81px;right:-81px;z-index:1007;background:url(css_pirobox/next_o_b.gif) center right no-repeat;}
a:hover.next{background:url(css_pirobox/next_o_b_h.gif) center right no-repeat;}
.box_previous{position:fixed!important;position:absolute;top:0;height:100%;left:0;width:81px;overflow:hidden;z-index:1008;visibility:hidden}
a.previous{z-index:1009;position:fixed!important;position:absolute;top:0;height:100%;width:81px;left:-81px;text-indent:-999em;display:block;background:url(css_pirobox/prev_o_b.gif) center left no-repeat;}
a:hover.previous{background:url(css_pirobox/prev_o_b_h.gif) center left no-repeat;}
/*:::: END PREV/NEXT rules ::::*/
/*:::: IMG_BOX rules ::::*/
.img_box{position:absolute;margin-top:-2px;margin-left:-2px;width:50px;height:50px;visibility:hidden; overflow:hidden;z-index:1002;}
.img_box img{float:left;position:relative; z-index:1100;border:none;padding:0;z-index:1003; cursor:url(css_pirobox/cursor/close.cur), pointer;}
/*:::: END IMG_BOX rules ::::*/
/*:::: CLOSE, LOADING rules ::::*/
.thumbs_close{position:absolute;bottom:0;right:0;height:18px;width:81px;color:#fff;cursor:pointer;margin:0 10px 10px 0!important;margin:0 12px 10px 0;z-index:100014;background:url(css_pirobox/close_b.gif) center right no-repeat;visibility:hidden;}
.loader{position:fixed!important;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-33px;width:80px;height:80px;display:block;z-index:1007; background:url(css_pirobox/bg_loader_b.png) center no-repeat!important; background:url(css_pirobox/bg_loader_b.gif) center no-repeat;}
.loader span{position:absolute;width:80px;height:80px;}
.unloader{visibility:visible;}
.thumbs{visibility:hidden;}
.caption{position:absolute;bottom:0;left:0;margin:0 0 8px 5px!important;margin:0 0 8px 5px; color:#fff;visibility:hidden;display:block; padding:3px; z-index:100013; cursor:text;}
.caption p{ display:block; margin:0;padding:0; margin-right:88px;}
.pre{visibility:hidden;display:none;}
.end{display:none;}
.begin{display:none;}
.images{ float:left; margin:10px 0 10px 25px; border:1px solid #bbb;}
/*::::, ROUNDED CORNERS ::::*/
.all{position:fixed!important;position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-45px;width:80px;height:80px;padding:10px;z-index:1002;}
.t_l{position:absolute; height:30%; width:90%;padding:0!important;padding:10px; top:0; left:0; background: url(css_pirobox/bg_b.png) top left no-repeat!important;background: url(css_pirobox/bg_b.gif) top left no-repeat;}
.t_r{position:absolute; height:30%; width:30%; top:0; right:0; background: url(css_pirobox/bg_b.png) top right no-repeat!important;background: url(css_pirobox/bg_b.gif) top right no-repeat;}
.middle_l{ position:absolute;width:50%;height:80%;left:0; top:10px;z-index:998;}
.middle_r{ position:absolute;width:50%;height:80%;right:0; top:10px;z-index:999;}
.t_l_b{position:absolute; height:80%; width:91%;padding:0!important;padding:10px; bottom:0; left:0; background: url(css_pirobox/bg_b.png) bottom left no-repeat!important;background: url(css_pirobox/bg_b.gif) bottom left no-repeat;}
.t_r_b{position:absolute; height:90%; width:40%; bottom:0; right:0; background: url(css_pirobox/bg_b.png) bottom right no-repeat!important;background: url(css_pirobox/bg_b.gif) bottom right no-repeat;}

