form, body, html {
    padding: 0;
    margin: 0;
	font-family:Arial,Georgia,"Times New Roman",Times,serif;
	font-size:13px;
	line-height:140%;	
	color:#555;
} 


body {
	background:url('images/background.png') repeat-x;
}


h1, h2, h3, h4, h5 {
    padding: 0;
    margin: 0;
	margin-bottom:4px;
} 

h1 {
	font-size:24px;
	font-weight:normal;
	letter-spacing:-1px;
	color:#000;
} 

h2 {
	font-size:14px;
	
} 

h3 {
	font-size:small;
	font-weight:bold;
	
} 

form {display:inline;}



td {
	font-size:9pt;

}

.title {
	padding:6px;
	margin-top:20px;
	background:#D4D9CF;
	position:relative;
	margin-bottom:5px;
	font-size:1.4em;
	color:#555;
	margin-bottom:10px;
}



a {
	color:#00769D;
	text-decoration:none;
	cursor:pointer;
}

a:visited {
	text-decoration:none;
}

a:hover {
	color:#FF8040;
}

.albumname {
	font-weight:bold;
	font-size:15px;
}

:focus
{
-moz-outline-style: none;
}

#wrap {
	margin: 0px auto;
	width: 1100px;
	position:relative;
	text-align:center;
}

#inner-wrap {
	text-align:left;
}

#header {
	height:74px;
	position:relative;
	text-align:left;
}

#logo {
	padding-top:10px;
}

#loginbox {
}

#content {
	padding-top:0px;
	width:100%;
	text-align:left;
}



#footer {
	margin:0 auto;
	position:relative;
	border-top:1px solid #eee;
	padding-top:20px;
	padding-bottom:20px;
	margin-top:20px;
	text-align:center;
	width:100%;
}

#result {
	color:#7A1BF1;
	padding:5px;

}

.alert {
	font-size:12px;
	color:red;
}

.redbox {
	padding:5px;
	border:1px solid red;
	background:#fff;
	margin-bottom:20px;
}


/* Button */
#navlinks {position:absolute;right:20px;top:35px;height:25px;}
#navlinks ul, #navlinks li {list-style:none;height:25px;}
#navlinks li {float:left;display:block;padding-right:30px;height:25px;}
#navlinks a, #navlinks a:visited {color:#fff;height:25px;font-size:large;}
#navlinks a:hover  {color:#AEEC30}

/* SPIFFY CORNERS */
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#EBEBEB}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f6f6f6;
  border-right:1px solid #f6f6f6;
  background:#f0f0f0}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#eeeeee}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #eeeeee;
  border-right:1px solid #eeeeee;}
.spiffy4{
  border-left:1px solid #f6f6f6;
  border-right:1px solid #f6f6f6}
.spiffy5{
  border-left:1px solid #f0f0f0;
  border-right:1px solid #f0f0f0}
.spiffyfg{
  background:#EBEBEB}

/* OTHERS */


.buttons {
	font-size:12px;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	margin:0;
	margin-top:4px;
}

.buttons a {
	font-size:12px;
	border:1px solid #273e6a;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	margin:0;
	margin-top:4px;
}

.buttons a:hover {
	text-decoration:none;
	background:#A3FF46;
}

/* MOUSE OVER IMAGE */

html, body {
	border: 0;
}

.smallphoto {
	position:relative;
	overflow:hidden;
	width:80px;
	height:70px;
	float:left;
	z-index:1;
	padding:1px;
}

.box {
	border:1px solid #ccc;
	padding:10px;
	padding:relative;
	margin-bottom:10px;
	float:left;
	width:282px;
	margin-right:15px;
	height:100%;
}

.box .description {
	font-size:12px;
	font-family:arial;
}

.box2 {
	border:1px solid #ccc;
	background:#eee;
	margin-top:20px;
	padding:10px;
	padding:relative;
	margin-bottom:10px;
}

#imagebook p a {
position: relative; 
background-color: #aac;
color: #000;
text-decoration: none;
}

#imagebook a span {
display: none;
}

a:hover {font-size: 100%;} /* IE/Win requires some link change on hover in order to show the tooltips */

#imagebook a:hover span { /*the span will display just on :hover state*/
display: block !important;
position: absolute;
top: 0px; 
left: 40px; 
width: 100%;
background-color: #cff; 
color: #000;
padding: 5px;
font-size: .8em;
filter: alpha(opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.70; opacity:0.7;
}

#imagebookcontent {
	position:relative;
}

.changelog {height:22px;}
.close {background:#ccc;;text-decoration:line-through;}



#clear {
	display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
}

#pagination {
	font-size:13px;
	margin-bottom:10px;
	padding-top:6px;
	border-bottom:1px dotted #C0CEAE;
	padding-bottom:10px;
}

.categorylist ul, li {
	list-style:none;
	padding:0;
	margin:0;
}

.categorylist li.selected {
	color:#000;
	font-weight:bold;
}

#breadcrumb {
	font-size:11px;
	margin-top:15px;
	padding-left:2px;
}

/* GALLERY */
.column {width:273px;}

#leftcolumn {
	float:left;
	margin-top:0px;
	width:820px;
}

#rightcolumn {
	float:right;
	margin-right:10px;
	margin-top:10px;
	width:210px;
}

.album {
	float:left;
	margin-bottom:0px;
}


.album img {
	padding:6px;
	background:#fff;
}

.thumbnail span {
	display:none;
}

.icon {
	float:left;
	width:120px;
	margin-bottom:10px;
	clear:left;
	height:100%;
}

.icon .magnify {
	border-left:1px dotted #ccc;
	margin-left:10px;
	padding-left:5px;
}

.thumbnail .thumbnail_image {
}

.shrinkweb img {
	max-width:100px;
}

.details {
	width:90%;
}

.edit_panel {
	cursor:pointer;
}

#content input, .album input, .album textarea, .album select {
	font-family:arial;
	margin-bottom:2px;
	padding:1px;
}

.album select {
	width:200px;
}


input.button_enter {
	font-size:12px;
	border:1px solid #273e6a;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	margin:0;
	margin-top:4px;
}

a {
	text-decoration:none;
	cursor:pointer;
}

a:visited {
	text-decoration:none;
}

a:hover {
	color:#6495ED;
}

.details h2 {
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:0;
	margin:0;
}

.details {
	font-family:arial;
	font-size:11px;
}

:focus
{
-moz-outline-style: none;
}

.title {
	padding:8px;
	background:#D4D9CF;
	position:relative;
	margin-bottom:5px;
	font-size:1.4em;
	color:#555;
	margin-bottom:10px;
}

.buttons {
	background:#D4D9CF;
	margin-bottom:10px;
	padding:5px;
	padding-left:10px;
}

.buttons a {
	margin-right:10px;
	color:#000;
	border:1px solid #555;
	padding:0px;
	padding-left:10px;
	padding-right:10px;
	font-size:.9em;
	background:#EDF1E8;
}

.buttons a:hover {
	text-decoration:none;
	background:#A3FF46;
}

.label {
	width:100px;
	float:left;
}

.leftborder {
	margin-left:10px;
	padding-left:10px;
}


.boxborder {
	padding:10px;
	border:1px solid #ccc;
}

.box_form {
	background:#FFFFFF;
	border:5px solid #D4D9CF;
	padding:15px;
	margin-bottom:10px;
	margin:30px;
}


#result {
	font-size:13px;
	font-weight:bold;
	color:#7A1BF1;
	text-align:center;
	margin:0 auto;
}

.alert {
	font-size:12px;
	color:red;
}

.redbox {
	padding:5px;
	border:1px solid red;
	background:#fff;
	margin-bottom:20px;
}

/* buttons */
ul.blue {
	padding: 0px;
	margin: 0px 0;
	list-style: none;
	border-bottom: 1px solid #e7e7e7;
	float: left;
	clear: left;
}

ul.blue li {
	float: left;
	margin-bottom:7px;
}

ul.blue li a {
	float: left;
	text-decoration: none;
	color: #ccc;
	padding: 4px 10px 0 0;
	margin-right: 8px;
	font: 13px "Arial", Helvetica, sans-serif;
	font-weight:bold;
}

ul.blue li a span {
	float: left;
	padding-right: 10px;
	display: block;
	margin-top: -4px;
	height: 24px;
}

ul.blue li a:hover, ul.blue li a.current  {
 	color: #0d5f83;
	background: url(images/blue.png) no-repeat top right;
}

ul.blue li a:hover span, ul.blue li a.current span {
	background: url(images/blue.png) no-repeat top left;
}


/* NAV LIST */

#navcontainer {
padding-top:10px;
}

#navlist
{
padding: 3px 0 3px 10px;
margin-left: 0;
border-bottom: 1px solid #808E71;
font: bold 12px;
line-height:normal;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #808E71;
border-bottom: none;
background: #FFF;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#navlist li a#current
{
background: #EDF1E8;
border-bottom: 1px solid #EDF1E8;
font-weight:bold;
}

/* END */

/* Dropdown menu */

#dropdown {
z-index:999;
margin-top:4px;
float:left;
margin-right:10px;
}
#tier2 li ul li a {z-index:100;text-decoration:none;}
#tier2, #tier2a, .storyMenu, #tier2 li ul, #tier2a li ul {padding:0; margin:0; list-style:none;}
#tier2 li ul, #tier2a li ul { display:none; padding:0; margin:0; position: absolute; top:13px; left:0;}
#tier2 li ul li, #tier2a li ul li {padding:0; margin:0}
#tier2 li, #tier2a li, .storyMenu li {background:#ffffff; position:relative; display: block; padding:0;}
.storyMenu li a, #tier2 li a, #tier2a li a {text-decoration:none;background:#eee; padding:0px; position:relative; display:block; width:50px; border:1px solid #bbb;text-align:center;}
#tier2 li ul li a, #tier2a li ul li a {text-decoration:none;background:#ffffff; padding:2px; position:relative; display:block; width:80px; border-top:0;border-bottom:1px solid #eee; border-left:1px solid #888; border-right:1px solid #888;}
#tier2 li:hover ul, #tier2 li.over ul, #tier2a li:hover ul, #tier2a li.over ul {margin-top:5px;display:block;color:red;}
ul#secondlayera {padding-top:20px;border-top:1px solid #888;border-bottom:1px solid #888;z-index:99;}
#secondlayera li a {text-align:left;}
#tier2 li ul li a:hover, #tier2a li ul li a:hover {color:#000;background:#99FF99;}
#tier2 li  a {color:#aaa;}
#tier2 li  a:hover {color:#000;}

/* Fix IE. Hide from IE Mac \*/
* html .storyMenu li{ float: left; height:1%; }
* html .storyMenu li a { height: 1%; }
* html #tier2 li, * html #tier2a li { float: left; height:1%; }
* html #tier2 li a, * html #tier2a li a { height: 1%; }
* html #tier2 ul li, * html #tier2a ul li { float: left; height:1%; }
* html #tier2 ul li a, * html #tier2a ul li a { height: 1%; }

/* End */


.editdiv {
	position:absolute;
	width:400px;
	background:#E4EFE9;
	padding:20px;
	border:3px solid #ABD0BC;
	z-index:999;
}

.editdiv  * {
	font-size:11px;
}

.error {
	padding:4px;
	border:1px solid red;
}

.alert {
	padding:4px;
	border:1px solid red;
}

.introparagraph {
	font-size:small;
}

.captcha strong {
	color:#EF34CA;
	font-size:16px;
}

.required {
	color:#EF34CA;
}

/* COMMON STUFF */
.floatright {float:right;}
.floatleft {float:left;}
.bold {font-weight:bold;}
.indent { text-indent: 14pt }
.padding10 {padding:10px;}
.paddingtop20 {padding-top:20px;}
.bordertop {padding-top:10px;margin-top:10px;border-top:1px dotted #ccc;}
.dottedline {border-bottom: 1px dotted black; margin-bottom: 10px; padding-bottom: 20px;}
.center {text-align:center;}
.columnbreak {clear:both;border-bottom:1px solid #ccc;margin-bottom:15px;}
.smallfont {font-size:xx-small;color:#777;}
.border img {border:1px solid #ccc;padding:5px;}