/*************************

  Coppermine Photo Gallery

  ************************

  Copyright (c) 2003-2005 Coppermine Dev Team

  v1.1 originaly written by Gregory DEMAR



  This program is free software; you can redistribute it and/or modify

  it under the terms of the GNU General Public License as published by

  the Free Software Foundation; either version 2 of the License, or

  (at your option) any later version.

  ********************************************

  Coppermine version: 1.3.4

  $Source: /cvsroot/coppermine/stable/themes/igames/style.css,v $

  $Revision: 1.4 $

  $Author: gaugau $

  $Date: 2005/08/19 07:42:43 $

**********************************************/
/* Header and logo */
#maintable {
	margin: 0px auto;
	padding: 0px;
	background-color: #FFFFFF;
	background: #8F8E8E url(images/bg.gif);

}
#logorow {
	background: #FFFFFF url(images/bg_logo.gif);
	text-align: left;
	margin: 0px;
	padding: 0px;
	height: 235px;
	overflow: hidden;
	vertical-align: top;
}

.pm-notify-new, .pm-notify-unread {
	border-left: solid 1px #3C5F84;
	border-right: solid 1px #2E5B82;
	border-top: solid 1px #3C5F84;
	border-bottom: solid 1px #2E5B82;
	background: #F8F8F8 url(images/cell.gif) top left repeat-x;
	margin: 10px 0;
	padding: 10px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
.pm-notify-new a, .pm-notify-new a:visited, .pm-notify-unread a, .pm-notify-unread a:visited { text-decoration: underline; }
.pm-notify-header {
	margin-bottom: 10px;
	color: #666;
}
.pm-notify-new, .pm-notify-unread:hover {
	border-left: solid 1px #F15F5F;
	border-right: solid 1px #2255AA;
	border-top: solid 1px #F15F5F;
	border-bottom: solid 1px #2255AA;
}
.pm-notify-new { padding: 30px; }

/* Navigation buttons */
.navtd {
	padding: 0px 0px 5px 0px;
}
.navrow-right { float: right; }

.navrow {
	width: 960px;
	background: #FFFFFF url(images/navbar.gif);
	font-family: Arial, Tahoma, Verdana;
	padding: 8px 0px 7px 0px;
	margin: 0px auto 0px;
	color: #909090;
	text-align: left;
	font-size: 12px;
}
.navrow b, .navrow strong { font-weight: normal; }
.navrow a, .navrow a:visited {
	color: #FFFFFF;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
    margin: 0px;
	padding: 8px 15px 7px 15px;
}
.navrow a:hover { 
	background: #FFFFFF url(images/navhover.gif) right;
	color: #FFFFFF; 
	text-decoration: none; 
    margin: 0px;
	padding: 8px 15px 7px 15px;
}
.navrow2 {
	width: 960px;
	background: #393939;
	font-family: Arial, Tahoma, Verdana;
	padding: 5px 0px 5px 0px;
	margin: 0px auto 0px;
	color: #FFFFFF;
	text-align: left;
	font-size: 11px;
}
.navrow2 b, .navrow2 strong { font-weight: normal; }
.navrow2 a, .navrow2 a:visited {
	color: #FFFFFF;
	font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
	text-decoration: none;
    margin: 0px;
	padding: 6px 15px 5px 15px;
}
.navrow2 a:hover { 
	background: #2255AA;
	color: #FFFFFF; 
	text-decoration: none; 
    margin: 0px;
	padding: 6px 15px 5px 15px;
}

/* SubNavigation buttons */
.subnavtd {
	padding: 10px 25px 5px 25px;
}
.subnavrow-right { float: right; }
.subnavrow {
	background: #F1F1F1 url(images/subnav.gif); 
	padding: 7px;
	color: #909090;
	text-align: left;
	font-size: 11px;
}
.subnavrow b, .subnavrow strong { font-weight: normal; }
.subnavrow a, .subnavrow a:visited {
	color: #202020;
	text-decoration: none;
}
.subnavrow a:hover { 
	color: #2255AA; 
	text-decoration: underline; 
}

a.link-new, a.link-new:visited { color: #202020; }
a.link-new:hover, a.link-new:visited:hover { color: #2255AA; }


/* Foreground color definition */

body {
	background-color: #AAAAAA;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px auto;
	}

#wrap {
	background: #FFFFFF url(images/bg.gif);
	width: 990px;
	margin: 0px auto;
	padding: 0px;
	}
	

.topmenu, .topmenu a { color : #E6E6E6; }

.topmenu a:hover { color : #FFFFCC; }

.tableh1, .tableh1a, .tableh1_compact, .navmenu, .navmenu a, .sortorder_cell, .sortorder_options, .statlink, .statlink a, .statlink a:hover { color : #C6B78E; }

.tableh2, .tableh2_compact { color : #FFFFCC; }

.textinput, .listbox, .radio, .checkbox { color: #FFFFCC; }

.alblink, .alblink a, .catlink, .catlink a { color : #FFFFCC; }

a,  .bblink a, .user_thumb_infobox a  { color: #FFFFCC; }

a:hover, .bblink a:hover, .user_thumb_infobox a:hover, .alblink a:hover, .catlink a:hover { color : #E6E6E6; }

.button, .comment_button, .admin_menu_thumb, .admin_menu_thumb a, .admin_menu_thumb a:hover, .admin_menu, .admin_menu a, .admin_menu a:hover { color : #FFFFFF; }

.comment_date { color : #5F5F5F; }

.footer, .footer a, .footer a:hover { color : #666666; }

/* Footer */
#wrapfooter {
	height: 40px;
	text-align: center;
	color: #202020;
	padding: 5px 0px 0px 0px;
	background: url(../../../../boogieboard/templates/MissionImpossible/images/footer.gif) bottom no-repeat;
}

.copyright {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 10px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.copyright a, .copyright a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.copyright a:hover { color: #2255AA;text-decoration: underline;}



/* Background colors definition */


.textinput, .listbox, .radio, .checkbox { background-color: #4A4A4A; }

.tableh1, .tableh1_compact, .navmenu, .navmenu a, .navmenu a:hover  {         background : #3F3F3F ; }

.tableh2, .tableh2_compact, .tablef, .img_caption_table th {         background : #343333 ; }

.tableb, .tableb_compact, .thumbnails, .img_caption_table td { background : #454444 ; }



/* Borders for input controls */

.textinput, .listbox, .button, .comment_button, .admin_menu, .admin_menu_thumb  {        border: 1px solid #666666; }

.image { border: 1px solid #000000; }

.imageborder { border: 1px solid #000000; background-color:#000000; margin-top: 30px; margin-bottom: 30px; }

.image1 { border: 1px solid #ff0000; }



.maintable, .maintablea, .maintableb {        background-color: #222222; }

.img_caption_table th, .img_caption_table td { border-top : 1px solid #000000; }



/* Fonts definition */

body { font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif; }

.tableh1, .tableh1a, .catlink, .tableh2 { font-family: Verdana, Geneva, Arial, sans-serif; }

.textinput, .listbox, .radio, .checkbox { font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif; }

.button, .comment_button, .sortorder_options, .admin_menu_thumb { font-family: Arial, Helvetica, sans-serif; }



table {

        font-size : 12px;

}



body {

        font-size : 12px;

        margin: 0px;

}



h1{

        font-weight: normal;

        font-size: 28px;

        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

        text-decoration: none;

        padding-left : 20px;

        color: #FFFFFF;

        margin: 2px;

}



h2 {

        font-family: Arial, Helvetica, sans-serif;

        background-image : url(images/box_left_icon.gif);

        background-repeat : no-repeat;

        background-position : left;

        padding-left : 18px;

        font-size: 18px;

        margin: 0px;

}



h3 {

        font-weight: normal;

        font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;

        font-size: 14px;

        padding-left : 20px;

        color: #F0AF00;

        margin: 2px;

}



p {

        font-size: 100%;

        margin: 2px 0px;

}



ul {

        margin-left: 5px;

        padding: 0px;

}



li {

        margin-left: 10px;

        margin-top: 4px;

        margin-bottom: 4px;

        padding: 0px;

        list-style-position: outside;

        list-style-type: disc;

}






.top_panel td {

        white-space: nowrap;

}



.top_menu_left_bttn a {

        background-image : url(images/left_menu_button.gif);

        background-repeat : no-repeat;

        background-position : left;

        padding-left : 12px;
		
		margin-left:21px;

        padding-right : 6px;

        position: relative;

        display: block;

        height : 35px;

        line-height : 35px;

        text-decoration: none;

        color: #C6B78E;

        font-size: 14px;

}



.top_menu_left_bttn a:hover {

        background-image : url(images/left_menu_button_over.gif);

        background-position : left;

        background-repeat : no-repeat;

        text-decoration: none;

        color: #F0AF00;

}



.top_menu_right_bttn a {

        background-image : url(images/right_menu_button.gif);

        background-repeat : no-repeat;

        background-position : right;

        padding-right : 22px;

        padding-left : 6px;

        position: relative;

        display: block;

        height : 35px;

        line-height : 35px;

        text-decoration: none;

        color: #C6B78E;

        font-size: 14px;

}



.top_menu_right_bttn a:hover {

        background-image : url(images/right_menu_button_over.gif);

        background-position : right;

        background-repeat : no-repeat;

        text-decoration: none;

        color: #F0AF00;

}



.top_menu_bttn a {

        background-image : url(images/menu_button.gif);

        background-position : left;

        padding-left : 6px;

        padding-right : 6px;

        position: relative;

        display: block;

        height : 35px;

        line-height : 35px;

        text-decoration: none;

        color: #C6B78E;

        font-size: 14px;

}



.top_menu_bttn a:hover {

        background-image : url(images/menu_button_over.gif);

        text-decoration: none;

        color:         #F0AF00;

}



.textinput {

        font-size: 100%;

        padding-right: 3px;

        padding-left: 3px;

}



.listbox {

        font-size: 100%;

        vertical-align : middle;

}



.button {

        font-size: 100%;

        background-image : url(images/button_bg.gif);

        background-position : bottom;

}



.comment_button {

        font-size: 100%;

        background-image : url(images/button_bg.gif);

        background-position : bottom;

        padding-left: 3px;

        padding-right: 3px;

}



.radio {

        font-size: 100%;

        vertical-align : middle;

}



.checkbox {

        font-size: 100%;

        vertical-align : middle;

}



a {

        text-decoration: none;

}



a:hover {

        text-decoration: underline;

}



.bblink a {

        text-decoration: none;

}



.bblink a:hover {

        text-decoration: underline;

}



.maintable {

        margin-top: 2px;

        margin-bottom: 2px;

/*        border: 1px solid #000000; */

}



.maintablea {

        margin-top: 5px;

}



.maintableb {

        margin-bottom: 2px;

/*        border: 1px solid #000000; */

}



.tableh1 {

        padding-right: 10px;

        padding-left: 10px;

        border-bottom: 1px solid #000000;

        border-right: 1px solid #000000;

        height: 25px;

        background-image: url(images/tableh1_bg.gif);

}



.tableh1a {

        border-bottom: 1px solid #000000;

        color: #C6B78E;

}



.tableh1a td {

        border: none;

        height: 30px;

        font-size: 120%;

        font-weight: bold;

        color: #C6B78E;

        background-image: url(images/tableh1a_bg_middle.gif);

}



.tableh1a img {

        display: block;

}



.tableh1_compact {

        padding-top: 2px;

        padding-right: 5px;

        padding-bottom: 2px;

        padding-left: 5px;

        border-bottom: 1px solid #000000;

        border-right: 1px solid #000000;

        height: 25px;

        background-image: url(images/tableh1_bg.gif);

}



.tableh2 {

        padding-top: 3px;

        padding-right: 10px;

        padding-bottom: 3px;

        padding-left: 10px;

}



.tableh2_compact {

        padding-top: 2px;

        padding-right: 5px;

        padding-bottom: 2px;

        padding-left: 5px;

}



.tableb {

        padding-top: 3px;

        padding-right: 10px;

        padding-bottom: 3px;

        padding-left: 10px;

}



.tableb_compact {

        padding-top: 2px;

        padding-right: 5px;

        padding-bottom: 2px;

        padding-left: 5px;

}



.tablef {

        padding-top: 10px;

        padding-right: 10px;

        padding-bottom: 10px;

        padding-left: 10px;

}



.album_stat {

        font-size : 85%;

        margin: 5px 0px;

}



.thumb_title {

        font-weight : bold;

        font-size: 80%;

        padding: 2px;

        display : block;

}



.thumb_caption {

        font-size: 80%;

        padding: 1px;

        display : block;

}



.thumb_caption a {

        text-decoration: underline;

}





.thumb_num_comments {

        font-weight: normal;

        font-size: 85%;

        padding: 2px;

        font-style : italic;

        display : block;

}



.user_thumb_infobox {

        margin-top: 1px;

        margin-bottom: 1px;

}



.user_thumb_infobox th {

        font-weight : bold;

        font-size: 100%;

        margin-top: 1px;

        margin-bottom: 1px;

        text-align : center;

}



.user_thumb_infobox td {

        font-size: 85%;

        margin-top: 1px;

        margin-bottom: 1px;

        text-align : center;

}



.user_thumb_infobox a {

        text-decoration: none;

}



.user_thumb_infobox a:hover {

        text-decoration: underline;

}



.sortorder_options {

        padding: 0px;

        margin: 0px;

        font-weight: normal;

        font-size: 80%;

        white-space: nowrap;

}



.navmenu {

        font-weight: bold;

        border: none;

        background-image: url(images/tableh1_bg.gif);

}



.navmenu img {

        display: block;

}



.navmenu a {

        position: relative;

        display: block;

        padding-left: 5px;

        padding-right: 5px;

        text-decoration: none;

        border-bottom: 1px solid #000000;

        border-left: 1px solid #838383;

        border-right: 1px solid #000000;

        background-image: url(images/tableh1_bg.gif);

        line-height: 25px;

        height : 25px;

}



.navmenu a:hover {

        text-decoration: none;

        border-bottom: 1px solid #3F3F3F;

        border-left: 1px solid #3F3F3F;

        border-right: 1px solid #3F3F3F;

}



.admin_menu_thumb {

        font-size: 90%;

        background-image : url(images/button_bg.gif);

        background-position : bottom;

        font-weight: bold;

        margin-top: 0px;

        margin-bottom: 0px;

        width: 85px;

}



.admin_menu_thumb a {

        text-decoration: none;

        display: block;

        position: relative;

        padding-top: 1px;

        padding-bottom: 1px;

        padding-left: 10px;

        padding-right: 10px;

}





.admin_menu_thumb a:hover {

        text-decoration: underline;

}



.admin_menu {

        font-size: 90%;

        background-image : url(images/button_bg.gif);

        background-position : bottom;

        background-repeat: repeat-x;

        background-color: #BFC0C3;

        margin-top: 0px;

        margin-bottom: 0px;

        text-align: center;

}



.admin_menu a {

        text-decoration: none;

        display: block;

        position: relative;

        padding-top: 1px;

        padding-bottom: 1px;

        padding-left: 2px;

        padding-right: 2px;

}



.admin_menu a:hover {

        text-decoration: underline;

}



.comment_date{

        font-size: 90%;

        vertical-align : middle;

}



.image {

        margin: 2px;

}



.thumbnails {

        padding: 5px;

}



.footer {

        font-size : 9px;

}



.footer a {

        text-decoration: none;

}



.footer a:hover {

        text-decoration: underline;

}



.statlink a {

        text-decoration: none;

}



.statlink a:hover {

        text-decoration: underline;

}



.alblink a {

        text-decoration: underline;

}



.alblink a:hover {

        text-decoration: underline;

}



.catlink {

        display: block;

        margin-bottom: 2px;

}



.catlink a {

        text-decoration: underline;

}



.catlink a:hover {

        text-decoration: underline;

}



.topmenu {

        line-height : 130%;

        font-size : 110%;

}



.topmenu a {

        text-decoration : underline;

}



.topmenu a:hover  {

        text-decoration : underline;

}



.img_caption_table {

        border: none;

        width : 100%;

        margin : 0px;

}



.img_caption_table th {

        font-size : 100%;

        padding-top: 4px;

        padding-right: 10px;

        padding-bottom: 4px;

        padding-left: 10px;

}



.img_caption_table td {

        padding-top: 6px;

        padding-right: 10px;

        padding-bottom: 6px;

        padding-left: 10px;

}



.debug_text {

        border: #BDBEBD;

        background-color: #EFEFEF;

        width : 100%;

        margin : 0px;

}



.clickable_option {

        font-weight: bold;

        cursor : hand;

}



.listbox_lang {

        color: #C6B78E;

        background-color: #4A4A4A;

        border: 1px solid #4A4A4A;

        font-size: 80%;

        font-family: Arial, Helvetica, sans-serif;

        vertical-align : middle;

}

/************************************************
*	Navbar      								*
************************************************/

#navbar {
	background: #000000 url(images/navbar.gif);
	width: 960px;
	height: 30px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#navbar a, #navbar a:visited {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	padding: 0px 0px 0px 3px;
	}
	
#navbar a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	padding: 0px 0px 0px 3px;
	}
	
#navbarleft {
	width: 720px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#navbarright {
	width: 240px;
	font-size: 11px;
	float: right;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	}
	
#nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	
#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#nav a, #nav a:visited {
	color: #FFFFFF;
	display: block;
    font-weight: bold;
   	text-transform: uppercase;
    margin: 0px;
	padding: 8px 15px 7px 15px;
	font-family: Arial, Tahoma, Verdana;
	}
	
#nav a:hover {
	background: #000000 url(images/navhover.gif);
	color: #FFFFFF;
    margin: 0px;
	padding: 8px 15px 7px 15px;
	text-decoration: none;
	}

#nav li {
	float: left;
	margin: 0px;
	padding: 0px;
	z-index: 15;
	position: relative;
	list-style:none;
	}
	
#nav li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 170px;
	z-index: 10;
	position: relative;
	list-style:none;
	text-align:left;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #0A0A0A;
	width: 170px;
	float: none;
   	text-transform: none;
	margin: 0px;
	padding: 7px 10px 7px 10px;
	border-bottom: 1px solid #4B4B4B;
	border-left: 1px solid #4B4B4B;
	border-right: 1px solid #4B4B4B;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #393939;
	padding: 7px 10px 7px 10px;
	}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}
	
#nav li:hover ul {
	left: auto;
	display: block;
	}
	
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	}
	
/************************************************
*	SubNavbar      								*
************************************************/

#subnavbar {
	background: #393939;
	width: 960px;
	height: 24px;
	color: #FFFFFF;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#subnav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	
#subnav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#subnav a {
	color: #FFFFFF;
	display: block;
	font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px;
	padding: 6px 15px 6px 15px;
	font-weight:normal;
	font-family: Arial, Tahoma, Verdana;
	}
	
#subnav a:hover {
	background: #2255AA;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
    margin: 0px;
	padding: 6px 15px 6px 15px;
	}

#subnav li {
	float: left;
	margin: 0px;
	padding: 0px;
	z-index: 14;
	position: relative;
	list-style:none;
	}
	
#subnav li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 140px;
	z-index: 10;
	position: relative;
	list-style:none;
	}
	
#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
	background: #393939;
	width: 140px;
	float: none;
	margin: 0px;
	padding: 6px 10px 6px 10px;
	border-top: 1px solid #FFFFFF;
	
	}
	
#subnav li li a:hover, #subnav li li a:active {
	background: #2255AA;
	margin: 0px;
	padding: 6px 10px 6px 10px;
	}

#subnav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#subnav li:hover ul {
	left: auto;
	display: block;
	}
	
#subnav li:hover ul, #subnav li.sfhover1 ul {
	left: auto;
	}