source: extensions/gally/gally-cuise/css/theme.css @ 12655

/* -----------------------------------------------------------------------------
  GRUM:DARK-II-CUISE
  Theme for Piwigo
  ------------------------------------------------------------------------------
  file: gally/cuise/theme.css
  file version: 1.2.0
  ------------------------------------------------------------------------------
  author: grum modified cljosse
  << May the Little SpaceFrog be with you >>
  ------------------------------------------------------------------------------
  Cuise for template "Gally"
----------------------------------------------------------------------------- */

div.errors {
  background:#FFB0B0;
  border:4px solid #802020;
  color:#802020;
  padding:8px;
}
div.errors a {
  color:#800000;
  font-weight:bold;
}

div.infos {
  background:#B0FFB0;
  border:4px solid #208020;
  color:#208020;
  padding:8px;
}
div.infos a {
  color:#008000;
  font-weight:bold;
}

div.errors ul, div.infos ul {
  text-align:justify;
  padding-left:0px;
}

div.errors ul li, div.infos ul li {
  margin-bottom:4px;
}

div.ui-widget-overlay {
  background:#808080;
  opacity:0.88;
  filter:alpha(opacity:88);
  position:absolute;
  left:0px;
  top:0px;
}

.ui-dialog-buttonpane {
  margin-bottom:8px;
}


/*
 page
*/

body, #menubar {

  background-color:#333333;
  color:#333333;
}

a {
  color:#000000;
}

A:hover {
  color: #ffff80;
}


a.button, a.navButton {
  display:inline-block;
  /*display:table-cell;*/
  width:28px;
  height:28px;
}

a.button, a.navButton, span.button, #icon_menu {
  background-image:url(./../icon/buttons.png);
  background-repeat:no-repeat;
}

/* menu */
#icon_menu.button, #icon_menu.button2 {
  width:28px;
  height:28px;
  display:inline-block;
}
#icon_menu.button {
  background-position:0px -84px;
}
#icon_menu.button:hover {
  background-position:0px -112px;
}

#icon_menu.button2 {
  background-position:-28px -84px;
}
#icon_menu.button2:hover {
  background-position:-28px -112px;
}


#thePicturePage #icon_menu.button {
  width:22px;
  height:20px;
  background-position:-1400px 0px;
}
#thePicturePage #icon_menu.button:hover {
  background-position:-1400px -28px;
}

#thePicturePage #icon_menu.button2 {
  width:22px;
  height:20px;
  background-position:-1372px 0px;
}
#thePicturePage #icon_menu.button2:hover {
  background-position:-1372px -28px;
}




/* index.tpl */

#icon_caddie {
  background-position:0px 0;
}
#icon_caddie:hover {
  background-position:0px -28px;
}

#icon_category_edit {
  background-position:-84px 0;
}
#icon_category_edit:hover {
  background-position:-84px -28px;
}

#icon_search_rules {
  background-position:-504px 0;
}
#icon_search_rules:hover {
  background-position:-504px -28px;
}

#icon_start_slideshow {
  background-position:-560px 0;
}
#icon_start_slideshow:hover {
  background-position:-560px -28px;
}

#icon_flat {
  background-position:-252px 0;
}
#icon_flat:hover {
  background-position:-252px -28px;
}

#icon_normal_mode {
  background-position:-392px 0;
}
#icon_normal_mode:hover {
  background-position:-392px -28px;
}

#icon_calendar {
  background-position:-28px 0;
}
#icon_calendar:hover {
  background-position:-28px -28px;
}

#icon_calendar_created {
  background-position:-56px 0;
}
#icon_calendar_created:hover {
  background-position:-56px -28px;
}

/* about.tpl */
/* comments.tpl */
/* identification.tpl */
/* nbm.tpl */
/* notification.tpl */
/* password.tpl */
/* tags.tpl */
/* profile.tpl */
/* register.tpl */
/* upload.tpl */
#icon_home {
  background-position:-308px 0;
}
#icon_home:hover {
  background-position:-308px -28px;
}

/* identification.tpl */
/* menubar_identification.tpl */
#icon_lost_password {
  background-position:-336px 0;
}
#icon_lost_password:hover {
  background-position:-336px -28px;
}

#icon_register, #icon_register2, #icon_register3 {
  background-position:-420px 0;
}
#icon_register:hover, #icon_register2:hover, #icon_register3:hover {
  background-position:-420px -28px;
}

#icon_lost_password, #icon_lost_password2, #icon_lost_password3 {
  background-position:-336px 0;
}
#icon_lost_password:hover, #icon_lost_password2:hover, #icon_lost_password3:hover {
  background-position:-336px -28px;
}

/* menubar_categories.tpl */
#icon_start_filter {
  background-position:-1288px 0px;
  height: 28px;
  margin-top: 2px;
  width: 28px;
}
#icon_start_filter:hover {
  background-position:-1288px -28px;
}

#icon_stop_filter {
  background-position:-1316px 0px;
}
#icon_stop_filter:hover {
  background-position:-1316px -28px;
}

/* picture.tpl */
#icon_high_res {
  background-position:-224px 0;
}
#icon_high_res:hover {
  background-position:-224px -28px;
}

#icon_stop_slideshow {
  background-position:-532px 0;
}
#icon_stop_slideshow:hover {
  background-position:-532px -28px;
}

#icon_metadata {
  background-position:-364px 0;
}
#icon_metadata:hover {
  background-position:-364px -28px;
}

#icon_save {
  background-position:-476px 0;
}
#icon_save:hover {
  background-position:-476px -28px;
}

#icon_favorite {
  background-position:-168px 0;
}
#icon_favorite:hover {
  background-position:-168px -28px;
}

#icon_del_favorite {
  background-position:-196px 0;
}
#icon_del_favorite:hover {
  background-position:-196px -28px;
}

#icon_delall_favorite {
  background-position:-196px 0;
}
#icon_delall_favorite:hover {
  background-position:-196px -28px;
}

#icon_representative {
  background-position:-448px 0;
}
#icon_representative:hover {
  background-position:-448px -28px;
}

#icon_preferences {
  background-position:-1344px 0;
}
#icon_preferences:hover {
  background-position:-1344px -28px;
}

/* tags.tpl */
#icon_cloud {
  background-position:-588px 0;
}
#icon_cloud:hover {
  background-position:-588px -28px;
}

#icon_tag_letters {
  background-position:-616px 0;
}
#icon_tag_letters:hover {
  background-position:-616px -28px;
}

/* picture_nav_buttons.tpl */
#icon_last {
  background-position:-896px 0;
}
#icon_last:hover {
  background-position:-896px -28px;
}
#icon_last_unactive {
  background-position:-896px -56px;
  cursor:default;
}
#icon_right {
  background-position:-952px 0;
}
#icon_right:hover {
  background-position:-952px -28px;
}
#icon_right_unactive {
  background-position:-952px -56px;
  cursor:default;
}
#icon_play {
  background-position:-1008px 0;
}
#icon_play:hover {
  background-position:-1008px -28px;
}

#icon_pause {
  background-position:-1036px 0;
}
#icon_pause:hover {
  background-position:-1036px -28px;
}

#icon_up {
  background-position:-980px 0;
}
#icon_up:hover {
  background-position:-980px -28px;
}

#icon_left {
  background-position:-924px 0;
}
#icon_left:hover {
  background-position:-924px -28px;
}
#icon_left_unactive {
  background-position:-924px -56px;
  cursor:default;
}
#icon_first {
  background-position:-868px 0;
}
#icon_first:hover {
  background-position:-868px -28px;
}
#icon_first_unactive {
  background-position:-868px -56px;
  cursor:default;
}

#icon_start_repeat {
  background-position:-1092px 0;
}
#icon_start_repeat:hover {
  background-position:-1092px -28px;
}

#icon_stop_repeat {
  background-position:-1064px 0;
}
#icon_stop_repeat:hover {
  background-position:-1064px -28px;
}

#icon_dec_period {
  background-position:-1120px 0;
}
#icon_dec_period:hover {
  background-position:-1120px -28px;
}
#icon_dec_period_unactive {
  background-position:-1120px -56px;
  cursor:default;
}
#icon_inc_period {
  background-position:-1148px 0;
}
#icon_inc_period:hover {
  background-position:-1148px -28px;
}
#icon_inc_period_unactive {
  background-position:-1148px -56px;
  cursor:default;
}

/* popuphelp.tpl */
/* search_rules.tpl */
#icon_exit {
  background-position:-840px 0;
}
#icon_exit:hover {
  background-position:-840px -28px;
}

/* search.tpl */
#icon_help {
  background-position:-280px 0;
}
#icon_help:hover {
  background-position:-280px -28px;
}

/* pseudo icons */
span.id_recent {
  background-position:-700px -28px;
  height: 16px;
  width: 16px;
  margin: -3px -3px 2px 2px;
}
span.id_recent_cat {
  background-position:-700px -28px;
  height: 16px;
  width: 16px;
  position: relative;
  top: -5px;
  left:-6px;
}
span.id_recent_cat_by_child {
  background-position:-728px -28px;
  height: 16px;
  width: 18px;
  position: relative;
  left:-6px;
}
span.id_delete {
  background-position:-756px 0;
  height: 16px;
  width: 16px;
}
span.id_delete:hover {
  background-position:-756px -28px;
}
span.id_edit {
  background-position:-784px 0;
  height: 16px;
  width: 16px;
}
span.id_edit:hover {
  background-position:-784px -28px;
}
span.id_validate {
  background-position:-812px 0;
  height: 16px;
  width: 16px;
}
span.id_validate:hover {
  background-position:-812px -28px;
}

div.description span.id_recent_cat {
  top: 0px;
  left:-4px;
}




/*
 page : title
*/
.titrePage {
  height:31px;
  padding:0 12px 0 30px;
}

.titrePage, .navigationBar, #imageHeaderBar {
  background-color:#808080;
}

.titrePage .categoryActions {
  padding-top:2px;
}

/*
 page content : thumbnails
*/

#additional_infoTOP, #additional_infoBOTTOM {
  background-color:#808080;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  -khtml-border-radius:8px;
  border-radius:8px;
}

.additional_info {
  border-right:1px #909090 dotted;
  padding:8px;
}

#thumbnails {
  font-size:80%;
  font-weight:bold;
}

/*
  page content : categories thumbnails
*/

#subContent h2 {
  font-size: 150%;
  border-bottom:1px solid #909090;
  padding-bottom:4px;
}

.thumbnailCategory {
  border: none;
  border-bottom: 1px #909090 solid;
  background-color: #808080;
  display:block;
  margin:8px;
  padding:8px 8px 0 4px;
}

.thumbnailCategory:hover {
  background-color:#909090;
}

ul.thumbnailCategories {
margin:4px;
padding:0px;
top:0px;
}

ul.thumbnailCategories li {
  width:50%;
}

#thumbContents {
  margin:0px;
}

.illustration { 
  overflow:hidden;
  text-align:left;
}

.illustration a img {
  border:2px #ffffff solid;
}

p.thumbCatDesc {
  border-top:1px #909090 dotted;
  text-align:justify;
}

p.thumbCatDescNbImg {
  text-align:right;
  font-style:italic;
}

div ul.thumbnails img, #linkPrev img, #linkNext img {
  border:1px solid #FFFFFF;
}

.content ul.thumbnails img.newImage {
  border:none;
  left:5px;
  top:-2px;
   position:relative; 
}

div ul.thumbnails span.wrap2 {
  display:table-cell;
  margin:0;
  vertical-align:middle; 
  height:130px;
  width:200px;
  -moz-border-radius: 8px;  /* round corners with Geko */
  -webkit-border-radius: 8px;  /* round corners with Geko */
  -khtml-border-radius: 8px;  /* round corners with Geko */
  border-radius: 8px; /* round corners with CSS3 compliant browsers */
  background-color:#808080;
  border:none;
}

div ul.thumbnails SPAN.wrap2:hover {
  background-color: #FFFFFF;
}

table.wrap1 {
  padding:25px 50px;
}

/*
 * page :profile
*/
form#profile {
  padding-bottom:20px;
}

/*
 * page :search
*/
form.filter {
  padding-bottom:20px;
}

/*
 * page:help
*/
.help {
  margin:8px;
}

/*
 page : copyright
*/
#copyright {
  font-size:10px;
  border-top:1px #909090 solid;
  background:#808080;
}

/*
 page : menubar
*/
#menubar {
  border:1px #909090 solid;
  padding-bottom:30px;
}

#menubar dt {
  background-color: #909090;
  font-size:120%;
  font-weight:bold;
}

#menubar ul {
  list-style-type:square;
  font-size:92%;
}

#menubar ul ul {
  font-size:100%;
  padding-bottom:0px;
  padding-top:0px;
}

#menubar dt .button {
  right:-3px;
  top:-5px;
}

#menubar p.totalImages {
  font-size:80%;
}


/*
 calendar bar
*/
.calendarBar {
  margin-top:2px;
  text-align:center;
}
span.calItemP {
  float:left;
}
span.calItemN {
  float:right;
}

span.calItem, span.calItemEmpty {
  display:inline-table;
  margin:1px;
  min-width:15px;
  padding-left:2px;
  padding-right:2px;
  border:1px gray solid;
  font-weight:bold;
}

td.calDayHead {
  font-size:14px;
  font-weight:normal;
  padding-bottom:12px;
}

table.calMonth tbody td.calDayCellFull, table.calMonth tbody td.calDayCellEmpty {
  border:1px solid #808080;
  overflow:hidden;
}

.calBackDate {
  color:#000000;
  padding-left:10px;
  padding-top:7px;
}
.calForeDate {
  color: #fff;
  padding-left:10px;
  padding-top:6px;
}

table.calMonth tbody td.calDayCellEmpty, table.calMonth tbody td.calDayCellBlank {
  height:97px;
  width:84px;
}

td.calDayCellEmpty {
  color:#909090;
  padding-left:12px;
  padding-top:8px;
}

div.calImg {
  position:relative;
  left:8px;
  top:8px;
}


.calendarCalBar {
  border-bottom:1px dotted #808080;
  padding-left:10px;
}

table.calMonth {
  margin-left:auto;
  margin-right:auto;
  left:0px;
}

table.calMonth td.calDayCellFull:hover {
  background-color:#ffffff;
}



/*
  inputs
*/
input[type="text"], input[type="password"], select, textarea, file {
/* font-family: monospace; */
 background: #f0f0f0;
 color:#333333;
 border:none;
 margin:0px;
}

input:focus, select:focus {
  background: #ffffff;
  color:#000000;
}

input[type="submit"], input[type="button"], input[type="reset"] {
/* font-family: monospace; */
  border-bottom:1px #808080 solid;
  border-right:1px #808080 solid;
  border-top:1px #ffffff solid;
  border-left:1px #ffffff solid;
}

input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
  border-bottom:1px #ffffff solid;
  border-right:1px #ffffff solid;
  border-top:1px #808080 solid;
  border-left:1px #808080 solid;
}

fieldset {
  border:1px ;
  margin:3px;
  padding:3px;
}

fieldset legend {
  padding-left:3px;
  padding-right:3px;
  background:#000000;
}



/*
  picture page
*/
#thePicturePage #titrePageID {
  float: left;
  height: 19px;
  padding:0 0 0 3px;
}
#thePicturePage #menuswitcher {
  left:0;
  top:0;
  height: 19px;
}

#theImgHighBg {
  background-color:#000000;
  opacity:0.88;
  filter:alpha(opacity:88);
}

#theImgHighContainer {
  background:#FFFFFF url(./../icon/processing.gif) no-repeat scroll 82px 42px;
}

#theImgHighCloseButton {
  background-image:url(./../icon/buttons.png);
  background-repeat:no-repeat;
  background-position:-1204px 0px;
  width:15px;
  height:15px;
  top:-8px;
  right:8px;
  cursor:pointer;
}
#theImgHighCloseButton:hover {
  background-position:-1204px -28px;
}

#theImgHighZoomButton {
  background-image:url(./../icon/buttons.png);
  background-repeat:no-repeat;
  width:15px;
  height:15px;
  top:-8px;
  right:28px;
  cursor:pointer;
}

#theImgHighZoomButton.fit {
  background-position:-1232px 0px;
}
#theImgHighZoomButton.fit:hover {
  background-position:-1232px -28px;
}

#theImgHighZoomButton.full {
  background-position:-1260px 0px;
}
#theImgHighZoomButton.full:hover {
  background-position:-1260px -28px;
}



.imageNumber {
  border:1px #999999 solid;
}

#theImgContainer { overflow:hidden;
  border:8px #ffffff solid;
}

#imageHeaderBar .browsePath h2 {
  font-weight:normal;
}

#imageHeaderBar.slideShow {
  min-height:19px;
}

#imageToolBar {
  height:37px;
  top:0px;
  overflow:visible;
}

#imageToolBarContainer {
  border-bottom:1px #606060 solid;
}

.imageToolBarBg {
  background:url(./../images/button-bg.png);
  opacity:0.88;
  
  filter:alpha(opacity:88);
  z-index:-1;
  left:0px;
}

#imageToolBar h2 {
  color:#505050;
  margin-top:6px;
}

#navThumbNext, #navThumbPrev {
  top:265px;
}

#navThumbPrevContainer, #navThumbNextContainer {
  height:200px;
}

.navThumbPrevContent a img, .navThumbNextContent a img {
  border:1px #808080 solid;
}

.navThumbPrevContent a:hover img, .navThumbNextContent a:hover img {
  border:1px #f0f0f0 solid;
}



#imageInfos {
  z-index:100;
}

#imageInfosContainer {
  padding-bottom:8px;
}

.infoTable {
  margin:auto;
  font-size:90%;
  max-width:80%;
  color:#101010;
  z-index:200;
  border-collapse:collapse;
  position:relative;
  left:25px;
}

.infoTable td {
  padding-bottom:5px;
  padding-left:4px;
  padding-right:5px;
}

.infoTable td.value, .infoTable td.label {
  padding-right:50px;
}


.infoTable .label {
  font-weight:bold;
  border-left:1px dotted #808080;
}

.infoTable tr:hover {
  background-color:#808080;
  color:#60f0f0;
}
.infoTable tr.emptyrow:hover {
  background:transparent;
}
.infoTable tr.emptyrow td {
  height:4px;
  padding:0px;
}

#updateRate {
  margin-right:25px;
  float:left;
}
#rateForm {
  float:left;
  position:relative;
  top:-2px;
}
#rateForm input[type="button"].rateButtonStarFull,
#rateForm input[type="button"].rateButtonStarFull:focus,
#rateForm input[type="submit"].rateButtonStarFull  {
  background: url('./../icon/rating-stars.png') no-repeat scroll; background-position:-16px center; width:16px;
}

#rateForm input[type="button"].rateButtonStarEmpty,
#rateForm input[type="button"].rateButtonStarEmpty:focus,
#rateForm input[type="submit"].rateButtonStarEmpty {
  background: url('./../icon/rating-stars.png') no-repeat scroll; background-position:0 center; width:16px;
}

#rateForm input[type="button"],
#rateForm  input[type="button"]:active,
#rateForm input[type="submit"],
#rateForm  input[type="submit"]:active {
  cursor:pointer;
  border:none;
  padding:0;
}

.commentDetail {
  border-bottom:1px dotted #808080;
}

.commentDetail ul {
  list-style-type:none;
  padding:4px;
}

.commentDetail ul li {
  display:inline;
}

.commentDetail .description .author,
.commentDetail .description .date {
  font-weight:bold;
  color:#f0f0f0;
}

.commentDetail .description blockquote {
  margin:0;
  padding:4px 4px 8px 12px;
  text-align:justify;
}

.commentDetail fieldset legend {
  background:none;
}

#titleComment h3:hover {
  background:#808080;
}

.comment_icon {
  margin-left:5px;
  padding:0;
  position:absolute;
}

/*
 * tabs
*/
#theTabs {
  border-top:1px solid #808080;
}

#theTabsBg {
  background:#404040;
  opacity:0.88;
  filter:alpha(opacity:48);
}

#theTabsheets li.tab {
  background-color:#808080;
  border:1px solid #808080;
  display:block;
  float:left;
  margin:0 0 0 4px;
  padding:2px 8px;
  position:relative;
  top:-2px;
}

#theTabsheets li.ui-tabs-selected {
  padding:4px 8px;
  top:-6px;
  border-top-width:1px;
}

#theTabsContainer {
  text-align:right;
}

.navigationBar {
    background-position: top;
    text-align: center;
    position: fixed;
    bottom: 20px;
    font-size: 10px;
    width: 100%;
    background-image: url('../images/button-bg.png');
    background-repeat: repeat-x;
}

/*
  tags
*/

#fullTagCloud SPAN a:hover {
  background:#303030;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -khtml-border-radius:3px;
  border-radius:3px;
}

#menuTagCloud SPAN {
  margin:0px;
}

#fullTagCloud span a {
  padding:4px;
  margin:0px;
}

.nbEntries {
  text-align:right;
}

.tagaddbutton {
  left:-4px;
  position:relative;
  top:-3px;
}


.mandatorystar {
  color:#A04040;
}

.mandatorynfo {
  font-size:90%;
  margin:0 0 4px 8px
}

/*
  help
*/
#thePopuphelpPage h1 {
  background:#808080;
}

/*
 * diaporama
*/
#imageHeaderBar h2.showtitle {
  padding-top:0px;
}

/*
 * notification
 */
span.rssFeed {
  display:inline-block;
  width:11px;
  height:14px;
  background-image:url(./../icon/buttons.png);
  background-repeat:no-repeat;
  background-position:-1176px 0;
  margin-right: 4px;
  position: relative;
  top: 1px;
}

/*
 vd language switch plugin
*/
div.content ul.categoryActions li.menuf ul li a,
div.content ul.categoryActions li.menuf ul li a:visited {
  height:27px;
  line-height:27px;
}

div.content ul.categoryActions li.menuf ul.flag-pan .flags:hover, .menuf a img.flags {
  border:1px solid #303030;
}

div.content ul.categoryActions li.menuf ul.flag-pan .flags {
  border:1px solid #000000;
}

ul.flag-pan {  background:#000000 url(./../images/bp3.jpg) repeat scroll 0 0;
  border:1px   ;
  border-bottom-color:#666666;
  border-left-color:#FFFFFF;
  border-right-color:#666666;
   border-top-color:#FFFFFF;
}

div.content ul.categoryActions li.menuf ul li a,
div.content ul.categoryActions li.menuf ul li.languageSwitchBoxTitle {
  color:#dedede;
}
div.content ul.categoryActions li.menuf ul li a:hover {
  color:#ffff80;
}

/*
 * PWG Stuff plugin compatibility
*/
div.stuffs {
  margin:0px;
}

div.stuffs h2 {
  margin-top:0px;
}

/*
 * Comment editor compatibility
*/
div#ce-content.content, div#ce-message-block.content  {
  background:#000000 url(./../icon/backgd.png) repeat scroll 0 0;
  border:1px solid #808080;
}

div#ce-content h2, div#ce-message-block h2 {
  padding-top:4px;
}

div#ce-content.content ul.categoryActions {
  padding-top:1px;
}

div#ce-comments {
  padding-bottom:0;
  padding-top:16px;
}




/*
 * GMaps compatibility
 */
#icon_gmaps.size42x28 {
  background:url(./../icon/gmaps/i42x28.png);
  width:42px;
  height:28px;
}
#icon_gmaps.size42x28:hover {
  background:url(./../icon/gmaps/i42x28_h.png);
}
#icon_gmaps.size28x28 {
  background:url(./../icon/gmaps/i28x28.png);
  width:28px;
  height:28px;
}
#icon_gmaps.size28x28:hover {
  background:url(./../icon/gmaps/i28x28_h.png);
}


/*-------------- MON THEME --------------------------*/
BODY { 
background:url(./../images/cbmt.gif)  ;
}

/* menubar ---*/
#menubar { z-index:950;
font-weight:bold;  
background:url(./../images/bp1.jpg) ;
} 
#menubar DT {
background:url(./../images/button-bg.png);
}
#menubar li {
        list-style-position: inside;
        list-style-image: url(./../images/small_bullet_0.png);
}
#menubar li li {
        list-style-position: inside;
        list-style-image: url(./../images/small_bullet_2.png);
}
#menubar li li li{
        list-style-position: inside;
        list-style-image: url(./../images/small_bullet_vert.png);
}
#menubar li li li li{
        list-style-position: inside;
        list-style-image: url(./../images/small_bullet_bleu.png);
}
/*--------- Categorie ---------------------*/
.titrePage {
    background-position: center;
    background: url(./../images/button-bg.png);
} 
#copyright{background:url(./../images/button-bg.png);} 

#imageHeaderBar{background:url(./../images/button-bg.png);} 
#theComments{background:url(./../images/bph.png);} 


SPAN.wrap2 {
  display:table-cell;
  margin:0;
  vertical-align:middle; 
  text-align:center ;
   
  height:130px;
  width:200px;

  background:url(./../images/bp3.jpg) ;
  border:solid 3px ; 
  border-bottom-color:#666666;
  border-left-color:#FFFFFF;
  border-right-color:#666666;
   border-top-color:#FFFFFF;

}

SPAN.wrap2:hover {
  background-color: #FFFFFF;
  
   border:solid 3px ; 
  border-bottom-color:#FFFFFF;
  border-left-color:#666666;
  border-right-color:#FFFFFF;
   border-top-color:#666666;
   
}

.thumbnailCategory{
  background:url(./../images/bph.png);
   border:solid 3px ; 
  border-bottom-color:#666666;
  border-left-color:#FFFFFF;
  border-right-color:#666666;
   border-top-color:#FFFFFF;
} 
.thumbnailCategory:hover{
  background:url(./../images/bph.png);
   border:solid 3px ; 
  border-left-color:#666666;
  border-bottom-color:#FFFFFF;
  border-top-color:#666666;
   border-right-color:#FFFFFF;
} 

 
#imageToolBar H2{
                 backgroundColor:transparent;
                  
                 }
.imageToolBarBg{background:url(./../images/button-bg.png);} 

#navThumbPrevContainer{background:url(./../images/bp3.jpg);background-position:center}
#navThumbNextContainer{background:url(./../images/bp3.jpg); background-position:center;}

.infoTable{background:url(./../images/bph.png)}

/*
  inputs
*/
input[type="text"], input[type="password"], select, textarea, file {
 
  
}

input:focus, select:focus {
  
}

INPUT[type="submit"], input[type="button"], input[type="reset"] {
font-family:"Trebuchet MS";
 background:url(./../images/bp0.jpg);
}

INPUT[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {   
 
}

fieldset { border:#FFFFFF ;
background:url(./../images/bph.png);
}

fieldset legend {
border:none;
background:url(./../images/bph.png);
}



#subContent{
background:url(./../images/cbmt.gif);
}


#theTabsContainer{ visibility:visible; background:url(./../icon/1x1transp.gif) }

#theMapListPage{ /*background:url(./../icon/1x1transp.gif)*/ }

.thumbnailCategory{}

.ammillustrationc{  
  
}
 #irandompicinner{
  width:60%;
 }
#copyright{   position:fixed;bottom: 0px;
 } 


#divMsg{

}
/*-------------------------------------------*/
div ul.thumbnails img, #linkPrev img, #linkNext img {
  
}

.content ul.thumbnails img.newImage {
  
}

div ul.thumbnails span.wrap2 { 
}

div ul.thumbnails SPAN.wrap2:hover {
 
}

#navThumbPrev, #navThumbPrev{
   

}
#theImg{
 height:600 ;
}