/*
CSS Name:Default Styles
Description:NextGEN Default Gallery Stylesheet
Author:Alex Rabe
Version:1.50
This is a template stylesheet that can be used with NextGEN Gallery. I tested the
styles with a default theme Kubrick. Modify it when your theme struggle with it,it's only a template design
*/
/* ----------- Album Styles Extend -------------*/
.ngg-albumoverview {margin-top: 10px;
width: 100%;
clear:both;
display:block !important;}
.ngg-album {height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;}
/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;}
.ngg-album {overflow: hidden;
padding: 5px;
margin-bottom: 5px;
border: 1px solid #cccccc;}
.ngg-albumtitle {text-align: left;
 	font-weight: bold;
margin:0px;
padding:0px;
font-size: 1.4em;
margin-bottom: 10px;}
.ngg-thumbnail {float: left;
margin-right: 12px;}
.ngg-thumbnail img {background-color:#FFFFFF;
border:1px solid #A9A9A9;
margin:4px 0px 4px 5px;
padding:4px;
position:relative;}
.ngg-thumbnail img:hover {background-color: #A9A9A9;}
.ngg-description {text-align: left;}
/* ----------- Album Styles Compact -------------*/
.ngg-album-compact {float:left;
height:180px;
padding-right:6px !important;
margin:0px !important;
text-align:left;
width:120px;	}
.ngg-album-compactbox {background:transparent url(data:image/gif;base64,R0lGODlhawBYALMPAL29vdzc3Ozs7O7u7urq6ujo6OHh4fT09Pf39/X19cDAwL+/v76+vgAAAP///////yH5BAEAAA8ALAAAAABrAFgAAAT/8EkGKFOK0cWWB5WnAAqHcZ6nfZ2IrS1gooucZeGSbVpJUrvaTtP5jTiSJMPBbDqf0Kh0Sq1ar9RFUoHter/gsFO7EJvP6LAnzW67mxwnYiCg1++C+mBP5/f/fXl4e3mAgYV+g4J2ioyHjnqFAghPGk4HBQYBm5ydnp+goaKjpKWlBgWUY0tNCQQNsLGys7S1tre4ubq7sFAllwUNb8PETsJPJMDHxcxty3BlTQivzdVpz0wXTq7Y1t5d3Zat1N/l4FDiTAjB5u1W4QBy5O70UN0Vl/P1+w7h0UwH9PGjdy9eE0zdBprzt02gwoW+/jlAICDhQ2/dashhd9HdPVZM/xJU7OgRnURuJNtlBOkgoMWUxVY2fAlz2D0u42jWdPNx5k6M6AwCdPjTZtB8Ooui6fbr4EilzMKxRAg1KjqWKKsSYyp0Iketb2S2egqW59GDRMuagadMrdknGnO6dQYlDtqkc6/cRJr3mkl5ePtSyXgyrWAsGXEODXw4SuK2jcMQ5hsZjFTKlb2IDWk4s5THB7961lt3aufRTybfRY0YnWIHWVlXAb1Y9jtfLCkyHq26tu3BpbeR/e3472rin4MfR26vrkSqzJs/aeo7ujEoyZZbZ3JZ+/beLU/b3hx+t2fwIs1nJh97e7+6r9t/vypcfeVwr126b0Je//73lRRmX9tk9wj4H4CrXDLcfNPlJxqDTqQzkXiygbfOgI11V517tLW0oHU9HXQALySWaOKJuyh3oBXarGiFXS5SQUGMVRBBoxQtOCDRjQ7Eo4KOOmgQggVEhFBBkR0QSUMJQ7SAgpMrHGkBCFRWSSUFUq6AQglJ6lDBCULWoM0KDrDEYxkKPMAFCBfIoIIOJ2AgZwki6MABERwcaeWePLRAZwonuACoC36mcEEKhuaZpAzapDkBjxEmMUGbLcRAxKVTFpkDnHHK6YKnImBapQqVmmDpkl+CMAKXJCDKqAxJRAAAOw==) no-repeat scroll 0%;
height:86px;
margin:0pt 0pt 6px !important;
padding:12px 0pt 0pt 7px !important;
width:120px;}
.ngg-album-compactbox .Thumb {border:1px solid #000000;
margin:0px !important;
padding:0px !important;
width:91px;
height:68px;}
.ngg-album-compact h4 {font-size:15px;
font-weight:bold;
margin-bottom:0px;
margin-top:0px;
width:110px;}
.ngg-album-compact p {font-size:11px;
margin-top:2px;}
/* ----------- Gallery style -------------*/
.ngg-galleryoverview {overflow: hidden;
margin-top: 10px;
width: 100%;
clear:both;
display:block !important;}
.ngg-galleryoverview .desc {/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;}
.ngg-gallery-thumbnail-box {float: left;}
.ngg-gallery-thumbnail {float: left;
margin-right: 5px;
text-align: center;}
.ngg-gallery-thumbnail img {background-color:#FFFFFF;
border:1px solid #A9A9A9;
display:block; 
margin:4px 0px 4px 5px;
padding:4px;
position:relative;}
.ngg-gallery-thumbnail img:hover {background-color: #A9A9A9;}
.ngg-gallery-thumbnail span {/* Images description */
font-size:90%;
padding-left:5px;
display:block;}
.ngg-clear {clear: both;}
/* ----------- Gallery navigation -------------*/
.ngg-navigation {font-size:0.9em !important;
clear:both !important;
display:block !important;
padding-top:15px;
text-align:center;
}
.ngg-navigation span {font-weight:bold;
margin:0pt 6px;}
.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev,
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {border:1px solid #DDDDDD;
margin-right:3px;
padding:3px 7px;}
.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover,
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {background-color: #0066CC;
color: #FFFFFF !important;
text-decoration: none !important;}
/* ----------- Image browser style -------------*/
.ngg-imagebrowser {}
.ngg-imagebrowser h3 {text-align:center;}
.ngg-imagebrowser img {border:1px solid #A9A9A9;
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
display:block !important;
padding:5px;}
.ngg-imagebrowser-nav {padding:5px;
margin-left:10px;	}
.ngg-imagebrowser-nav .back {float:left;
border:1px solid #DDDDDD;
margin-right:3px;
padding:3px 7px;}
.ngg-imagebrowser-nav .next {float:right;
border:1px solid #DDDDDD;
margin-right:3px;
padding:3px 7px;}
.ngg-imagebrowser-nav .counter {text-align:center;
font-size:0.9em !important;}
.exif-data {margin-left: auto !important;
    margin-right: auto !important;	}
/* ----------- Slideshow -------------*/
.slideshow {margin-left: auto;
margin-right: auto;
text-align:center;
outline: none;	}
.slideshowlink {}
/* ----------- Single picture -------------*/
.ngg-singlepic {background-color:#FFFFFF;
display:block; 
padding:4px;}
.ngg-left {float: left;
margin-right:10px;}
.ngg-right {float: right;
margin-left:10px;}
.ngg-center {margin-left: auto !important;
    margin-right: auto !important;}
/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {overflow: hidden;
margin:0pt;
padding:5px 0px 0px 0pt;
text-align:left;}
.ngg-widget img {border:2px solid #A9A9A9;
margin:0pt 2px 2px 0px;
padding:1px; }
/* ----------- Related images -------------*/
.ngg-related-gallery {background:#F9F9F9;
border:1px solid #E0E0E0;
overflow:hidden;
margin-bottom:1em;
margin-top:1em;
padding:5px;}
.ngg-related-gallery img {border: 1px solid #DDDDDD;
float: left;
margin: 0pt 3px;
padding: 2px;
height: 50px;
width:  50px;}
.ngg-related-gallery img:hover {border: 1px solid #000000;}
/* ----------- Gallery list -------------*/
.ngg-galleryoverview ul li:before {content: '' !important}
.ngg-gallery-list{list-style-type:none;padding:0 !important;text-indent:0 !important}
.ngg-galleryoverview div.pic img{width:100%}
.ngg-gallery-list li{float:left;margin:0 2px 0 2px !important;overflow:hidden}
.ngg-gallery-list li a{border:1px solid #CCCCCC;display:block;padding:2px}
.ngg-gallery-list li.selected a{-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#000000 none repeat scroll 0 0}
.ngg-gallery-list li img{height:40px;width:40px}
li.ngg-next,li.ngg-prev{height:40px;width:40px;font-size:3.5em}
li.ngg-next a,li.ngg-prev a{padding-top:10px;border:none;text-decoration:none}
/*
Use the DMSGuestbook admin interface for change these css settings.
Don't edit this file direct,your change could be overwrite by the DMSGuestbook admin.
If dmsguestbook.css is exist and writable,all CSS settings will be read from it.
Otherwise these settings will be load from the database.
*/
.css_guestbook_position{position:relative;
left:0;
top:0}
.css_guestbook_font_color{color:#ffffff}
.css_form_text{font-weight:normal;color:#fff;font-size:17px}
.css_form_namefield{/*border:1px solid #DEDEDE;
*/
width:150px;
color:#000000}
.css_form_emailfield{/*border:1px solid #DEDEDE;
*/
width:150px;
color:#000000}
.css_form_urlfield{/*border:1px solid #DEDEDE;
*/
width:150px;
color:#000000}
.css_form_additional_option{/*border:1px solid #DEDEDE;
*/
width:150px;
color:#000000}
.css_form_textfieldspace{text-align:left;
padding:5px 0 0 0;
margin:0 0}
.css_form_messagefield{/*border:1px solid #DEDEDE;
*/
width:80%;
height:150px;
color:#000000}
.css_form_antispamtext{text-align:center}
.css_form_antispamcontent{/*border:1px solid #DEDEDE;
*/}
.css_form_antispamcontent_position{text-align:center;
padding:5px 0;
margin:0 0}
.css_form_antispam_inputfield{width:60px;
/*border:1px solid #DEDEDE;
*/
color:#000000}
.css_form_submit{color:#000000}
.css_form_submit_position{text-align:center;
padding:20px 0 10px 0}
.css_form_errormessage{color:#bb0000;
font-size:11px;
text-decoration:none;
font-weight:bold}
.css_form_successmessage{color:#ffffff;
font-size:17px;
text-decoration:none;
font-weight:bold}
.css_form_link{font-size:11px;
position:relative;
top:0;
left:0}
.css_navigation_totalcount{font-size:11px;
left:0;
width:95%;
text-align:center;
padding:0 0 5px 10px}
.css_navigation_overview{left:0;
width:95%;
text-align:center;
padding:0 0 15px 12px}
.css_navigation_select{color:#bb1100;
text-decoration:none}
.css_navigation_notselect{color:#000000;
text-decoration:none}
.css_navigation_char{color:#000000;
font-size:20px;
text-decoration:none;
font-weight:bold}
.css_navigation_char_position{left:0;
width:95%;
padding:0 0 0 10px;
margin:0 0 20px 0;
text-align:center}
.css_post_header1{font-size:11px;
height:15px}
.css_post_header2{width:20px;
height:15px}
.css_post_header3{width:20px;
height:15px}
.css_post_header4{font-size:11px;
height:15px}
.css_post_email_image{height:15px;
width:15px;
border:0}
.css_post_url_image{height:15px;
width:15px;
border:0}
.css_post_separator{/*border:1px solid #EDEDED;
*/
display:none;
height:1px;
width:35%;
text-align:left;
margin:10px 0 0 0}
.css_post_message{font-size:17px;line-height:27px!important;color:#fff!important;margin:5px 0 0 0}
.css_form_embedded{width:95%;
/*border:1px solid #AAAAAA;
*/
font-size:12px;
text-align:left;
padding:0 10px;
margin:0 0 0 0;
line-height:1.4em}
.css_post_embedded{width:95%;
/*border:1px solid #AAAAAA;
*/
font-size:12px;
text-align:left;
padding:10px 10px;
margin:0 0 0 0;
line-height:1.4em}
a.css_navigation_char:hover{text-decoration:none;color:#000000}
a.css_navigation_select:hover{text-decoration:none;color:#bb1100}
a.css_navigation_notselect:hover{text-decoration:none;color:#000000}
img.css_post_url_image{border:0}
img.css_post_email_image{border:0}
table,tr,td{border:none!important}