/* A3 IT Solutions */
/* Initial Build: INITIAL HERE DATE HERE */
/* Revisions:
   INITIAL HERE DATE HERE
*/

/* Photo Gallery Container */
#PhotoGallery{
  
}

/* Photo Gallery Landing Page Styles */
/* Album Help Text */
#PhotoGallery .albums .help{
  
 } 
 
/* Div Containing Top Level Album Information */
#PhotoGallery .albums .content div.album{
  width:125px; 
  min-height:125px; 
  height:auto !important; 
  height:150px; 
  border:1px solid #000000; 
  padding:10px; 
  margin:5px 5px 0 0;
  float:left;
 } 

/* Album Header */
#PhotoGallery .albums .content div.album .header{
  text-align:center;
}

/* Album Thumbnail */
#PhotoGallery .albums .content div.album .thumb{
  text-align:center; 
  padding:3px 0 3px 0;
}

#PhotoGallery .albums .content div.album .thumb img{
  border:0px;
}

/* Album Summary */
#PhotoGallery .albums .content div.album .summmary{
  
}

/* Row Separator */
#PhotoGallery .albums .content div.separator{
  clear:both;
}

/* Photo Gallery Display Styles */
/* Album Description */
#PhotoGallery .description{
  
}

/* Image Container */
#PhotoGallery .gallery{
  
}

/* Image Help Text */
#PhotoGallery .gallery .help{
  padding:5px 0 5px 0;
}

/* Image Container (With Vertical Aligning) */
/* BE CAREFUL WHEN EDITING */
#PhotoGallery .gallery .content div.image{
  width:100px; 
  height:100px; 
  padding:8px 10px 12px 10px; 
  margin:5px 5px 0 0; 
  border:1px solid #000000; 
  float:left; 
  display:table-cell; 
  vertical-align:middle;
  text-align:center;
} 

/* Used In Vertical Alignment */
/* BE CAREFUL WHEN EDITING */
#PhotoGallery .gallery .content div.image *{
  vertical-align:middle;
} 

/* Used In Vertical Alignment */
/* BE CAREFUL WHEN EDITING */
#PhotoGallery .gallery .content div.image span{
  display:inline-block; 
  height:100%;
} 

#PhotoGallery .gallery .content div.image img{
  border:0px; 
} 

/* Image Separator */
#PhotoGallery .gallery .content div.separator{
   
}

/* Featured Gallery Styles */
#FeaturedPhotoGallery{
  width:120px;
  padding:20px;
}

#FeaturedPhotoGallery .header{
  padding:5px 0 5px 0;
}

#FeaturedPhotoGallery .header h2{
  text-align:center;
}

#FeaturedPhotoGallery .content{
  text-align:center;
}

#FeaturedPhotoGallery .content .image{
  
}

#FeaturedPhotoGallery .content .album{
  padding:5px 0 5px 0;
}

#FeaturedPhotoGallery .content .summary{
  
}

/*ceebox*/
/* CeeBox CSS Document */
/* Minor change made for 2.0.6 */
/* Works with 2.0.4 and up */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for ceebox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
html,body{height:100%;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> ceebox specific background images <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#cee_closeBtn 		{ background-image: url(images/gallery/cee-close-btn.png); }
#cee_next 			{ background-image: url(images/gallery/cee-next-btn.png); }
#cee_prev 			{ background-image: url(images/gallery/cee-prev-btn.png); }
* html #cee_next 	{ background-image: url(images/gallery/cee-next-btn.gif); } /* IE6 hack */
* html #cee_prev 	{ background-image: url(images/gallery/cee-prev-btn.gif); } /* IE6 hack */
#cee_load 			{ background-image: url(images/gallery/loader.gif);}
/* ceebox border width controled as option in jquery.ceebox.js */
/* colors for ceebox background and border can also be set as option in jquery.ceebox.js  */
#cee_box			{background-color: #fff;border-color:#525252;border-style: solid; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> ceebox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#cee_box {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #fff;
}

#cee_count {
	font: 10px Arial, Helvetica, sans-serif;
	-moz-opacity: 0.8;
	opacity: 0.8;/* opacity used to reduce contrast of font color so that any main color will work */
	clear:left;
	float:left;
	padding: 2px 0 4px;
}
.cee_html #cee_title h2 {float:left;}
.cee_html #cee_count {clear:none;padding-left:5px;}
* html #cee_count { /* ie6 hack */
	zoom:1;
	padding-bottom:6px;
}
#cee_next,#cee_prev{
	height:100%;
	width: 49%;
	text-indent:-10000px;
	text-decoration:none;
	visibility:visible;
	background-repeat:no-repeat;
}

#cee_box a {border:0;outline:none}
#cee_box a:link {color: #666;}
#cee_box a:visited {color: #666;}
#cee_box a:hover {color: #000;}
#cee_box a:active {color: #666;}
#cee_box a:focus{color: #666;}
#cee_closeBtn {
	background-repeat: no-repeat;
	display:box;
	width:24px;
	height:23px;
	position:absolute;
	text-indent:-10000px;
}
/* Next up a bunch of ugly ass css hacks to fix the fact that IE cuts off the close button when it floats negative. 
Yeah "thou shalt not hack the css" ...so sue me it's better than handling it in the javascript */ 
#cee_closeBtn {top:-3px;right:-3px;} /* base value only here for IE8 */
#cee_closeBtn, #ie8#hack {top:-10px;right:-10px;} /* All browsers except IE8 see this; IE8 keeps using the */
*:first-child+html #cee_closeBtn{top:-3px;right:-3px;} /* only IE7 sees this*/ 
* html #cee_closeBtn{top:-3px;right:-3px;} /*only IE 6 sees this*/

#cee_closeBtn:hover {
	background-position: 0px -23px;
	}
	
.cee_close {cursor:pointer}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> ceebox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#cee_box {
	text-align:left;
	color:#000;
}

#cee_box img#cee_img, #cee_vid,#cee_iframeContent,#cee_ajax {
	display:block;
	margin: 15px 15px 0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#cee_downloadlink {
	padding:4px 15px 0 15px;
	overflow:hidden;
}

#cee_downloadlink a{
	color:#000000;
	font-size:10px;
}

#cee_title {
	padding:7px 15px 5px 15px;
	overflow:hidden;
}
.cee_html #cee_title{
	background-color:#e8e8e8;
	height:18px;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
}
#cee_title h2 {
	font-size:1em;
	font-weight:400;
	margin:0 0 1px;
}

#cee_ajax{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#cee_load{
	display:none;
	height:50px;
	width:50px;
	margin: -25px 0 0 -25px; /* -height/2 0 0 -width/2 */
	background-position: center center;
	background-repeat:no-repeat;
}

#cee_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #cee_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#cee_iframe{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
}