body {

     background-color: #cccccc;

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

        /* background-attachment: fixed; */

        /* background-position: bottom; */

        /* background-repeat: repeat-x; */

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

    font-size: 11px;

    line-height: 15px;

    margin: 0;

    padding: 0;

}



/* PK Controls width of DIV enclosing gallery and image content */



#content {

        width: 80%;

        margin: 0;

        color: #000000;

        background-color: #ffffff;

        padding: 0;

}



/* Controls menu DIV position ------------ */



#menu {

        width: 8em;

        position: absolute;

        float: right;

        top: 10px;

        right: 0;

        margin: 0;

        padding: 0;

        font-size: 100%;

        line-height: 20px

}



html #menu { /* make IE put it in the right place */

        right: 2em;

}



#menu ul li {

        margin: 0;

        padding: 0;

        list-style: square;

        color: #2f89c9;

}



#menu a:link, #menu a:visited {

        color: #3333cc;

        border: none;

}



#menu form{

        margin: 0;

}



#menu form br {

        display:none;

}



/* Controls position of admin menubar----------- */



#admin_menu {

        position: absolute;

        top: 1px;

        left: 10px;

        font-size: 100%;

        text-align: left;

        color: #CC9933;

}







div.innerdiv {

margin: 0;

padding: 0;

}







table {



        font-size: 100%;



}





/* PK Controls table header on main page (with album count etc.) */

/* PK Controls table header on album page (with album name and sort order etc.) */

/* N.b. see also class sortorder_cell and sortorder_options */





.tableh1 {



        margin: 0 0 0 0;



        background: #cccccc ;



        color: #333333;



        font-size: 100%;



        font-weight: bold;



        padding-top: 6px;



        padding-right: 10px;



        padding-bottom: 6px;



        padding-left: 10px;



}





/*-- pk controls breadcrumb trail -- */



.breadcrumbs {



        background : #eeeeee;



        color : #3333cc;



        margin: 0;



        padding-top: 3px;



        padding-right: 10px;



        padding-bottom: 3px;



        padding-left: 10px;



}











/* PK Controls album count (foot of album list) and file count (foot of album page) */



.tableh1_compact {



        /* background-color: #eeeeee; */



        background-color : #eeeeee ;



        color : #666666;



        padding-top: 6px;



        padding-right: 5px;



        padding-bottom: 6px;



        padding-left: 5px;



}







/* PK Controls album description and text align */



.album_desc {



        margin: 5px 10px 10px;



        text-align: left;



        line-height: 15px;



}









.navmenu a {



        position: relative;



        display: block;



        padding-top: 2px;



        padding-right: 5px;



        padding-bottom: 2px;



        padding-left: 5px;



        text-decoration: none;



        color: #FFFFFF;



}



.thumbnails {



        background-color: #101010 ;



        padding: 5px;



}





/* PK Controls powered-by text (not link) */



.footer {



        color: #666666;



        font-size : 9px;



        margin: 10px;



}







.footer a {



        text-decoration: none;



        color: #666666;



}







.footer a:hover {



        color: #666666;



        text-decoration: underline;



}







.statlink {

        color: #447395;





}



/* PK Controls breadcrumb link colour */



.statlink a {

                color: #3333cc;

                text-decoration: none;

}







.statlink a:hover {



        color: #000000;



        text-decoration: underline;



}







.alblink a {



        text-decoration: underline;



        color: rgb(168,157,170);



}







.alblink a:hover {



        color: rgb(168,157,170);



        text-decoration: underline;



}







.catlink {



        display: block;



        margin-bottom: 2px;



}







.catlink a {



        text-decoration: underline;



        color: #447395;



}







.catlink a:hover {



        color: red;



        text-decoration: underline;



}







.topmenu {



        line-height : 130%;



        font-size: 100%;



}







.topmenu a {



        color : #0033CC;



        text-decoration : none;



}







.topmenu a:hover  {



        color : #0033CC;



        text-decoration : underline;



}





h1{

        font-weight: bold;

        font-size: 100%;

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

        text-decoration: none;

        line-height : 120%;

        color : #000000;

        margin: 2px;



}





h2 {

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

        font-size: 100%;

        margin: 0px;

}







h3 {

        font-weight: normal;

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

        font-size: 100%;

        margin: 2px;

}





p {

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

        font-size: 100%;

        margin: 2px 0px;

}





ul {

        margin-left: 5px;

        padding: 0px;

}



li {

        margin-left: 10px;

        margin-top: 4px;

        margin-bottom: 4px;

        padding: 0px;

}



.textinput {

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

        font-size: 100%;

        border: 1px solid #e5ebf1;

        padding-right: 3px;

        padding-left: 3px;

}





.listbox {

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

        font-size: 100%;

        border: 1px solid #e5ebf1;

        vertical-align : middle;

}





.button {

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

        font-size: 100%;

        border: 1px solid #005D8C;

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

        background-position : bottom;

}



.comment_button {

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

        font-size: 85%;

        border: 1px solid #005D8C;

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

        background-position : bottom;

        padding-left: 3px;

        padding-right: 3px;

}



.radio {

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

        font-size: 100%;

        vertical-align : middle;

}





.checkbox {

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

        font-size: 100%;

        vertical-align : middle;

}





a {

        color: #0033CC;

        text-decoration: none;

}



a:hover {

        color: #0033CC;

        text-decoration: underline;

}





bblink a {

        color: #0033CC;

        text-decoration: none;

}



bblink a:hover {

        color: #0033CC;

        text-decoration: underline;

}





.maintable {

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

       /* background-color: #eeeeee; */

       /*  margin-top: 1px; */

        margin-bottom: 1px;

}





/* PK Controls TD colour behind album title on main page */



.tableh2 {

        background-color: #ffffff ;

        color: #000000;

        padding-top: 6px;

        padding-right: 10px;

        padding-bottom: 6px;

        padding-left: 10px;

        font-size: 100%;

}





.tableh2_compact {

        background-color: #eeeeee;

        /* background: #e5ebf1 ;  */

        color : #000000;

        padding-top: 6px;

        padding-right: 5px;

        padding-bottom: 6px;

        padding-left: 5px;

}



/* PK Controls BG colour of single image table */



.tableb {

        background-color: #ffffff;

        padding-top: 3px;

        padding-right: 10px;

        padding-bottom: 3px;

        padding-left: 10px;

}



/* PK Controls album desc <p> BG colour */



.tableb_compact {

        background-color: #ffffff;

        /* background: #eff3f6; */

        padding-top: 2px;

        padding-right: 5px;

        padding-bottom: 2px;

        padding-left: 5px;

}



.tablef {

        background: #e5ebf1;

        padding-top: 10px;

        padding-right: 10px;

        padding-bottom: 10px;

        padding-left: 10px;

}



/* PK Controls (margin-left)indent of file Qty detail under album desc. */



.album_stat {

        font-size: 80%;

        margin: 5px 0px 5px 0px;

}





.thumb_title {

        font-weight : normal;

        font-size: 80%;

        padding: 2px;

        display : block;

}







.thumb_caption {

        font-size: 80%;

        padding: 1px;

        display : block;

}



.thumb_caption a {

        text-decoration: underline;

        color: #000000;

}



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

}



.user_thumb_infobox a:hover {

        color: #000000;

        text-decoration: underline;

}



/* PK Controls sort order BG and cols */



.sortorder_cell {

        background : #cccccc ;

        color : #666666;

        padding: 0px;

        margin: 0px;

}



.sortorder_options {

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

        background : #cccccc ;

        color : #666666;

        padding: 0px;

        margin: 0px;

        font-weight: normal;

        font-size: 80%;

        white-space: nowrap;

}





/* PK Controls navigation header of single image display */



.navmenu {

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

        color: #cccccc;

        font-size: 100%;

        font-weight: bold;

        background-color : #cccccc ;

        border-style: none;

}





.navmenu img {

        margin-top: 1px;

        margin-right: 5px;

        margin-bottom: 1px;

        margin-left: 5px;

}



.navmenu a {

        position: relative;

        display: block;

        padding-top: 2px;

        padding-right: 5px;

        padding-bottom: 2px;

        padding-left: 5px;

        text-decoration: none;

        color: #FFFFFF;

}



.navmenu a:hover {

        background : #eff3f6 ;

        text-decoration: none;

        color:         #000000;

}



.admin_menu_thumb {

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

        font-size: 85%;

        border: 1px solid #005D8C;

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

        background-position : bottom;

        color: #000000;

        font-weight: bold;

        margin-top: 0px;

        margin-bottom: 0px;

        width: 85px;

}



.admin_menu_thumb a {

        color: #000000;

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

        text-decoration: underline;

}





.admin_menu {

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

        font-size: 85%;

        border: 1px solid #005D8C;

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

        background-position : bottom;

        color: #000000;

        margin-top: 0px;

        margin-bottom: 0px;

        text-align: center;

}



.admin_menu a {

        color: #000000;

        text-decoration: none;

        display: block;

        position: relative;

        padding-top: 1px;

        padding-bottom: 1px;

        padding-left: 2px;

        padding-right: 2px;

}



.admin_menu a:hover {

        color: #000000;

        text-decoration: underline;

}



.comment_date{

        color : #5F5F5F;

        font-size : 90%;

        vertical-align : middle;

}



.image {

        border-style: solid;

        border-width:1px;

        border-color: #000000;

        margin: 2px;

}



/* PK Controls space above single image (space below breadcrumb) */

/* PK Controls image outside border */



.imageborder {

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

        background-color: #FFFFFF;

        margin-top: 15px;

        margin-bottom: 15px;

}



/* PK Controls BG colour of album display */

/* Do NOT set a background-colour for class: maintable */



.thumbnails {

        background: #ffffff ;

        padding: 5px;

}



.footer {

        font-size : 9px;

}



.footer a {

        text-decoration: none;

        color: #000000;

}



.footer a:hover {

        color: #000000;

        text-decoration: underline;

}



.catlink {

        display: block;

        margin-bottom: 2px;

}



.catlink a {

        text-decoration: underline;

        color: #000000;

}



.catlink a:hover {



        color: #000000;

        text-decoration: underline;

}



.topmenu {

        line-height : 130%;

        font-size: 100%;

}



.topmenu a {

        color : #0033CC;

        text-decoration : none;

}



.topmenu a:hover  {

        color : #0033CC;

        text-decoration : underline;

}



.img_caption_table {

        border: none;

        background-color: #447395;

        width : 100%;

        margin : 0px;

}



/* PK Controls TD colour behind image title under single image */



.img_caption_table th {

        background: #ffffff ;

        font-size: 100%;

        color : #000000;

        padding-top: 4px;

        padding-right: 10px;

        padding-bottom: 4px;

        padding-left: 10px;

        border-top : 1px solid #FFFFFF;

}







/* PK Controls TD colour behind image caption (desc) under single image */



.img_caption_table td {

        text-align: center;

        background: #ffffff ;

        padding-top: 6px;

        padding-right: 10px;

        padding-bottom: 6px;

        padding-left: 10px;

        border-top : 1px solid #FFFFFF;

}



.debug_text {

        border: #BDBEBD;

        background-color: #eff3f6;

        width : 100%;

        margin : 0px;

}



.clickable_option {

        border-bottom : 1px dotted blue;

}



.listbox_lang {

        color: #000000;

        background-color: #e5ebf1;

        border: 1px solid #e5ebf1;

        font-size: 80%;

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

        vertical-align : middle;



}