html { padding: 0; margin: 0;}
body { background: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 0px; margin: 0px; color:#2d3c43;}

a:link { text-decoration: none; color : #000; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #000; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #000; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #050505; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}

h1, h2, h3, h4 { font-family: "Trebuchet MS";}
img { padding: 0px; margin: 0px; border: none; text-align: center;}
.BGC { width: 1200px; margin: 0 auto;  position: relative }

/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/**/ * html .Header { height: 314px;} /* */ 
.Header { float: right; text-align: left; clear: both; padding: 0px; height: 200px; width: 1200px; margin: 0 auto; }
.Header h1 { padding: 0; margin: 24px 0 0 10px; font-size: 24px; font-weight: bold; padding-left: 10px;}
.Header h1 a { color:#000; text-decoration: none; }
.Header h1 a:visited { color:#000; text-decoration: none; }
.Header h1 a:hover { color:#000; text-decoration: none; }
.Header .Desc { color:#2d3c43;; font-size: 14px; line-height: 14px; font-weight: bold; font-family: 'Arial'; padding: 0px; padding-left: 10px; margin: 0px 0 0 10px; }

/* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Menu { position: absolute; top: 144px; left: 270px; padding: 0 10px 0 10px; font-weight: bold; }
.Menu em { display: none}
.Menu ul { list-style: none; margin: 0; padding: 0 }
.Menu ul li ul { display: none; margin: 0; padding: 0 }
.Menu li { padding: 0px; margin: 0px; display: inline; font-size: 11px;}
.Menu a { padding: 0px; margin: 0px; float: left;}
.Menu a span { padding: 6px 9px 10px 0px; display: block; float: right; }
.Menu a span { float: none; color: #000033;}
.Menu a:hover { color:#CC6600; text-decoration: none;}
.Menu a:hover span { color: #CC6600;}
.Menu .on { color:#013968; }
.Menu .on span { color:#013968; }

/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Footer { text-align: center; margin: 0 auto; width: 1200px; background: #ffffff url(img/footer_bg.gif) no-repeat right top; clear: both; position: relative; padding: 20px 1px 10px 0px;}
.Footer p { font-size: 10px; color:#000; padding: 0px; margin: 0px; }
.Footer a { color:#000; text-decoration: underline;}


div.content {  
	width: 1200px;
	margin: 0 auto;
	position: absolute;
	top: 200px;
	background: url(img/body_bg.gif) repeat-y top center;
}

/* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/**/ * html .SC { width: 595px; margin: 0px 30px 0px 0px;} /**/
.SC { width: 875px; float: Right; margin: 0px 40px 0 0px; position: relative;}
.SC h2 { font-weight: normal;}
.pagetitle { font-size: 20px; font-weight: normal; letter-spacing: -1px; border-bottom: solid 1px #000; padding-bottom: 15px;}

/* Side Bar ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/**/ * html .SRL { margin: -20px 0px 0px 40px;} /**/
div.sidebar { 
	position: relative; 
	margin: -20px 0px 0px 24px; 
	float: left; 
	width: 200px;
}

div.sidebar:hover {
}

h2.sidebar { 
	width: 184px;
	margin: 0px;
	margin-left: 3px;
	margin-top: -1px;
	padding: 2px 2px 2px 12px;
	color: #fff;
	border:1px #151515 solid;
	background:url(img/sb_title_bg.gif) repeat-x top center;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
/* .sidebar h3 { color: #000000; padding: 2px 0px 4px 0px; margin: 0px}
.sidebar li { 	list-style:none; padding: 0px;}
.sidebar li a { color:#2d3c43; font-size: 12px; }
.sidebar li a:visited { color:#2d3c43; text-decoration: none; }
.sidebar li a:hover { color:#2d3c43; text-decoration: underline; }*/

/* Main ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div.main { position: relative; margin: 0px; float: left; width: 900px; left: 45px;}

table.main {
	width: 100%;
	padding: 0px;
	margin-left: 3px;
	border-collapse: collapse;
	border: 1px solid #999999;
	border-top: 0px;
}

td.main_title {
	border: 1px solid black;
	font-weight: bold;
	color: #FFF;
	background-color: #339;
	padding: 2px 4px 2px 4px;
}

td.main_right, td.main_left, td.main_right_1, td.main_left_1 {
	padding: 2px 4px 2px 4px;
	border: 1px solid #CCCCCC;
}

td.main_right_1, td.main_left_1 {
	background-color: #EEF;
}

a.main_title:link { text-decoration: none; color : #FFF; border: 0px; -moz-outline-style: none;}
a.main_title:active { text-decoration: underline; color : #000; border: 0px; -moz-outline-style: none;}
a.main_title:visited { text-decoration: none; color : #FFF; border: 0px; -moz-outline-style: none;}
a.main_title:hover	{ text-decoration: none; color : #C93; border: 0px; -moz-outline-style: none;} 
a.main_title:focus { outline: none;-moz-outline-style: none;}
	
/* Login ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
form.loginform { width: 200px; padding: 5px 3px; }
input.loginform { font-size:11px; width:140px; height:13px; font-style:italic; color:#999999; font-family:verdana; display:inline; float:left;}
input.loginsubmit{ display:inline; float:right; border: 1px solid #ecf6f8; background-color: #ecf6f8; cursor: pointer; font-weight: bold;}
input.loginsubmit:hover	{ border: 1px solid black; background-color: #dce6e8;} 

/* Tracks ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div.databox {
	border: 1px solid black; 
	background-color: white;
	padding: 3px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-Webkit-Border-Radius: 5px;
	font-Size: 0.8em;
  line-Height: 1.2em; 
  width: 187px;
  overflow: hidden;
  margin-left: 5px;
  margin-top: 2px;
 }
 
 
 table.databox {
   width: 185px;
}
 
 td.title, td.value {
 	background-color: white;
 }
 
 td.value {
 	text-align: right;
 }
 
 select.track_side {
 	width: 185px;
 	font-Size: 0.9em;
 	margin-left: 5px;
 	overflow: hidden;
 }
 
  select.track, input.track, textarea.track {
 	font-Size: 0.9em;
 	margin-left: 5px;
// 	overflow: hidden;
 }
 
 /* Gallery ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
 table.admin_detail {
 	border: 0px solid black;
 	border-collapse: collapse;
 	padding: 0;
 	font-size: 8px;
 }
 
 tr.admin_detail_top {
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-top: 1px solid black;
 }
 
 tr.admin_detail_middle {
  border-left: 1px solid black;
  border-right: 1px solid black;
 }

 tr.admin_detail_bottom {
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
 }
 
 td.admin_detail_name_green, td.admin_detail_name_red {
 	font-size: 10px;
 	vertical-align: top;
 	font-weight: bold;
 }
 
 td.admin_detail_date_green, td.admin_detail_date_red {
 	vertical-align: top;
 }

 td.admin_detail_cell_green, td.admin_detail_name_green, td.admin_detail_date_green, td.admin_detail_cell_red, td.admin_detail_name_red, td.admin_detail_date_red
 {
 	padding-left: 5px;
 	padding-right: 10px;
 	cursor: help;
 }

 td.admin_detail_cell_green, td.admin_detail_name_green, td.admin_detail_date_green {
 	background-color: #CCFFCC;
 }
 
 td.admin_detail_cell_red, td.admin_detail_name_red, td.admin_detail_date_red {
 	background-color: #FFCCCC;
 } 
 
 td.admin_detail_import {
 	vertical-align: top;
 	padding-left: 20px;
 }
 
.thumbnail{
	width: 100px;
	overflow: hidden;
	padding: 3px 3px 1px 3px;
	background-color: #CCC;
	border: 1px solid #AAA;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 8px;
	}
	
div.thumb_datetime {
		margin-top: 2px;
		overflow: hidden;
		white-space: nowrap;
}

span.caption_gps {
	font-weight: normal;
}

a.caption {
	color: #330;
}

div.highslide-overlay {
	display: none;
}

div.caption-overlay {
	display: none;
	background: white;
	color: black;
	margin: 0px;
	padding: 5px
}

div.map-overlay {
	border: 1px solid black;
}

table.caption {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

td.caption_location {
	font-weight: bold;
}

td.caption_date, td.caption_author {
	text-align: right;
}

td.caption_gps {
	font-size: 10px;	
}

td.caption_camera {
	font-size: 9px;
	font-style:	italic;
}

select.gallery, input.gallery, textarea.gallery, input.gallery_submit {
 	font-Size: 10px;
 	margin-left: 5px;
 	border: 1px solid #999999;
// 	overflow: hidden;
 }
 
input.gallery_submit {
	margin: auto;
}

table.side, table.side_key {
	width: 100%;
	padding: 0px;
	margin-left: 3px;
	border-collapse: collapse;
	border: 1px solid #999999;
	border-top: 0px;
}

table.side_key {
	background-color: #FEE
}

td.side {
	padding: 3px;
}

table.side_inner {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	border: 0px;
}

td.side_title {
	font-weight: bold;
}

td.side_right {
	text-align: right;
}

/* messages +++++++++++++++++++++++++++++++++++++++++++++++++++ */
div.info, div.success, div.warning, div.error, div.validation {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 60px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

div.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('img/msg_info.png');
}
div.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('img/msg_valid_green.png');
}
div.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('img/msg_warning.png');
}
div.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('img/msg_error.png');
}

div.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('img/msg_validation.png');
}

/* New gallery */

/** Gallery slider **/
.ps_slider{
	width:890px;
	height:380px;
	position:relative;
	margin:0px auto 0px auto;
}

/** Album Style **/
.ps_slider .ps_album{
	width:150px;
	height:310px;
	padding:8px;
	background-color:#f0f0f0;
	border:1px solid #999;
	position:absolute;
	top:0px;
	text-align:center;
	cursor:pointer;
	-moz-box-shadow:1px 1px 4px #000;
	box-shadow:1px 1px 4px #000;
}

/** Hover Color **/
.ps_slider .ps_album:hover{
	background-color:#efe;
}

/** Content of album column **/
.ps_slider .ps_album img{
	height: 90px;
	width: 146px;
	border: 1px solid #444;
	-moz-box-shadow:1px 1px 4px #000;
	-webkit-box-shadow:1px 1px 4px #000;
	box-shadow:1px 1px 4px #000;
}
.ps_slider .ps_album .ps_desc{
	display:block;
	color:#333;
	background:#fff url(img/album_overlay.png) no-repeat bottom right;
	height:200px;
	margin-top:10px;
	text-align:left;
	line-height:17px;
	overflow:hidden;
	text-overflow:ellipsis;
	border:1px solid #393939;
	-moz-box-shadow:0px 0px 2px #000 inset;
	-webkit-box-shadow:0px 0px 2px #000 inset;
	box-shadow:0px 0px 2px #000 inset;
}
.ps_slider .ps_album:hover .ps_desc{
	background-image:none;
}
.ps_slider .ps_album .ps_desc span{
	display:block;
	margin:0px 10px 10px 10px;
	border-top:1px solid #333;
	padding-top:5px;
}
.ps_slider .ps_album .ps_desc h2{
	margin:10px 10px 0px 10px;
	text-align:left;
	padding-bottom:5px;
	font-weight:normal;
	color:#999;
	text-shadow:0px 0px 1px #fff;
	border-bottom:1px solid #000;
}

/* Polaroid display */
ul.polaroids { 
	width: 900px; 
	margin: 10px 0 10px -36px; 
}

ul.polaroids li { 
	display: inline; 
}

ul.polaroids a { 
	background: #fff; 
	display: inline; 
	float: left; 
	margin: 0 0 25px 15px; 
	width: auto; 
	padding: 5px 5px; 
	text-align: center; 
	/*font-family: "Marker Felt", sans-serif; */
	text-decoration: none; 
	color: #333; 
	font-size: 8px; 
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); 
	-webkit-transform: rotate(-2deg); 
	-webkit-transition: 
	-webkit-transform .15s linear; 
	-moz-transform: rotate(-2deg); 
}

ul.polaroids img { 
	display: block; 
	width: 150px; 
}

ul.polaroids li:nth-child(even) a { 
	-webkit-transform: rotate(2deg);  
	-moz-transform: rotate(2deg); 
}

ul.polaroids li:nth-child(3n) a { 
	-webkit-transform: none; 
	position: relative; 
	top: -5px;  
	-moz-transform: none; 
}

ul.polaroids li:nth-child(6n) a { 
	-webkit-transform: rotate(5deg); 
	position: relative; 
	right: 5px;  
	-moz-transform: rotate(5deg); 
}

ul.polaroids li:nth-child(8n) a { 
	position: relative; 
	right: 5px; 
	top: 8px; 
}

ul.polaroids li:nth-child(11n) a { 
	position: relative; 
	left: -5px; 
	top: 3px; 
}
		
ul.polaroids li.messy a { 
	margin-top: -375px; 
	margin-left: 160px; 
	-webkit-transform: rotate(-5deg); 
	-moz-transform: rotate(-5deg); 
}

ul.polaroids li a:hover { 
	-webkit-transform: scale(1.33); 
	-moz-transform: scale(1.33); 
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); 
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); 
	position: relative; 
	z-index: 5; 
}

img.side_map {
	border: 1px solid black;
	width: 198px;
	height: 198px;
	margin-left: 3px;
}

