/* Copyright 2006 Village Life Company. */

#av-main			{ font-size : 12px; line-height: 18px; }	
#av-main.public			{ width : 540px; }
#av-main a:link,
#av-main a:visited,
#av-main a:active		{ color : #006699; text-decoration : none; }
#av-main a:hover		{ text-decoration : underline; }

#av-main label                  { display : block; }

#av-main input,
#av-main select,
#av-main textarea               { width : 300px; }

#av-main textarea               { height : 180px; }

#av-main input.submit           { width : auto; }

/* AV Navigation. */

#av-main #nav			{ list-style : none; width : 636px; height : 26px; margin : -16px auto 0; padding : 0; border : 1px solid #ccc; }
#av-main #nav li		{ display : block; float : left; }
#av-main #nav li a		{ display : block; width : 90px; height : 22px; padding : 4px 0 0; border-right : 1px solid #ccc; background : #e4e4e4; text-align : center; text-decoration : none; }
#av-main #nav li a.last		{ border-right : 0; }
#av-main #nav li a.selected	{ background : #fff; }
#av-main #nav li a:hover	{ background : #ccc; color : #222; border : 0; border-right : 1px solid #ccc; }
#av-main #nav li a.last:hover	{ border : 0; }


/* AV Upload page. */

#av-types th			{ width : 180px; border-bottom : 1px solid #eee; }

#batch-single-link		{ display : block; float : right; margin-top : -18px; }

#upload-instructions 		{ position : absolute; width : 370px; margin-top : -544px; margin-left : 330px; color : #444; }
#upload-message			{ width : 350px; padding : 0 8px 8px; background : #f6f6f6; border : 1px solid #ccc; }
#progress-bar			{ float : right; margin : 12px 4px 4px 0; }
#av-main #podcast-option		{ width : auto; margin : 0 6px 0 18px; }
#av-main #podcast-option-p label	{ display : inline; width : auto; margin : 0; }

#batch				{ width : 697px; }

#batch label,
#batch input			{ display : inline; }
#batch #file-copyright		{ width : 250px; }
#batch #file-category		{ width : 220px; }
#batch .right-buffer		{ margin-left : 18px; }

#batch-global			{ padding : 0 8px 10px; background : #FFF8DB; border : 1px solid #bbb; border-width : 1px 0; }
#batch-global h4		{ margin : -1px -8px 10px; padding : 4px 8px; background : #FFF1BB; border : 1px solid #bbb; border-width : 1px 0; font-size : 12px; }

#batch-files			{ margin-top : 8px; }
#batch-files div		{ margin-top : -1px; padding : 6px 8px 4px 24px; background : #eee; border : 1px solid #bbb; border-width : 1px 0; line-height : 30px; }
#batch-files div.selected	{ background : #DEEFFD; color : #000; }
#batch-files .file-upload	{ width : 250px; margin-left : 3px; }
#batch-files .file-type-label	{ margin-left : 18px; }
#batch-files .file-type		{ width : 168px; }
#batch-files .file-title	{ width : 250px; }
#batch-files .file-number	{ position : absolute; width : 24px; height : 24px; left : 6px; margin : 0; padding : 0 0; border : 1px solid #bbb; font-size : 14px; font-weight : bold; line-height : 24px; text-align : center; background : #fff; }
#batch-files .file-checkbox	{ position : absolute; width : auto; left : 12px; margin : 36px 0 0; }
#batch-files .podacst-option	{ width : auto; margin-left : 18px; }

#batch #upload-message		{ width : 350px; margin : -33px 0 0 104px; background : transparent; border : none; }
#batch #progress-bar		{ float : left; margin : 0 10px 0 0; }


/* AV Library page. */

#av-main #next-lib-button	{ width : 120px; position : absolute; margin : 0; }   /* float : right; margin : 0 0 0 16px; } */
#av-main #prev-lib-button	{ width : 120px; position : absolute; margin : 0 0 0 4px; }   /* float : left; margin : 0 2px 0 0; } */

#sort-options			{ display : inline; margin : 0 40px 0 170px; }
#sort-options a.selected	{ color : #DA6B52; }
#sort-options span		{ color : #ddd; }              

#av-main #library-table.public #next-lib-button	{ margin : 0 0 0 409px; }
#av-main #library-table.public #prev-lib-button	{  }
#av-main #library-table.public #sort-options	{ display : block; width : 515px; margin : 0 0 8px; text-align : center; }

#library-table dl,
#library-table dl.image		{ float : left; width : 208px; height : 69px; margin : 3px; padding : 8px; border : 1px solid #ddd; line-height : 12px; }
#library-table.public dl	{ width : 242px; height : 50px; }
#library-table dt		{ width : 148px; margin : 0; padding : 0; font-family : verdana; font-size : 9px; text-transform : uppercase; color : #666; }
#library-table dd               { margin : 0; padding : 0; font-family : verdana; font-size : 9px; line-height : 15px; text-transform : uppercase; color : #666; }

#library-table dd div.info		{ height : 44px; }
#library-table dd div.control		{ width : 218px; overflow : hidden; margin : 0 -8px -8px -8px; padding : 3px; background : #eee; border-top : 1px solid #ddd; border-bottom : 1px solid #ddd; }
#library-table dd div.control a:link,
#library-table dd div.control a:visited,
#library-table dd div.control a:active	{ display : block; float : left; margin-right : 0px; padding : 0 4px; background : #eee; color : #006699; border : 0; text-decoration : none; }
#library-table dd div.control a:hover	{ background : #79ABC4; color : #fff; border : 0; }
#library-table dd div.control a.podcast-link:link,
#library-table dd div.control a.podcast-link:visited,
#library-table dd div.control a.podcast-link:active	{ color : #ff6600; }
#library-table dd div.control a.podcast-link:hover	{ color : #fff; background : #ff6600; }

#library-table div.icon		{ position : absolute; z-index : 10; margin-top : -14px; margin-left : 160px;  }
#library-table div.icon span	{ position : absolute; display : block; width : 37px; margin-top : -18px; text-align : center; color : #333; }
#library-table div.icon a	{ text-decoration : none; }
#library-table div.icon a:hover	{ text-decoration : none; }
#library-table.public div.icon	{ margin-left : 200px;  }

#library-table dl.image div.thumbnail		{ position : absolute; z-index : 10; margin-top : -13px; margin-left : 138px; }
#library-table.public dl.image div.thumbnail   	{ margin-left : 169px; }

#library-table #options		{ width : 100%; margin-bottom : 12px; text-align : center; }
#library-table #user		{ width : 200px; margin-right : 12px; }
#library-table #file-type	{ width : 80px; }

#av-main p.mod-buttons				{ display : block; position : absolute; width : 260px; margin-top : -34px; margin-left : 260px; padding : 4px 6px; text-align : right; }
#av-main p.mod-buttons a:link,
#av-main p.mod-buttons a:visited,
#av-main p.mod-buttons a:active			{ margin-left : 8px; }
#av-main p.mod-buttons a.podcast-link:link,
#av-main p.mod-buttons a.podcast-link:visited,
#av-main p.mod-buttons a.podcast-link:active     { color : #ff6600; }
#av-main p.mod-buttons a.podcast-link:hover      { color : #ff6600; border-color : #ff6600; }


/* Media Display. */

div.printer-friendly		{ float : right; overflow : auto; margin-bottom : 8px; }
div.printer-friendly img	{ background : #fff; border : 0; }
div.printer-friendly a:link,
div.printer-friendly a:visited,
div.printer-friendly a:active   { color : #777; text-decoration : none; }
div.printer-friendly a:hover    { color : #777; text-decoration : underline; }

#gallery-nav-separator		{ color : #ddd; }

#av-main div.img-full img,
#av-main div.vid-full embed     { padding : 12px; border : 1px solid #ddd; }

#mm-print-links                 { position : absolute; z-index : 100; left : 630px; margin-top : -26px; }
#mm-print-links a:link,
#mm-print-links a:visited,
#mm-print-links a:active        { color : #777; }


/* Users' Galleries page. */

#library-table dl.gallery dt    				{ width : 168px; }
#library-table dl.gallery dd div.control #gallery-edit-button	{ position : absolute; margin-left : 2px; margin-top : 0px; }
#library-table dl.gallery dd div.control #gallery-delete-button	{ position : absolute; margin-left : 40px; margin-top : -15px; }


/* Gallery page. */

#gallery-table				{  }
#gallery-table td			{ width : 220px; padding : 6px; text-align : center; font-size : 12px; }
#gallery-table div.thumbnail img	{ padding : 8px; border : 1px solid #ddd; }
#gallery-table div.thumbnail a:hover	{ border : 0; }
#gallery-table div.icon			{ width : 37px; margin : 0 auto; font-family : verdana; font-size : 9px; text-transform : uppercase; color : #666; }
#gallery-table div.icon span		{ position : absolute; display : block; width : 37px; margin-top : -18px; text-align : center; color : #333; }
#gallery-table div.icon a		{ text-decoration : none; }
#gallery-table div.icon a:hover		{ text-decoration : none; }


/* New Gallery page. */

#gallery-list			{ float : left; width : 220px; margin : 17px 0 0; padding : 8px; border : 1px solid #ddd; }
#gallery-list h4		{ font-family : verdana; font-size : 9px; text-transform : uppercase; color : #666; font-weight : normal; }
#gallery-list input,
#gallery-list textarea,
#gallery-list select		{ width : 220px; }
#gallery-list input.submit	{ width : auto; margin-top : 16px; }

#new-gallery-table		{ float : left; width : 452px; margin-top : 14px; margin-left : 6px; }

#new-gallery-table dl,
#new-gallery-table dl.image	{ float : left; width : 202px; height : 77px; margin : 3px; padding : 8px; border : 1px solid #ddd; }
#new-gallery-table dt		{ width : 148px; margin : 0; padding : 0; font-family : verdana; font-size : 9px; text-transform : uppercase; color : #666; }
#new-gallery-table dd		{ margin : 0; padding : 0; font-family : verdana; font-size : 9px; line-height : 15px; text-transform : uppercase; color : #666; }

#new-gallery-table div.icon		{ float : right; margin-top : -15px;  }
#new-gallery-table div.icon span	{ position : absolute; display : block; width : 37px; margin-top : -18px; text-align : center; color : #333; }
#new-gallery-table div.icon a		{ text-decoration : none; }
#new-gallery-table div.icon a:hover     { text-decoration : none; }

#new-gallery-table dl.image div.thumbnail	{ float : right; margin-top : -15px; }

#new-gallery-table dd.add-to-gallery		{ height : 21px; margin : 11px -8px -8px -8px; padding : 2px 8px; background : #eee; border-top : 1px solid #ddd; }
#new-gallery-table dd.add-to-gallery label,
#new-gallery-table dd.add-to-gallery input	{ display : inline; width : auto; }
#new-gallery-table dd.added			{ background : #CCF1B5; color : #36601D; }
#new-gallery-table dd.added label		{ color : #36601D; }

#av-main #next-button		{ position : absolute; z-index : 10; width : 110px; float : left; margin : -10px 0 0 582px; }
#av-main #prev-button		{ position : absolute; z-index : 10; width : 110px; float : left; margin : -10px 0 0 247px; }

#new-gallery-break		{  }


/* Photo Viewer Page. */

body.popup			{ width : 678px; padding : 4px; }
body.popup #av-main		{ margin-top : 0; }
body.popup #next-lib-button	{ width : 110px; } /* float : right; margin-right : 10px; } */
body.popup #sort-options	{ margin-left : 156px; margin-right : 34px; }
body.popup #prev-lib-button	{ width : 110px; float : left; } /* float : left; margin-left : 4px; } */
body.popup .clear		{ margin-top : -12px; }

#viewer-table p.intro		{ width : 655px; margin-left : 5px; margin-bottom : 12px; padding : 6px; border : 1px solid #ccc; background : #f4f4f4; text-align : left; }
#viewer-table div.finish	{ width : 655px; height : 18px; margin-top : 8px; margin-left : 5px; padding : 6px; }
#viewer-table div.finish input	{ width : 140px; margin : 0; }

#viewer-table dl,
#viewer-table dl.image		{ float : left; width : 200px; height : 48px; margin : 4px; padding : 8px; border : 1px solid #eee; text-align : left; }
#viewer-table dt		{ width : 148px; margin : 0; padding : 0; font-family : verdana; font-size : 9px; text-transform : uppercase; color : #666; text-align : left; }
#viewer-table dd		{ margin : 0; padding : 0; font-family : verdana; font-size : 9px; line-height : 15px; text-transform : uppercase; color : #666; text-align : left; }

#viewer-table div.icon		{ float : right; margin-top : -15px;  }
#viewer-table div.icon span	{ position : absolute; display : block; width : 37px; margin-top : -18px; text-align : center; color : #333; }
#viewer-table div.icon a	{ text-decoration : none; }

#viewer-table dl div.thumbnail	{ float : right; margin-top : -12px; }

#viewer-table dl.selected a	{ color : #1B9618; }
#viewer-table dl.selected{ 
	border-color : #1B9618; 
	background: #c9e9c8;
}


/* News Manager Uploader */

body.popup #av-main.upload	{ margin-top : -20px; }
body.popup #file-description	{ height : 40px; }

body.popup #upload-instructions { width : 330px; margin-top : -390px; margin-left : 325px; color : #444; }
body.popup #upload-message	{ position : absolute; z-index : 100; width : 330px; margin-top : 8px; padding : 0 8px 8px; background : #f6f6f6; border : 1px solid #ccc; }
body.popup #progress-bar	{ float : right; margin : 12px 4px 4px 0; }

body.popup #success-msg		{ width : 310px; position : absolute; margin-top : -240px; margin-left : 335px; z-index : 0; color : #cc0000; }
body.popup #upload-close	{ width : 110px; margin-left : 94px; }


/* General classes. */

.alert				{ color : #cc0000; }
.required			{ color : #cc0000; }
.copyright			{ color : #999; }

.clear				{ clear : both; float : none; height : 0; }
.inline				{ display : inline; }
.left				{ float : left; }
.grey				{ color : #999; }


/* Hacks that force certain browsers to display the page correctly. */

	/* The following rules are applied to IE Mac only */ /*\*//*/

	#main				{  }

	/* */
	/* The following rules are applied to IE Win only. */ /*\*/

	* html #main			{  }
	
	* html #av-main #nav		{ width : 632px; margin-top : -22px; margin-bottom : -9px; }
	
	* html #upload-instructions	{ margin-top : -546px; }
	* html #upload-message		{ padding-top : 8px; }
	* html #progress-bar		{ margin-top : 0; }

	* html #batch-files .file-checkbox	{ left : 8px; margin : 28px 0 0; }
	* html #batch #upload-message		{ margin : -30px 0 0 124px; }
	
	* html #library-table.public dl		{ width : 258px; }
	* html #library-table #pagerForm	{ height : 39px; }
	* html #library-table div.icon		{ margin-bottom : 6px; }
	* html #library-table div.icon span     { margin-top : 27px; margin-left : -40px; }
	* html #gallery-table div.icon span	{ margin-top : 29px; margin-left : -40px; }
	* html #viewer-table div.icon span	{ margin-top : 27px; margin-left : -40px; }
	
	* html #av-main #nav li a              { height : 24px; }

	* html #mm-print-links                 { width : 180px; margin-top : -22px; }

	* html #library-table dd div.control		{ border-bottom : 0; }

	* html #library-table dl.image div.thumbnail		{ margin-left : 130px; }
	* html #library-table.public dl.image div.thumbnail	{ margin-left : 166px; margin-top : -16px; }

	* html #new-gallery-table		{ width : 440px; margin-left : 2px; }
	* html #new-gallery-table dl,
	* html #new-gallery-table dl.image     	{ width : 211px; }

	* html #new-gallery-table div.icon span	{ margin-top : 27px; margin-left : -40px; }

	* html #library-table dl.gallery dd div.control #gallery-edit-button	{ margin-left : 2px; margin-top : -2px; }
	* html #library-table dl.gallery dd div.control #gallery-delete-button	{ margin-left : 44px; margin-top : -2px; }

	* html #viewer-table dl,
	* html #viewer-table dl.image	{ height : 75px; }

	* html body.popup #av-main.upload p				{ margin-top : -10px; }	
	* html body.popup #upload-instructions 				{ margin-top : -400px; }
	* html body.popup #av-main.upload #success-msg p,
	* html body.popup #av-main.upload #upload-instructions p	{ margin-top : 12px; }
	* html body.popup #av-main.upload #success-msg			{ z-index : -100; }
	* html body.popup #av-main.upload #upload-message		{ margin-top : 0; }
	* html body.popup #av-main.upload #upload-message h3		{ font-size : 14px; }
	/* */