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

  Coppermine Photo Gallery

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

  

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



/* Colors used in this style sheet:

   Hex 000000 = RGB   0,   0,   0 = black

   Hex 5F5F5F = RGB  95,  95,  95 = light black

   Hex BDBEBD = RGB 189, 190, 189 = dark grey

   Hex D1D7DC = RGB 209, 215, 220 = medium grey

   Hex CCCCCC = RGB 204, 204, 204 = medium grey

   Hex EFEFEF = RGB 239, 239, 239 = dark white

   Hex FFFFFF = RGB 255, 255, 255 = white

   Hex 005D8C = RGB   0,  93, 140 = dark blue

   Hex 0033CC = RGB   0,  91, 104 = medium blue

   Hex 0E72A4 = RGB  14, 114, 164 = light blue

*/



body {

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

        font-size: 12px;

        color : #FFFFFF;

        margin: 0px;

        background : #000000;

       

}





.wrap {

        background : #000000 ;

        padding-top: 2px;

        padding-right: 2px;

        padding-bottom: 2px;

        padding-left: 2px;

        border:  #FFFFFF double;

        width: 900px;

}





table {

        font-size: 12px;

        color : #FFFFFF;

        background : #000000;

}



h1{

        font-weight: bold;

        font-size: 20px;

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

        text-decoration: none;

        line-height : 120%;

        color : #FFFFFF;

        margin: 2px;

}



h2 {

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

        font-size: 14px;

        margin: 0px;

        color : #FFFFFF;

}



h3 {

        font-weight: normal;

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

        font-size: 12px;

        margin: 2px;

        color : #FFFFFF;

}



h4 {

        font-weight: normal;

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

        color : #FFFFFF;

        font-size: 10px;

        margin: 2px;

        text-decoration: none;

}



h5 {

        font-weight: normal;

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

        color : #FFFFFF;

        font-size: 16px;

        margin: 5px;

        margin-left: 10px;

        margin-right: 10px;

        text-decoration: none;

}





p {

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

        font-size: 100%;

        margin: 2px 0px;

        color : #FFFFFF;

}



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;

}



.textinput {

        background : #000000 ;

        color : #FFFFFF;

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

        font-size: 100%;

        border: 1px solid #D1D7DC;

        padding-right: 3px;

        padding-left: 3px;

}



.listbox {

        background : #000000 ;

        color : #FF3300;

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

        font-size: 100%;

        border: 1px solid #D1D7DC;

        vertical-align : middle;

}



.button {

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

        font-size: 100%;

        color: #FFFFFF;

        border: 1px solid #FFFFFF;

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

        background-position : bottom;

}



.comment_button {

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

        font-size: 85%;

        color: #FFFFFF;

        border: 1px solid #FFFFFF;

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

        background-position : bottom;

        padding-left: 3px;

        padding-right: 3px;

}



.radio {

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

        font-size: 100%;

        vertical-align : middle;

}



.checkbox {

        background : #000000 ;

        color : #FFFFFF;

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

        font-size: 100%;

        vertical-align : middle;

}



a {

        color: #FFFFFF;

        text-decoration: none;

}

a:link {
        color: #FFFFFF;
        text-decoration: none;
}

a:visited {
        color: #FFFFFF;
        text-decoration: none;
}

a:focus {
        color: #FFFFFF;
        text-decoration: none;
}

a:active {
        color: #FFFFFF;
        text-decoration: none;
}

a:hover {

        color: #FFFFFF;

        text-decoration: underline;

}






.bblink a {

        color: #FFFFFF;

        text-decoration: none;

}



.bblink a:hover {

        color: #FFFFFF;

        text-decoration: underline;

}



.maintable {

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

/*       background-color: #000000;*/

        background-color: #000000;

        margin-top: 1px;

        margin-bottom: 1px;

        width : 620px;

}



.tableh1 {

        background : #000000 ;

        color : #FFFFFF;

        padding-top: 3px;

        padding-right: 3px;

        padding-bottom: 3px;

        padding-left: 3px;
        font-weight:bold;		
		

}



.tableh1_compact {

        background : #000000 ;

        color : #FFFFFF;

        padding-top: 2px;

        padding-right: 5px;

        padding-bottom: 2px;

        padding-left: 5px;

}



.tableh2 {

        background: #000000 ;

        color : #FFFFFF;

        padding-top: 3px;

        padding-right: 3px;

        padding-bottom: 3px;

        padding-left: 3px;

}



.tableh2_compact {

        background: #000000 ;

        color : #FFFFFF;

        padding-top: 2px;

        padding-right: 5px;

        padding-bottom: 2px;

        padding-left: 5px;

}






.tableb {

        background: #000000 ;

        color : #FFFFFF;

        padding-top: 3px;

        padding-right: 10px;

        padding-bottom: 3px;

        padding-left: 10px;

}

.tableb_alternate {

        background: #000000 ;

        color : #FFFFFF;

        padding-top: 3px;

        padding-right: 10px;

        padding-bottom: 3px;

        padding-left: 10px;

}

.tableb_compact {

        background: #000000 ;

        color : #FFFFFF;

        padding-top: 2px;

        padding-right: 5px;

        padding-bottom: 2px;

        padding-left: 5px;

}







.tableb2 {

        background: #000000;

        color : #FFFFFF;

        padding-top: 10px;

        padding-right: 10px;

        padding-bottom: 10px;

        padding-left: 10px;

}







.tablef {

        background: #000000;

        color : #FFFFFF;

        padding-top: 10px;

        padding-right: 10px;

        padding-bottom: 10px;

        padding-left: 10px;

}



.catrow_noalb {

        background: #000000 ;

        color : #FFFFFF;

        padding-top: 3px;

        padding-right: 10px;

        padding-bottom: 3px;

        padding-left: 10px;

}



.catrow {

        background: #000000 ;

        padding-top: 3px;

        padding-right: 10px;

        padding-bottom: 3px;

        padding-left: 10px;

}



.album_stat {

        font-size: 85%;

        margin: 5px 0px;

}



.thumb_filename {

        font-size: 80%;

        display: block;

}



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

        color: #FFFFFF;

}



.thumb_num_comments {

        font-weight: normal;

        font-size: 80%;

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

        margin-top: 1px;

        margin-bottom: 1px;

        text-align : center;

}



.user_thumb_infobox a {

        text-decoration: none;

        color: #FFFFFF;

}



.user_thumb_infobox a:hover {

        color: #FFFFFF;

        text-decoration: underline;

}



.sortorder_cell {

        color : #000000;

        padding: 0px;

        margin: 0px;

}



.sortorder_options {

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

        background : #000000;

        color : #FFFFFF;

        padding: 0px;

        margin: 0px;

        font-weight: normal;

        font-size: 80%;

        white-space: nowrap;

}



.navmenu {

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

        color: #FFFFFF;

        font-size: 100%;

        font-weight: bold;

        background : #000000 ;

        border-style: none;

}



.navmenu img {

        margin-top: 1px;

        margin-right: 5px;

        margin-bottom: 1px;

        margin-left: 5px;

}



.navmenu a {

        display: block;

        padding-top: 2px;

        padding-right: 5px;

        padding-bottom: 2px;

        padding-left: 5px;

        text-decoration: none;

        color: #FFFFFF;

}



.navmenu a:hover {

        background : #FFFFFF ;

        text-decoration: none;

        color:         #FFFFFF;

}



.admin_menu_thumb {

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

        font-size: 85%;

        border: 1px solid #005D8C;

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

        background-position : bottom;

        color: #FFFFFF;

        font-weight: bold;

        margin-top: 0px;

        margin-bottom: 0px;

        width: 85px;

}



.admin_menu_thumb a {

        color: #FFFFFF;

        text-decoration: none;

        display: block;

        position: relative;

        padding-top: 1px;

        padding-bottom: 1px;

        padding-left: 10px;

        padding-right: 10px;

}





.admin_menu_thumb a:hover {

        color: #FFFFFF;

        text-decoration: underline;

}



.admin_menu {

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

         color: #FFFFFF;

        font-size: 85%;

        border: 1px solid #005D8C;

        background-color:#000000;

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

        background-position : bottom;

        color: #FFFFFF;

        margin-top: 0px;

        margin-bottom: 0px;

        padding-top:2px;

        padding-bottom:2px;

        padding-left:1px;

        padding-right:1px;

        text-align: center;
		background-repeat:repeat-x;

}



.admin_menu a {

        color: #FFFFFF;

        text-decoration: none;

        display: block;

        position: relative;

        padding-top: 1px;

        padding-bottom: 1px;

        padding-left: 2px;

        padding-right: 2px;

}



.admin_menu a:hover {

        color: #FFFFFF;

        text-decoration: underline;

}

.admin_float {
        float:left;
        margin-left: 1px;
        margin-right: 1px;
        margin-top: 1px;
        margin-bottom: 1px;
}

.admin_menu_wrapper {
        width:100%;
}
/* 
td #admin_menu_anim {

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

}
*/


.comment_date{

        color : #5F5F5F;

        font-size : 90%;

        vertical-align : middle;

}



.image {

        border-style: solid;

        border-width:1px;

        border-color: #FFFFFF;

        margin: 2px;

        vertical-align : top;

}



.imageborder {

        border: 1px solid #FFFFFF;

        background-color: #000000;

        margin-top:10px;

        margin-bottom: 1px;

}



.display_media {

        background: #000000 ;

        padding-top: 3px;

        padding-right: 10px;

        padding-bottom: 1px;

        padding-left: 10px;

}



.thumbnails {

        background: #000000 ;

        padding: 3px;

}



.thumbnailsa {

	    width: 130px;		
		
        padding-top: 1px;

        padding-right: 1px;

        padding-bottom: 1px;

        padding-left: 1px;

        vertical-align : top;

        text-align : center;

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

        color: #FFFFFF;

        font-size: 10px;

        font-weight: bold;
		
}


.thumbnailsb {

        background: #000000 ;

	    width: 170px;	
		
        padding-top: 1px;

        padding-right: 5px;

        padding-bottom: 1px;

        padding-left: 5px;

        text-align : center;

        vertical-align : top;

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

        color: #FFFFFF;

        font-size: 10px;

        font-weight: bold;
		
}





.footer {

        font-size : 10px;

        color: #BDBEBD;

}



.footer a {

        text-decoration: none;

        color: #BDBEBD;

}



.footer a:hover {

        color: #CCCCCC;

        text-decoration: underline;

}



.statlink {

        color: #FFFFFF;

}



.statlink a {

        text-decoration: none;

        color: #FFFFFF;

}



.statlink a:hover {

        color: #FFFFFF;

        text-decoration: underline;

}

.alblink {
        font-weight:bold;
}

.alblink a {

        text-decoration: underline;

        color: #FFFFFF;

}



.alblink a:hover {

        color: #FFFFFF;

        text-decoration: underline;

}



.catlink {
        font-weight:bold;
        display: block;

        margin-bottom: 2px;

}



.catlink a {

        text-decoration: underline;

        color: #FFFFFF;

}



.catlink a:hover {

        color: #FFFFFF;

        text-decoration: underline;

}



.topmenu {

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

        font-size: 12px;

        color: #FFFFFF;

        margin-top: 0px;

        margin-bottom: 0px;

        width:130px;

        white-space:nowrap;

      

}



.topmenu a {

    display: block;

    padding-left: 2px;

    padding-right: 2px;

    padding-bottom: 2px;

    padding-top: 2px;

    border-left-width: 0px;

    background: #000000;

    

    background-position: center;

    border-bottom-width: 0px;

    margin: 0px 0px 2px;

    color: #625b55;

    text-align: center;

    text-decoration: none;

    border: 1px solid #A7A7A6;

    color: #FFFFFF

    }



.topmenu a:hover {

    color: #5F5F5F;

    text-decoration: none;

    background: #EFEFE8;

    background-image : none;

}



.img_caption_table {

        border: none;

        background-color: #FFFFFF;

        width : 100%;

        margin : 0px;

}



.img_caption_table th {

        background: #D1D7DC ;

        font-size: 100%;

        color : #FFFFFF;

        padding-top: 4px;

        padding-right: 10px;

        padding-bottom: 4px;

        padding-left: 10px;

        border-top : 1px solid #FFFFFF;

}



.img_caption_table td {

        background: #EFEFEF ;

        padding-top: 6px;

        padding-right: 10px;

        padding-bottom: 6px;

        padding-left: 10px;

        border-top : 1px solid #FFFFFF;

        white-space: normal;

}



.debug_text {

        border: #BDBEBD;

        background-color: #EFEFEF;

        width : 100%;

        margin : 0px;

}



.clickable_option {

        cursor : default;

}



.listbox_lang {

        color: #FF3300;

        background-color: #000000;

        border: 1px solid #FFFFFF;

        font-size: 80%;

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



        vertical-align : middle;



}

.pic_title {
        color: #FFFFFF;
        font-size: 120%;
        font-family: Arial, Helvetica, sans-serif;
        font-weight:bold;
        text-align : center;
        padding-top:0px;
        padding-bottom:0px;
        margin-top:0px;
        margin-bottom:0px;
        line-height:1.0em;
}

.pic_caption {
        color: #FFFFFF;
        font-size: 100%;
        font-family: Arial, Helvetica, sans-serif;
        font-weight:bold;
        text-align : center;
        padding-top:0px;
        padding-bottom:0px;
        margin-top:0px;
        margin-bottom:0px;
        line-height:1.0em;
}

.cpg_message_info, .cpg_message_success, .cpg_message_warning, .cpg_message_error, .cpg_message_validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.cpg_message_info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../../images/message/info.png');
}
.cpg_message_success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../../images/message/ok.png');
}
.cpg_message_warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../../images/message/warning.png');
}
.cpg_message_error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../../images/message/stop.png');
}
.cpg_message_validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('../../images/message/error.png');
}

.filmstrip_background {
    background-color:#000000;
}

.icon {
    vertical-align:middle;
    margin-right:2px;
	margin-left:2px;
    padding-left: 3px;
    padding-right: 4px;	
}