/* -----------------------------------------------------------------------

   meissam screen styles
   Paul Bellamy, BellamyStudio, Dec08
 
-----------------------------------------------------------------------  */
  
a {text-decoration:none; color:#373737}
a.current {background-color:#373737; color:white}
a:focus {outline: none}
#header, ul#nav, ul#nav li, ul#nav li a {float:left}
#header {position:relative; float:left; clear:both; width:700px;  border-bottom:1px solid #ccc; margin-bottom:10px}
#logo {float:left; width:545px}
#logo img {margin-bottom:10px}
input, button {margin:0; padding:0}
#searchblock input.search, #searchblock button.searchbut {margin:0; padding:0}
#searchblock {float:right;width:142px; position:relative}
#searchblock input.search {width:79px;height:17px;padding:0 5px; font:11px Verdana, sans-serif; color:#333; border:1px solid #cecece; margin:0; float:left}
#searchblock button.searchbut {width:47px; height:20px; border:none; text-indent:-999em; overflow:hidden; background:transparent url('/images/template/search_but.png') top left no-repeat; cursor:pointer;margin:0; float:left}

ul#nav, ul#topnav {list-style:none;margin:10px 0; padding:0; width:700px; clear:both}
ul#topnav {margin:3px 0}
ul#nav li, ul#topnav li {float:left; display:block; list-style:none; padding:0px 18px 0px 0px; margin:0; background: url('/images/template/nav_separator.png') right no-repeat; white-space:nowrap}
ul#nav li a, ul#topnav li a {float:left;padding:3px; display:block; float:left; margin-left:-3px}
ul#nav li a:hover, ul#topnav li a:hover {background-color:#999; color:white}
.mainpane {position:relative}
.panel {position:absolute; width:660px; left:10px; bottom:10px; background: #fff; display: none; padding:10px; z-index:3}
.briefinfo {padding:10px 0 20px 0; border-bottom:1px solid #ccc; float:left; clear:both; width:700px; margin-bottom:10px;}
.briefinfo p {margin:0 0 2px 0; padding:0; text-transform:uppercase; font-weight:bold}
.briefinfo p label {display:inline-block;color:#999; text-transform:none; width:40px; border-right:1px solid #999; margin-right:10px}
.metainfo {width:600px; float:left}
.infolink {width:70px; float:right}
.panel_button {text-align:right}
.moreinfo, .lessinfo {padding-right:16px; cursor:pointer}
.moreinfo {background:url('/images/template/arrow_up.gif') right no-repeat}
.lessinfo {background:url('/images/template/arrow_down.gif') right no-repeat}
#pagelinks {float:left; padding:10px 0; width:700px; clear:both; text-transform:uppercase}
.paginate {float:left; width:40px; margin-right:10px}
a.button {display:block; padding:3px 0; text-align:center; border:1px solid #cecece; background:#f6f6f6 url('/images/template/button_bg.png') top left repeat-x}
a.button:hover {border:1px solid #333}
span.disabledbutton {display:block; padding:3px 0; text-align:center; border:1px solid #cecece; background:#f6f6f6 url('/images/template/button_bg.png') top left repeat-x; color:#999}
.paginationLinks {float:left; width:600px; margin-right:10px; padding-top:4px}

#footer {clear:both; padding:10px 0; text-transform:uppercase; color:#999; border-top:1px solid #c7c7c7; margin-top:10px}

/*imageviewer - preload classes*/ 
.svw{width:700px; height:300px; background:#fff}
.svw ul{position:relative; left:-999em}
img.ldrgif {margin:100px 0 0 335px}

/*imageviewer - core classes*/ 
.stripViewer{ position:relative; overflow:hidden; float:left; width:700px; clear:both; margin-bottom:10px}
.stripViewer ul{/* this is your UL of images */ margin:0; padding:0; position:relative; left:0; top:0; width:1%; list-style-type:none}
.stripViewer ul li{ float:left}
.stripTransmitter{display:inline;overflow:auto; width:1%; clear:both}
.stripTransmitter ul{margin:0; padding:0; position:relative; list-style-type:none}
.stripTransmitter ul li{width:20px; float:left; margin:0 1px 1px 0}
.stripTransmitter a{font:bold 10px Verdana,Arial; text-align:center; line-height:22px; background:#fff; color:#c7c7c7; text-decoration:none; display:block; border:1px solid #fff}
.stripTransmitter a:hover, .stripTransmitter a.current{background:#fff; color:#373737; border:1px solid #c7c7c7}

.overlayWin { padding:20px; display:none}
.overlayWin object {border:8px solid #121212; background-color:#111} 
.overlayWin div.close { background:url('/images/template/winclose.png') no-repeat; position:absolute; top:-2px; right:2px; width:32px; height:32px; cursor:pointer} 
.overlayWin p {color:#567; font-size:50px; /*margin:110px 135px*/}
div.overlay {cursor:pointer}

div#fancy_overlay{position:absolute; top:0; left:0; z-index:90; width:100%; background-color:#333}
div#fancy_loading{position:absolute; height:40px; width:40px; cursor:pointer; display:none; overflow:hidden; background:transparent; z-index:100}
div#fancy_loading div{position:absolute; top:0; left:0; width:40px; height:480px; background:transparent url(/images/template/fancy/fancy_progress.png) no-repeat}
div#fancy_close{position:absolute; top:-12px; right:-12px; height:30px; width:30px; background:transparent url(/images/template/fancy/fancy_closebox.png); cursor:pointer; z-index:100; display:none}
div#fancy_content{position:absolute; top:0; left:0; width:100%; height:100%; padding:0; margin:0; z-index:96}
#fancy_frame{position:relative; width:100%; height:100%; display:none}
img#fancy_img{position:absolute; top:0; left:0; width:100%; height:100%; border:0; padding:0; margin:0; z-index:92}
div#fancy_title{position:absolute; bottom:-35px; left:0; width:100%; z-index:100; display:none}
div#fancy_title table{margin:0 auto}
div#fancy_title div{color:#FFF; font:bold 12px Arial; padding-bottom:2px}
td#fancy_title_left{height:32px; width:15px; background:transparent url(/images/template/fancy/fancy_title_left.png) repeat-x}
td#fancy_title_main{height:32px; background:transparent url(/images/template/fancy/fancy_title_main.png) repeat-x}
td#fancy_title_right{height:32px; width:15px; background:transparent url(/images/template/fancy/fancy_title_right.png) repeat-x}
div#fancy_outer{position:absolute; top:0; left:0; z-index:90; padding:18px 18px 58px 18px; margin:0; overflow:hidden;     background:transparent; display:none}
div#fancy_inner{position:relative; width:100%; height:100%; border:1px solid #444; background:#FFF}
a#fancy_left, a#fancy_right{position:absolute; bottom:10px; height:100%; width:35%; cursor:pointer; background-image:url(data:image/gif; base64,AAAA); z-index:100}
a#fancy_left{left:0px}
a#fancy_right{right:0px}
a#fancy_left:hover{background:transparent url(/images/template/fancy/fancy_left.gif) no-repeat 0% 100%}
a#fancy_right:hover{background:transparent url(/images/template/fancy/fancy_right.gif) no-repeat 100% 100%}
#fancy_bigIframe, #fancy_freeIframe{position:absolute; top:0; left:0; width:100%; height:100%; z-index:10}
div#fancy_bg{display:none}
div.fancy_bg{position:absolute; display:block; z-index:70}
div.fancy_bg_n{top:-18px; width:100%; height:18px; background:transparent url(/images/template/fancy/fancy_shadow_n.png) repeat-x}
div.fancy_bg_ne{top:-18px; right:-13px; width:13px; height:18px; background:transparent url(/images/template/fancy/fancy_shadow_ne.png) no-repeat}
div.fancy_bg_e{right:-13px; height:100%; width:13px; background:transparent url(/images/template/fancy/fancy_shadow_e.png) repeat-y}
div.fancy_bg_se{bottom:-18px; right:-13px; width:13px; height:18px; background:transparent url(/images/template/fancy/fancy_shadow_se.png) no-repeat}
div.fancy_bg_s{bottom:-18px; width:100%; height:18px; background:transparent url(/images/template/fancy/fancy_shadow_s.png) repeat-x}
div.fancy_bg_sw{bottom:-18px; left:-13px; width:13px; height:18px; background:transparent url(/images/template/fancy/fancy_shadow_sw.png) no-repeat}
div.fancy_bg_w{left:-13px; height:100%; width:13px; background:transparent url(/images/template/fancy/fancy_shadow_w.png) repeat-y}
div.fancy_bg_nw{top:-18px; left:-13px; width:13px; height:18px; background:transparent url(/images/template/fancy/fancy_shadow_nw.png) no-repeat}

.last {margin-right:0 !important}