﻿
a, a:active, a:visited 
{
    color:#136cbc;
    text-decoration:underline;
} 

div#containerInner
{
    position:relative;
    width: 100%;
    
    margin-left: auto;
    margin-right: auto;
        
}

.header{

    width:100%;
    height:75px;
    margin-top:20px;
    margin-bottom:20px;
}

.logo{
    float:left;
    min-width:325px;
    width:25%;
}

.vdelimiter{
    clear:both; 
    height:10px;
}

.slogan
{
     font-size:20px;
     margin-left:25%;
}

div#content {

    width:100%;
    float:left;
}

/*  ============================================  */

.divPathbar
{

    width:100%;
    float:left;
    margin-top:50px;
    color:gray;
    
}

.divPathbar a
{
  color:gray;
}

.divInfo
{

    clear:both;
    float:left;
    width:100%;
    margin-top:15px;
    
}

.div_title
{
    clear:both;
    float:left;
    width:100%;
    margin-bottom:10px;
}

.content{
    
    width:100%;
    margin-top:30px;
    margin-bottom:20px;
    min-height:530px;

}

#divIntro
{
    position:relative;
    z-index:0;
    width:40%;  
    float:right; 
    font-size:1.2em;
    color:#72706e;
}

/*  =============================================== */

.PageTitle
{
    font-size:1.9em;
    color:#626a70;
    font-weight:bold;
    float:left;
} 

.PageAreaTitle
{
   font-size:1.4em;
   font-weight:bold;
   color:#626a70;
} 

.ImageInfoLocation{
    font-weight:bold;
    clear:both;
    margin-bottom:2px;
}

.ImageInfoDate{
    font-weight:bold;
    clear:both;
    margin-bottom:20px;
}

.ImageInfoComments{
    clear:both;
    margin-top:20px;
    margin-bottom:20px;
}

.ImageInfoCopyright{
    clear:both;
}

.HeaderRegister{

    color:green;
    font-weight:bold;
    
}

.PictureDetailsHeader
{
    float:left;
    border:solid 1px #6e757a; 
    width:100%; 
    margin-bottom:1px; 
    background-color:#cbe68c; 
    font-weight:bold;
    max-width:300px;
    clear:both;

}

.PictureDetails
{
    float:left;
    border:solid 1px #6e757a; 
    width:100%; 
    margin-bottom:20px;
    background:white;
    max-width:300px;
    clear:both;
}

.divPreview {
	float: left;
	position: relative;
	width: 160px;
	height: 143px;
	border: 1px solid gray;
	background-repeat: no-repeat;
}

.divPreview a {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0;
	line-height: 22px;
	display: block;
	text-align: center;
	border-top:solid 1px gray;
}

/*===========================================================================================================================================================================*/
DIV.thumbslist DIV.thumb DIV {BACKGROUND: #ffffff; MARGIN: 0px 0px 5px 0px; BORDER: #93a6ac 1px solid; text-align:center;}
DIV.thumbslist DIV.section DIV {BACKGROUND: #ffffff; MARGIN: 0px 0px 5px 0px; BORDER: #93a6ac 3px solid;height:116px; text-align:center;}
DIV.thumbslist DIV.cardThumb DIV {BACKGROUND: #ffffff; MARGIN: 0px 0px 5px 0px;}

DIV.thumbslist DIV.thumbmedium DIV {BACKGROUND: #ffffff; MARGIN: 0px 0px 5px 0px; BORDER: #93a6ac 1px solid; text-align:center;}
DIV.thumbslist DIV.sectionmedium DIV {BACKGROUND: #ffffff; MARGIN: 0px 0px 5px 0px; BORDER: #93a6ac 3px solid;height:106px; text-align:center;}
DIV.thumbslist DIV.albummedium DIV {BACKGROUND: #ffffff; MARGIN: 0px 0px 5px 0px; BORDER: #93a6ac 1px solid; width:146px; height:110px; text-align:center;}

DIV.thumbslist DIV.thumbsmall DIV {BACKGROUND: #ffffff; MARGIN: 0px 0px 5px 0px; BORDER: #93a6ac 1px solid; text-align:center;}
DIV.thumbslist DIV.sectionsmall DIV {BACKGROUND: #ffffff; MARGIN: 0px 0px 5px 0px; BORDER: #93a6ac 2px solid;height:68px; text-align:center;}
DIV.thumbslist DIV.albumsmall DIV {BACKGROUND: #ffffff; MARGIN: 0px 0px 5px 0px; BORDER: #93a6ac 1px solid; width:93px; height:70px; text-align:center;}
/*===========================================================================================================================================================================*/

.PageActionCurrent{
 font-weight:bold;
 color:green;
 margin-right:10px;
}

.PageObjectName{
 font-weight:bold;
 height:1.2em;
}

.PageAction{
 font-weight:bold;
 color:#78ac07;
 margin-right:10px;
}

/* Pager =============================================== */

.PagerItem
{
    cursor:pointer;
    background-color:#cee699;
    border:solid 1px #9ace28;
    white-space: nowrap;
    padding-left:3px;
    padding-right:3px;
    padding-top:2px;
    padding-bottom:2px;
    float:left;
    margin-right:3px;
    
}

.PagerItemHoverOver
{
    cursor:pointer;
    background-color:#aeda4c;
    border:solid 1px #9ace28;
    white-space: nowrap;
    padding-left:3px;
    padding-right:3px;
    padding-top:2px;
    padding-bottom:2px;
    float:left;
    margin-right:3px;
    
}

.PagerItemSelected
{
    cursor:pointer;
    background-color:#6b9808;
    border:solid 1px #75a311;
    white-space: nowrap;
    padding-left:3px;
    padding-right:3px;
    padding-top:2px;
    padding-bottom:2px;
    float:left;
    margin-right:3px;
    
}


DIV.thumbslist DIV.album1 {FLOAT: left; MARGIN: 0px 30px 30px 0px; height:134px; width:172px;}
DIV.thumbslist DIV.album1 .divThumbTop{background:url(http://img.static.cetrine.net/galleries/thumbFrames/1/T.png) top no-repeat;}
DIV.thumbslist DIV.album1 .divThumbRight{background:url(http://img.static.cetrine.net/galleries/thumbFrames/1/R.png) 167px 5px no-repeat;height:132px;}
DIV.thumbslist DIV.album1 .divThumbBottom{background:url(http://img.static.cetrine.net/galleries/thumbFrames/1/B.png) bottom no-repeat;height:132px;}
DIV.thumbslist DIV.album1 .divThumbLeft{background:url(http://img.static.cetrine.net/galleries/thumbFrames/1/L.png) 0px 5px no-repeat;height:132px;}

DIV.thumbslist DIV.album1 .inner {top:5px;left:5px; position:relative;}
DIV.thumbslist DIV.album1 IMG {width:160px; height:120px; cursor:pointer;BORDER: #93a6ac 1px solid;}
DIV.thumbslist DIV.album1 P {width:160px;left:5px;position:relative;top:-10px;}
/*  ============================================  */
DIV.thumbslist DIV.album2 {FLOAT: left; MARGIN: 0px 30px 30px 0px; height:134px; width:172px;}
DIV.thumbslist DIV.album2 .divThumbTop{background:url(http://img.static.cetrine.net/galleries/thumbFrames/2/T.png) top no-repeat;}
DIV.thumbslist DIV.album2 .divThumbRight{background:url(http://img.static.cetrine.net/galleries/thumbFrames/2/R.png) 167px 5px no-repeat;height:132px;}
DIV.thumbslist DIV.album2 .divThumbBottom{background:url(http://img.static.cetrine.net/galleries/thumbFrames/2/B.png) bottom no-repeat;height:132px;}
DIV.thumbslist DIV.album2 .divThumbLeft{background:url(http://img.static.cetrine.net/galleries/thumbFrames/2/L.png) 0px 5px no-repeat;height:132px;}

DIV.thumbslist DIV.album2 .inner {top:5px;left:5px; position:relative;}
DIV.thumbslist DIV.album2 IMG {width:160px; height:120px; cursor:pointer;BORDER: #93a6ac 1px solid;}
DIV.thumbslist DIV.album2 P {width:160px;left:5px;position:relative;top:-10px;}
/*  ============================================  */
DIV.thumbslist DIV.album3 {FLOAT: left; MARGIN: 0px 30px 30px 0px; height:134px; width:172px;}
DIV.thumbslist DIV.album3 .divThumbTop{background:url(http://img.static.cetrine.net/galleries/thumbFrames/3/T.png) top no-repeat;}
DIV.thumbslist DIV.album3 .divThumbRight{background:url(http://img.static.cetrine.net/galleries/thumbFrames/3/R.png) 167px 5px no-repeat;height:132px;}
DIV.thumbslist DIV.album3 .divThumbBottom{background:url(http://img.static.cetrine.net/galleries/thumbFrames/3/B.png) bottom no-repeat;height:132px;}
DIV.thumbslist DIV.album3 .divThumbLeft{background:url(http://img.static.cetrine.net/galleries/thumbFrames/3/L.png) 0px 5px no-repeat;height:132px;}

DIV.thumbslist DIV.album3 .inner {top:5px;left:5px; position:relative;}
DIV.thumbslist DIV.album3 IMG {width:160px; height:120px; cursor:pointer;BORDER: #93a6ac 1px solid;}
DIV.thumbslist DIV.album3 P {width:160px;left:5px;position:relative;top:-10px;}
/*  ============================================  */
DIV.thumbslist DIV.album4 {FLOAT: left; MARGIN: 0px 30px 30px 0px; height:134px; width:172px;}
DIV.thumbslist DIV.album4 .divThumbTop{background:url(http://img.static.cetrine.net/galleries/thumbFrames/4/T.png) top no-repeat;}
DIV.thumbslist DIV.album4 .divThumbRight{background:url(http://img.static.cetrine.net/galleries/thumbFrames/4/R.png) 167px 5px no-repeat;height:132px;}
DIV.thumbslist DIV.album4 .divThumbBottom{background:url(http://img.static.cetrine.net/galleries/thumbFrames/4/B.png) bottom no-repeat;height:132px;}
DIV.thumbslist DIV.album4 .divThumbLeft{background:url(http://img.static.cetrine.net/galleries/thumbFrames/4/L.png) 0px 5px no-repeat;height:132px;}

DIV.thumbslist DIV.album4 .inner {top:5px;left:5px; position:relative;}
DIV.thumbslist DIV.album4 IMG {width:160px; height:120px; cursor:pointer;BORDER: #93a6ac 1px solid;}
DIV.thumbslist DIV.album4 P {width:160px;left:5px;position:relative;top:-10px;}
.sectionList a
{
    font-weight:bold;
    color:Green;
}

.sectionList .date
{
    color:gray;
}

.albumList a
{
    font-weight:bold;
    color:#0066CC;
}

.albumList .date
{
    color:gray;
}


/* ============================================================================================= */

#pager
{
    clear:both; 
    margin-top:20px; 
    float:left; 
    width:100%;
    margin-bottom:50px;

}

.PagerRow
{
     float:left;
     clear:both;
     margin-top:4px;

}

/* Image upload popup =============================================== */

.divPreview {
	float: left;
	position: relative;
	width: 160px;
	height: 143px;
	border: 1px solid gray;
	background-repeat: no-repeat;
}

.divPreview a {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0;
	line-height: 22px;
	display: block;
	text-align: center;
	border-top:solid 1px gray;
}

/* System =============================================== */

.ProgressAlert
{
    position:absolute; 
    width:150px; 
    height:50px; 
    left:50%; 
    top:50%; 
    margin-top:-8%; 
    margin-left:-75px; 
    z-index:9999; 
    background-color:White; 
    border:1px solid gray; 
}

.LoadingMessage
{
    position:absolute; 
    width:150px; 
    height:50px; 
    left:50%; 
    top:50%; 
    margin-top:-8%; 
    margin-left:-75px; 
    z-index:9999; 
    background-color:White; 
    border:1px solid gray; 
}

/* ============================================================================================= */

.ToolBar
{
    height:25px;
    margin-bottom:20px;
    background-color:#6596d1;
    width:100%;
    float:left;
}

.ToolBar .inner
{
    padding:4px 10px 0 7px;
    float:left;
}

.ToolBar a{

    margin-right:10px;
    color:White;
    font-weight:bold;
    
}

/* ============================================================================================= */

.pictureDetailsPanel
{
 
    clear:both;
    width:100%; 
    min-width:400px;
}


.PageTitleCenter
{
    font-size:1.9em;
    font-weight:bold;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
    clear:both;

} 

.PictureDetailsPanel
{
    
    float:left; 
    margin-top:20px; 
    clear:left; 
    width:100%;
    
}

.camera .view
{
     font-weight:bold;
     color:Green;
     clear:left;
     float:left;
     margin-top:2px   
}

.camera .buy
{
     font-weight:bold;
     color:orange;
     float:right;
     margin-top:2px   
}


/* ============================================================================================= */

#meerkat-container {
	position: relative;
}

#meerkat {
	width: 100%;
	display: none;
}

#meerkat-content {
	width: 100%;
	margin: 0 auto;
	padding-top: 10px;
}

#meerkat-content h1{
	color: #FFF;
	font-size: 3.8em;
}

#meerkat-content p{
	color: #FFF;
	font-size: 1.2em;
}

#meerkat-content a.dont-show{
	color: #FFF;
	font-weight: bold;
}

#meerkat-content a.dont-show:hover {
	color: #FFF;
	text-decoration: none;
}

#meerkat-content-adsense {
	width: 730px;
	margin: 0 auto;
	padding-top: 10px;
}

a.close {
	position: absolute;
	top: 7px;
	right: 3px;
	background: url(http://jarodtaylor.com/meerkat/images/close-btn.png) no-repeat 0 0;
	display: block;
	height: 26px;
	width: 26px;
	text-indent: -9000px;
}

a.close-meerkat {
	position: absolute;
	top: 5px;
	right: 3px;
	background: #FFF;
	border: 2px solid #FFF;
	text-decoration: none;
	padding: 0px 4px 1px 5px;
	font-weight: bold;
	font-size: 1.2em;
	color: #71adb1;
}

a.close-meerkat:hover {
	border: 2px solid #2e2a22;
	color: #2e2a22;
}


.tabPanel
{
 border:solid 1px gray !important;   
}


/* ============================================================================================= */

.navigationbar
{
    background-color:#cccccc;
    height:26px; 
    width:100%;
    float:left;
    clear:both;
    
}

.navigationbar .panel
{
 
    width: 94%;
    
    margin-left: auto;
    margin-right: auto;
    margin-top:4px;
    
}

.navigationbar .panel a
{
}

.divAccount
{
 float:right;   
}

.frmLabel
{
    clear:both;
    margin-top:20px;
}

.frmValue
{
    clear:both; 
    margin-top:2px;
    font-size:18px;
}

.btnRemove
{
 color:red;   
}

.EditProfile
{
     font-weight:bold;
     font-size:16px;
}


.divGalleryList
{
  clear:both; 
  width:100%; 
  float:left;  
}

.divSection
{
    float:left;
    width:100%;
    margin-bottom:20px;  
}

.divSectionHeader
{
     float:left; 
     font-size:20px; 
     height:24px; 
     font-weight:bold;   
}

.divSectionEdit
{
    float:right; 
    height:24px; 
    margin-top:5px;
}

.divSeparator
{
    clear:both; 
    width:100%; 
    border-top:solid 1px grey; 
    margin-bottom:20px;  
}

.divSectionDescription
{
    clear:both; 
    width:100%; 
    margin-bottom:20px;  
}

.GalleryCover
{
  height:450px;  
  width:100%;
  background-color:#e2e2e2; 
  position:relative; 
  overflow:hidden; 
  max-height:600px;
}

.tool
{
    font-weight:bold;
    color:Orange !important;
    
}
