/*
* @version		1.9.4
* @package		com_ninjamonials
* @author 		NinjaForge
* @author email	support@ninjaforge.com
* @link			http://ninjaforge.com
* @license      http://www.gnu.org/copyleft/gpl.html GNU GPL
* @copyright	Copyright (C) 2010 NinjaForge - All rights reserved.
* Last updated: 1st June, 2010 
*/
/* NinjaMonials Photo Style |  Copyright NinjaForge.com */
/* Photo Global CSS  - Applies to all Photo styles */
.nm-left { text-align:left; vertical-align:text-top; }
.nm-left .nm-video, .nm-right .nm-video-reverse, .nm-left .nm-avatar,  .nm-left .nm-avatar-wrapper, .nm-left span.nm-button, .nm-left #user-form input#submit { float:left; }
.nm-right { text-align:right; vertical-align:text-top; }
.nm-right .nm-video, .nm-left .nm-video-reverse, .nm-right .nm-avatar, .nm-right .nm-avatar-wrapper, .nm-right span.nm-button, .nm-right #user-form input#submit { float:right; }
.nm-wrapper { clear:both; font-size:14px; line-height:21px; margin:10px; padding:0px; }
.nm-wrapper div { background-position:99% 10px; background-repeat:no-repeat; margin:0; padding:0; }
.nm-wrapper div div { }
.nm-wrapper div div div { overflow:hidden; }
#ninjamonials .nm-wrapper div div div div { background:transparent; padding:20px; }
#ninjamonials .nm-wrapper div div div div div { padding:0; }
blockquote.nm-summary div, blockquote.nm-testimonial div, blockquote.nm-summary, blockquote.nm-testimonial, blockquote.nm-summary p, blockquote.nm-testimonial p { background:transparent; border:none; padding:0; margin:0; text-decoration:none; font-style:normal; }
span.nm-button, #user-form input#submit { margin:5px; }
#user-form { background-position:left bottom; background-repeat:repeat-x; clear:both; font-size:14px; line-height:21px; margin-top:20px; padding:5px; }
.nm-testimonial, .nm-summary, .nm-author { padding-left:140px }
.nm-summary { font-weight:bold; }
.nm-author { display:block; font-size:12px; }
.nm-name { font-weight:bold; padding-right:5px; }
.nm-video, div.nm-video-reverse { margin:10px !important; }
.nm-audio, .nm-author { padding:5px !important; }
.nm-audio { display:block; }
.nm-name { font-style:italic; }
/* Photo Avatar-Specific CSS */
.nm-avatar-wrapper {}
.nm-avatar { }
.nm-avatar img { background-color:#F7F7F7; border:1px solid #DBDBDB; margin:10px; padding:5px; }
/* Photo Module-Specific CSS */
.nm-module { overflow:hidden; margin: 5px; padding:4px!important; }
.nm-module div.nm-avatar img { }
.nm-module div.nm-avatar { }
/* Black Style */
.nm-photo-black .nm-wrapper div { color:#CCC; background-image: url(photo_black_tr.png); background-repeat: no-repeat; background-position: 99% 20px; border: none; }
.nm-photo-black .nm-wrapper div div div { background-image: url(photo_black_tl.png); background-position: 20px 20px; background-repeat: no-repeat; }
.nm-photo-black.nm-module, .nm-photo-black .nm-wrapper, .nm-photo-black #user-form { color:#F3F3F3; border:1px solid #666; background-color: #666; background-image: url(fade_black.png); background-repeat: repeat-x; background-position: left bottom; }
.nm-photo-black .nm-avatar-wrapper {}
.nm-photo-black .nm-avatar, .nm-photo-black .nm-wrapper div div div div div.nm-avatar-wrapper div.nm-avatar { height:100px; width:100px; display:block; margin:20px; padding:25px !important; background-image: url(photos.png) !important; background-repeat: no-repeat; background-position: left top; }
.nm-photo-black .nm-avatar img { border:none; margin:0; padding:0; max-height:100px; max-width:100px;}
/* White Style */
.nm-photo-white .nm-wrapper div { color:#333; background-image: url(photo_white_tr.png); background-repeat: no-repeat; background-position: 99% 20px; }
.nm-photo-white .nm-wrapper div div div { background-image: url(photo_white_tl.png); background-position: 20px 20px; background-repeat: no-repeat; }
.nm-photo-white.nm-module, .nm-photo-white .nm-wrapper, .nm-photo-white #user-form { color:#333; border:1px solid #CCC; background-color: #FFF; background-image: url(fade_white.png); background-repeat: repeat-x; background-position: left bottom; }
.nm-photo-white .nm-avatar-wrapper {}
.nm-photo-white .nm-avatar, .nm-photo-white .nm-wrapper div div div div div.nm-avatar-wrapper div.nm-avatar { height:100px; width:100px; display:block; margin:20px; padding:25px !important; background-image: url(photos.png) !important; background-repeat: no-repeat; background-position: left top; }
.nm-photo-white .nm-avatar img { border:none; margin:0; padding:0; max-height:100px; max-width:100px;}
/* Polaroid Summary Style */
.nm-photo-polaroid .nm-wrapper div { color:#333; background-image: url(photo_white_tr.png); background-repeat: no-repeat; background-position: 99% 20px; }
.nm-photo-polaroid .nm-wrapper div div div { background-image: url(photo_white_tl.png); background-position: 20px 20px; background-repeat: no-repeat; }
.nm-photo-polaroid.nm-module, .nm-photo-polaroid .nm-wrapper, .nm-photo-polaroid #user-form { color:#333; border:1px solid #CCC; background-color: #FFF; background-image: url(fade_white.png); background-repeat: repeat-x; background-position: left bottom; }
.nm-right.nm-photo-polaroid .nm-summary { font-family:"Lucida Handwriting", Comic Sans MS, cursive; color:#006; float:right; clear:right; width:130px; vertical-align:top; position:relative; top:-35px; left:-10px; font-weight:lighter; font-size:120%; -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); margin-top: 0; margin-right: 10px; margin-bottom: 0; margin-left: 20px; }
.nm-left.nm-photo-polaroid .nm-summary { font-family:"Lucida Handwriting", Comic Sans MS, cursive; color:#006; float:left; clear:left; width:130px; vertical-align:top; position:relative; top:-35px; left:-10px; font-weight:lighter; font-size:120%; -webkit-transform:rotate(-10deg); -moz-transform:rotate(-10deg); margin-top: 0; margin-right: 10px; margin-bottom: 0; margin-left: 20px; }
.nm-photo-polaroid .nm-testimonial, .nm-photo-polaroid .nm-author{ padding-right: 5px; padding-left: 5px; }
.nm-photo-polaroid .nm-avatar-wrapper {min-height:60px; min-width:160px;}
.nm-photo-polaroid .nm-avatar, .nm-photo-polaroid .nm-wrapper div div div div div.nm-avatar-wrapper div.nm-avatar { height:100px; width:100px; display:block; margin:20px; background-image: url(polaroid.png) !important; background-repeat: no-repeat; background-position: left top; padding-top: 15px !important; padding-right: 15px !important; padding-bottom: 25px !important; padding-left: 15px !important; }
.nm-photo-polaroid .nm-avatar img { border:none; margin:0; padding:0; max-height:100px; max-width:100px; }