/* Css Template by ffreenik  modified by tibu*/

/* Foreground color definition */

body { color : #000000; }











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

.navmenu img {

  margin-top: 5px;

}

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

.textinput,  .radio, .checkbox { color: #000000; }

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

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

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

.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 : #000000; }

.comment_date { color : #999999; }

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



td #admin_menu_anim {

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

}





/* Background colors definition */

body { background-color: #333333; }

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

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

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

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







/* Borders for input controls */

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

.image { border:0px #cccccc solid;

          margin-top:4px;

          margin-bottom:4px;

          margin-right:15px;

          margin-left: 15px;

          padding:4px;

		/*	filter:progid:dximagetransform.microsoft.shadow(color=#000000,direction=135,strength=6); */

 }

.imageborder {

        border: 1px solid #000000;

        background-color:#FFF;

        margin-top: 30px;

        margin-bottom: 30px;

}

.debug_text {

        border: #BDBEBD;

        background-color: #EFEFEF;

        width : 100%;

        margin : 0px;

}

.clickable_option {

/*        border-bottom : 1px dotted blue;  */

}

.listbox_lang {

        color: #FF6600;

        background-color: black;

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

        border: 1px solid black;

        font-size: 80%;

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

        vertical-align : middle;

}

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

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



/* 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: 24px;

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

        text-decoration: none;

        color: #000000;

        margin: 0px;

}



h2 {

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

        font-size: 18px;

        margin: 0px;

}



h3 {

        font-weight: normal;

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

        font-size: 14px;

        color: #999999;

        margin: 0px;

}



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_tr {

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

        background-color: White;

        color: #000000;        

        background-position: left;

        background-repeat: no-repeat;

        padding-left: 200px;

}



.top_panel td {

        white-space: nowrap;

}



.top_menu_bttn a {

        text-decoration: none;

        position: relative;

        display: block;

        margin-top: 2px;

        color: #000000;

        font-size: 14px;

}



.top_menu_bttn a:hover {

        text-decoration: underline;

        margin-top: 4px;

        color: #000000;

}



.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;

}



.maintablea {

        margin-top: 5px;

}



.maintableb {

}



.tableh1 {

        padding-right: 10px;

        padding-left: 10px;

        height: 20px;

        background: #bdbdbd;

}



.tableh1a td {

        border: none;

        height: 30px;

        font-size: 150%;

        font-weight: bold;

}



.tableh1a img {

        display: block;

}



.tableh1_compact {

        padding-top: 2px;

        padding-right: 5px;

        padding-bottom: 2px;

        padding-left: 5px;

        height: 25px;

        

}



.tableh2, .catrow_noalb {

        padding-top: 3px;

        padding-right: 10px;

        padding-bottom: 3px;

        padding-left: 10px;

        background: #e6e6e6;

        }



.tableh2_compact {

        padding-top: 2px;

        padding-right: 5px;

        padding-bottom: 2px;

        padding-left: 5px;

        background: #e6e6e6;

}



.display_media {

        padding-top: 3px;

        padding-right: 10px;

        padding-bottom: 3px;

        padding-left: 10px;

        BACKGROUND: #111111;

}



.tableb, .display_media , .catrow {

        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_filename {

        font-size: 80%;

        display: block;

}

.thumb_title {

        font-size: 100%;

        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: #bdbdbd;



}



.navmenu img {

        display: block;

}



.navmenu a {

        position: relative;

        display: block;

        padding-left: 5px;

        padding-right: 5px;

        text-decoration: none;

        background: #bdbdbd;



        line-height: 25px;

        height : 25px;

}



.navmenu a:hover {

        text-decoration: none;

        background: #ff6600;

}



.admin_menu_thumb {

        font-size: 90%;



        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%;

        margin-top: 0px;

        margin-bottom: 0px;

        text-align: center;

        white-space: nowrap;

}



.admin_menu a {

        color: #000000;

        text-decoration: none;

        display: block;

        position: relative;

        padding-top: 1px;

        padding-bottom: 1px;

        padding-left: 2px;

        padding-right: 2px;

        margin: 0 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;

}





.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;

}



.lang_flags {

       width: 95%;

}



.lang_flags img {

       margin-top: 5px;

}



.topmenu {

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

        color: #000000;

        display: block;

        padding: 0 5px;

        text-align: left;

        width: 130px;

        font-size: 110%;

        margin-bottom: 20px;

}



.topmenu a {

    display: block;

    color: #000000;

    text-decoration: none;

}



.topmenu a:hover {

        color: #bdbdbd;

        background-color: black;

        text-decoration: none;

        font-weight: bold;



}



.breadcrumb {

        color: #bdbdbd;

        background-color: black;

}



.breadcrumb a {

        color: #bdbdbd;

        text-decoration: none;

}



.breadcrumb a:hover {

        text-decoration: underline;

        color: white;

}

	.infowindow { /* styling for map popup  */

		white-space: normal;

		width: 200px;

		padding: 10px; 

		overflow: auto;

	}



	#map {

		width: 600px;

		height: 500px;

		border: outset thick gray;

	}

	

	#small_map { /* for maps in editOnePic.php, displayimage.php, and editpics.php */

		width: 300px;

		height: 300px;

		color: black;

		margin: 5px auto;

	}

	

	#gmap_sidebar { /* contains thumbnails that link to points on the map. Includes filmstrip tile. scrollbar appears if the content is too long */

		background-color: black;

		width: 155px;

		height:500px;

		overflow:auto;

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

		background-repeat: repeat-y;

		background-position: left; 

		padding-left:25px;

		padding-right: 5px;

		color: silver;

		text-align: center;

	 }

	 

	 #gmap_sidebar img { /* adds spacing around thumbnails in the sidebar */

		margin: 3px 0 0 0; 

		border: 2px solid black;

	 }

	 

	 #gmap_sidebar a:hover img { /* highlights hovered thumbnails in the sidebar */

		border: 2px solid silver;

	 }

.alt1, .alt1Active

{

	background-color: #F8FAFC;

	font-family: verdana, arial, helvetica, sans-serif;

}



.alt2, .alt2Active

{

	background-color: #cacaca;

	font-family: verdana, arial, helvetica, sans-serif;

}



.alt3

{

	background-color: #ececec;

	color: #000000;

}



.pms_send_a {

	background: #EFEFEF ;

	padding-top: 3px;

	padding-right: 10px;

	padding-bottom: 3px;

	padding-left: 10px;

	border: 1px inset;

}



.pms_send_b {

	background: #cacaca;

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

	border: 1px inset;

}



.pms_legend

{

        margin: 10px;

}



.panel

{

	background: #F8FAFC;

	color: #000000;

	padding: 10px;

	border: 2px outset;

}



.panelsurround

{

	background: #cacaca;

	color: #000000;

}



.pms_linecolor1

{

background-color: #0E72A4;

font-size: 10px;

}

.pms_linecolor2

{

background-color: #71ACCA;

font-size: 10px;

}

.pms_linecolor3

{

background-color: #bdbdbd;

font-size: 10px;

}

.pms_linecolor4

{

background-color: white;

font-size: 10px;

}

.pms_linecolor5

{

background-color: #A6DAF5;

font-size: 10px;

}



.smallfont

{

font-size: 10px;

        color: #f0f0f0

}



#vanity a {

        display:block;

        width:57px;

        height:20px;

        margin: 3px 20px;

}

#vanity img {border:0}

#v_php {float:left;background-image:url(../../images/powered-php.gif);}

#v_php:hover {background-image:url(../../images/h_powered-php.gif);}

#v_mysql {float:left;background-image:url(../../images/powered-mysql.gif);}

#v_mysql:hover  {background-image:url(../../images/h_powered-mysql.gif);}

#v_xhtml {float:right;background-image:url(../../images/valid-xhtml10.gif);}

#v_xhtml:hover {background-image:url(../../images/h_valid-xhtml10.gif);}

#v_css {float:right;background-image:url(../../images/valid-css.gif);}

#v_css:hover{background-image:url(../../images/h_valid-css.gif);}



#capa1{

/* la capa que contiene la tabla la centramos

para el explorer

*/

    text-align:center;

}

 

#capa1 table{

/* 

centramos todo lo que tenga table

que seran los elementos permitidos 

*/

    margin:0 auto;

}