#fullScreen {
  position: absolute;
  top: 120px;
  width: 650px;
  height: 650px;
  z-index: 9999;
  margin: 0;
   padding: 0;
   background:#CCCCCC;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
   border-radius:10px;
  display:none;
}

#itemSearch
{
  position: absolute;
  top: 120px;
  width: 650px;
  height: 650px;
  z-index: 9999;
  margin: 0;
   padding: 0;
   background:#CCCCCC;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
   border-radius:10px;
  display:none;
}
#fullScreenAll
{
z-index:777;
position:absolute;
top:34px;
bottom:0;
left:0;
width:100%;
background:#000;
opacity:0.75;
-moz-opacity:0.75;
filter:alpha(opacity=75);
display:none;
}

#Book {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background:#000;
}

.navShow
{
height:36px;
position:relative;
bottom:0px;
left:0px;
border:1px solid red;
}
.border-panel
{
  background:#B7B7B7;
}
/*/////////////////thimbnails csss///////////////////////////////////*/
#block
{
width:100;
padding:10px; 
margin:10px;  
float:left;
height:122px;
position:relative; 
border:1px solid #666666; 
background:#FFFFFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
 border-radius:5px;
}
#closeThumbs
{
    background:#FFBC00;
    border:1px solid #000000;
	color:#666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 20px;
    margin: -10px 638px;
    padding-top: 3px;
    position: absolute;
    text-align: center;
    width: 20px;
	font-weight:bold;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
cursor:pointer;
}
#closeThumbs:hover
{
        background:#FEF303;
		color:#FF0000;
		
}

#closeThumbsSearch
{
    background:#FFBC00;
    border:1px solid #000000;
	color:#666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 20px;
    margin: -10px 638px;
    padding-top: 3px;
    position: absolute;
    text-align: center;
    width: 20px;
	font-weight:bold;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
 border-radius:10px;
cursor:pointer;
}
#closeThumbsSearch:hover
{
        background:#FEF303;
		color:#FF0000;
		
}

/*/////////////////options csss///////////////////////////////////*/
#main
{
position:absolute;
right:0;
top:50px;
width:150px;
height:555px;
z-index:888;
overflow:hidden;
}

#options
{
position:absolute;
right:0px;
top:0px;
width:135px;
height:270px;
border:5px solid #CCCCCC;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
 border-radius:10px;
z-index:888;
background:#FFFFFF;
text-align:center;

}
#optionstoggleon
{
position:absolute;
top:0;
right:0px;
width:48px;
height:48px;
z-index:888;
background:url(../images/op_on.png) no-repeat top right ;
display:none;
}
#optionstoggleoff
{
position:absolute;
top:0;
right:0px;
width:48px;
height:48px;
z-index:888;
background:url(../images/op_off.png) no-repeat top right;

}

.searchbox{
width:130px;
height:575px;
margin:0 auto;
background:#666666;
padding:0 0 10px 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
 border-radius:5px;
}
.searchbox_one{
padding:16px 0 0 18px;
}
.keep_one{
width:128px;
float:left;
font-size:12px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
padding:4px 0 0 0px;
}
.keep_one_all{
width:290px;
float:left;
}
.clear{
clear:both;
margin:0px;
padding:0px;
}
.search_text01{
width:100px;
padding:1px;
border:1px solid #E5E5E5;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
 border-radius:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
}
.search_text02{
width:115px;
padding:1px;
border:1px solid #E5E5E5;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
 border-radius:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
}
.search_text03{
width:60px;
padding:1px;
border:1px solid #E5E5E5;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
 border-radius: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
}

.zoom_icon{
width:130px;
float:left;
padding:0 0 0 6px;
color:#fff;
}
.zoom_one{
float:left;
}
.zoom_text{
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#fff;
padding:8px 0 0 0px;
}
.view_all{
padding:17px 0 0px 0px;
}

.view_all_boxply{
border:1px solid #D7DADF; border-radius:8px;
background:#C1F2F9;
padding:8px 4px 6px 4px;
width:120px;
float:left;
height:20px;
}
.goto{
width:50px;
outline:none;
}
.allgo{
width:100px;
outline:none;
}

.navArrow{
font-family:Arial, Helvetica, sans-serif;
font-size:120px;
-moz-border-radius:15px;
-webkit-border-radius: 15px;
 border-radius:15px;
cursor:pointer;
background:#FFF;
text-decoration:none;
}

.navArrow a{
text-decoration:none;
color:#FFF;
}
.navArrow a:hover{
text-decoration:none;
color:#FFF;

}

#loaderSet
{
width:180px;
height:114px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
-moz-border-radius:25px;
-webkit-border-radius: 25px;
 border-radius:25px;
background:#FFF;
color:#666666;
text-decoration:none;
text-align:center;
margin-top:50px;
margin-left:40%;

}

.inner
{
font-size:11px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
padding:4px;
border-bottom:1px solid #CCCCCC;
background:#999999;
text-align:left;
}
.inner input
{
font-size:10px;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}

.infirst
{
-moz-border-radius-topleft:5px; 
border-top-left-radius:5px; 
-moz-border-radius-topright:5px; 
border-top-right-radius:5px;
border:none;
}

.inlast
{
-moz-border-radius-bottomleft:5px; 
border-bottom-left-radius:5px; 
-moz-border-radius-bottomright:5px; 
border-bottom-right-radius:5px;
border:none;
}

.inblack
{
color:#333333;
}

#ZoomSet
{
 height:620px;
 width:958px;
 position:absolute;
 border:2px solid #999999;
 display:none;
 z-index:888;
}


#print
{
		position:absolute;
		top:250px;
		width:350px;
		height:auto;
		z-index:9999;
		display:none;
}
#save
{
		position:absolute;
		top:250px;
		width:350px;
		height:auto;
		z-index:9999;
		display:none;
}

#send
{
		position:absolute;
		top:250px;
		width:350px;
		height:auto;
		z-index:9999;
		display:none;
}
.clsbrdr
{
         background:#FFF;
		 font-size:12px;
		 color:#OOO;
		 font-family:Arial, Helvetica, sans-serif;
		 border:1px solid #FFBC00;
		 -moz-box-shadow:5px 6px 3px 3px #666;
         -webkit-box-shadow: 5px 6px 3px 3px #666;
         box-shadow:5px 6px 3px 3px #666;
		 
}
.buttonSetOpt
{
        background:#FFBC00;
		border:1px solid #000000;
		-moz-border-radius:5px;
        -webkit-border-radius: 5px;
		 border-radius:5px;
		font-size:12px;
		color:#666666;
		font-family:Arial, Helvetica, sans-serif;
		padding:4px;
		width:auto;
		cursor:pointer;
}
.buttonSetOpt:hover
{
        background:#FEF303;
		color:#FF0000;
		
}

#itemSendShow
{
  position: absolute;
  top: 180px;
  width: 200px;
  height: 20px;
  z-index: 9999;
  background:#CCCCCC;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
   border-radius:15px;
  font-family:Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  padding:4px;
  text-align:center;
  display:none;
}

#sendLog
{
color:#FFFF00; 
position:absolute;
width:75px;
text-align:center;
}
#sendLog a
{
color:#FFFF00; 
text-decoration:none;
}
#sendLog a:hover
{
color:#FFFF00; 
text-decoration:none;
}

.tab_active
{
background:#FFBC00;
color:#000;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
height: 18px;
position: relative;
text-align: center;
width: auto;
font-weight:bold;
float:left;
padding:5px 2px 2px 2px;
border-radius:5px;
margin:3px 0 0 5px;
}


.tab_inactive
{
background:#FFFFFF;
color:#000;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
height: 18px;
position: relative;
text-align: center;
width: auto;
font-weight:bold;
float:left;
padding:5px 2px 2px 2px;
border-radius:5px;
cursor:pointer;
margin:3px 0 0 5px;
}


#magsAll
{
background:#999999;
position: fixed;
width: 100%;
top:0px;
border-bottom:2px solid #CCCCCC;
text-align:left;
height:32px;
z-index:9999;
}
.moreopt
{
position: relative;
float:right;
width: 85%;
text-align:left;
height:30px;
}

