*{margin:1; padding:1;}

body { font:76% Verdana,Tahoma,Arial,sans-serif; line-height:1.4em; text-align:center; color:#303030; background:#9abeff }
ac {color: #f02025;font-weight: bold;text-decoration: none;background-color: inherit;}
a { color:#467aa7; font-weight:bold; text-decoration:none; background-color:inherit; outline: none; }


/* content slider */
ul {list-style: square inside; }
a:hover, a:active {color: white; }
blockquote {padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px;font-family: Georgia, serif; font-style: italic; margin-top: 10px;}
.floatLeft {float: left; margin-right: 10px;}
.floatRight	{float: right; }

#page-wrap {width: 500px; margin: 25px auto; position: relative; min-height: 500px; background: url(images/sample/bg.png) top center; }


.slider-wrap								{ width: 419px; position: absolute; top: 87px; left: 40px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 419px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 419px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(images/sample/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(images/sample/icon-uparrowsmallwhite.png) top center no-repeat; }

/* end */ 

a:hover {color:#2a5a8a; text-decoration:none;}
a img {border:none;}
p form{margin-top:0; margin-bottom:20px;}
td  { padding: 2px }

/* Header and navigation styles */
#container { width:85%; margin-right:auto; margin-left:auto; margin-top:10px;	padding:0px; text-align:left; background:#fff; color:#303030; border: 1px solid #ccc}
#header { height:96px; width:100%; background:#1166FF url(images/up_logo.gif) 0 0 no-repeat; color:#fff; }
#greeting { font-weight: bold; margin: 5px 0 5px 10px }

.nav { border: 1px solid #ff5a00; background-color: #f9e9ca; color: #000; padding: 1px 3px 1px 3px; }
.nav:hover { border: 1px solid #f9e9ca; background-color: #ff5a00; color: #fff !important; }
.navpad { padding: 5px 0; margin: 5px 0; }

/* Content styles */
#content { float:left; width:480px; font-size:0.9em; height: 100% }
#content h2 { display:block; margin:0 0 16px 0; font-size:17px; font-weight:normal; color:#505050; background-color:inherit; }
#content h2 a { font-weight:normal;}
#content h3 {font-size:14px; }
#content h4 {font-size:12px; }
#content a:hover,#subcontent a:hover  {text-decoration:underline;}
#content ul,#content ol {margin:0 5px 16px 35px;}
#content1 {width:778px; margin-right:auto; margin-left:auto; margin-top:auto;	padding:1px; text-align:left; background:#fff; color:#303030; border: 0px solid #ccc}
#content1 h2 { display:block; margin:0 0 16px 0; font-size:17px; font-weight:normal; color:#505050; background-color:inherit; }
#content1 h2 a { font-weight:normal;}
#content1 h3 {font-size:14px; }
#content1 h4 {font-size:12px; }
#content1 a:hover,#subcontent a:hover  {text-decoration:underline;}
#content1 ul,#content ol {margin:0 5px 16px 35px;}

#node img { padding: 5px; border:0 }

h1,h2,h3 { padding: 5px 0; font-variant: small-caps; font-family: georgia, times, serif}
h4.headline { text-decoration: underline; font-size: 1em }
h4.headline span { font-variant: small-caps; color: #f00 }
h4.headline2 { font-size: 0em }
h4.headline2 span { font-variant: small-caps; color: #f00 }
 
#status { position: fixed; padding: 2px; width: 100px; font-size: 10px; display: none; color: #666; font-weight: bold; background-color: #fffcc6; border: 1px solid #ccc }
#response { font-weight: bold }
img.ilus { background-color: #fff;	border: 1px solid #a9a9a9;	margin: 5px 10px 5px 0;	padding: 4px;	text-align: left; }
img.thumb { border: 1px solid #a9a9a9; padding: 2px; text-align: left; } 

#content > .minipopup { position:fixed;bottom:0;left:0;display:none;background-color:#fc0;padding:2px; width: 100% }
.minipopup { position:absolute;bottom:0;left:0;display:none;background-color:#fc0;padding:2px; width: 100% }

.data { border: 1px solid #ccc; width: 100%; margin: 5px 0; }
th { background-color: #bbccff; text-align: center; color: #000; font-weight: bold; }
.topic { background-color: #ccc;  text-align: center; }
.num { text-align: center; }
.even { background-color: #eee; }
.odd  { background-color: #f7f7f7; }
tr.even:hover, .odd:hover { background-color: #fff9cc }

/* banner */

#propartner { height:auto; width:100%; margin:0 1px 1px 1px; background-color: #d0dbe5}
body > #lb { position: fixed; top: 0; left:0; }
body > #rb { position: fixed; top: 0; right:0; }

#lb { position: absolute; top: 0; left:0; }
#rb { position: absolute; top: 0; right:0; }
#lb img, #rb img { margin-bottom: 5px}

.ads { margin: 0 10px }
.conspub  { padding-right: 2px}
.cb {float:left;padding-right:5px; width:100px}


/* Content styles */
#contentup { float:top; width:160px; line-height:1.4em;}
#contentup2 { float:top; width:350px; line-height:1.4em; margin-top:20px;}
#contentdown { float:bottom; width:154px; line-height:1.4em;}
#contentdown2 { float:bottom; width:350px; line-height:1.4em; margin-bottom:15px;}
#contentup h3,#contentdown h3  { display:block; margin:0 5px; font-size:1.4em; font-weight:normal; text-align:left; color:#505050; }
#contentup p,#contentdown p {margin:5px; font-size:0.9em;}
#contentup a,#contentdown a { font-size: 10px }



/* Sidebar styles */
#contentleft { float:left; width:165px; line-height:1.4em;}
#contentleft2 { float:left; width:400px; line-height:1.4em; margin-left:20px;}
#contentright { float:right; width:160px; line-height:1.4em;}
#contentright2 { float:right; width:350px; line-height:1.4em; margin-right:15px;}
#contentleft h3,#contentright h3  { display:block; margin:0 5px; font-size:1.4em; font-weight:normal; text-align:left; color:#505050; }
#contentleft p,#contentright p {margin:5px; font-size:0.9em;}
#contentleft a,#contentright a { font-size: 10px }

/* Menublock styles */
.menublock  { font-size:0.9em;}
.menublock li {list-style:none; display:block; padding:1px; margin-bottom:1px;}
.menublock li a {font-weight:bold; text-decoration:none;}
.menublock li a:hover {text-decoration:none; color: #fc0}
.menublock li ul  {margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
.menublock li ul li {margin-bottom:0;}
.menublock li ul a  {font-weight:normal;}

/* Footer styles */
#footer { clear:both; width:100%; padding:5px 0; font-size:0.9em; color:#f0f0f0; background:#204b9a; margin-top: 10px}
#footer p {padding:0; margin:0; text-align:center;}
#footer a {color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover {color:#fff; background-color:inherit; text-decoration: underline;}

/* Misc classes and styles */
.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.penting{color:#f02025; background-color:inherit; font-weight:bold;}
label { float: left; width: 125px;padding-right: 20px; font-weight: bold; text-align: right; margin: 2px 0}
.box { margin:5px; padding:5px; border:1px solid #999; background: #9399EE url(images/boxbg.jpg) 0 0 repeat-x; color:#fff; line-height:1.5em; }
/* addtional box */
.boxtop { background: url('') no-repeat top right;}
.boxtop div { font-size: 0; height: 10px; background: url('') no-repeat top left;}
.boxbottom { background: url('') no-repeat bottom right;}
.boxbottom div { font-size: 0; height: 10px; background: url('') no-repeat bottom left;}
.boxcontent { padding: 0px 10px 0px 10px;}
/* end */
.partnerlink {
	margin-left:5px;
	margin-right:5px;
	padding:5px;
	border:0px;
	background: #f7f7f7 0 0 repeat-x;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 0;
	line-height: 1em;
	font-weight: bold;
	color: #FF0000;
}
.partnerlink a {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
	font-weight: bold;
	color: #FF0000;
}
.addwordH {
	margin:5px;
	padding:0px;
	border:1px solid #E9E9E9;
	background: #f7f7f7 0 0 repeat-x;
	font-size: 12px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 0;
	line-height: 1.5em;
	font-weight: bold;
	color: #FF0000;
}
.addwordH a {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	font-weight: bold;
	color: #FF0000;
}
.addwordC {
	margin:5px;
	padding:0px;
	border:1px solid #E9E9E9;
	background: #f7f7f7 0 0 repeat-x;
	font-size: 11px;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.box a { color: #eee; font-size: 11px}
fieldset { border: 1px solid #ccc; padding: 5px; }
legend 	{ padding: 3px; background-color: #fff; font-weight: bold}
div.separator { clear: all; border-bottom: 1px dotted #ccc; margin: 10px 0; }
.bcon { font-size: inherit; width: auto; height: auto}
.bcon img { display: block }
.b_c { padding: 5px; margin: -9px 0 }
.b_c a { color: #805400; text-decoration: none; border-bottom: 1px solid #ccc;}
.b_c p { margin-bottom: 5px; } 
.b_tr { background: url('images/tr.gif') no-repeat top right;  display: block}
.b_br { background: url('images/br.gif') no-repeat bottom right;  display: block}

.titlebox_grey  { color: #000; padding: 5px; margin: 5px 0 3px 0; background-color: #cc0; font-weight: bold; font-size: 0.9em; }
.titlebox_grey a { color: #fff; text-decoration: underline; }
.notify { width: auto; background-color: #f7f7f7; border: 1px solid #ccc; font-size: 90%; font-weight: bold; color: #0000ff; padding: 5px; margin: 5px 0; }
.error { width: auto; background-color: #f7f7f7; border: 1px solid #ccc; font-size: 120%; font-weight: bold; color: #ff0000; padding: 5px; margin: 5px 0; }
div.left { float: left; width: auto; }
div.right { float: right; width: auto; }

/* menu */
#bar { background-color: #a5b2ce; color: #fff; font-weight: bold; margin: 0 auto; text-align: center}
#bar a { text-decoration: none; color: #fff}

/* form */

input {color:#000; margin: 1px 0}
input, form textarea { padding:2px; }
select { padding:1px; font-size: 12px; background-color: #f7f7f7; margin: 2px 0}
.submit_button { border-color:white #DCDCDC #DCDCDC white; background-color:#F0F0F0; font-weight:bold; }
.mini_button { border-color:white #DCDCDC #DCDCDC white; background-color:#ccc; font-size: 10px}
textarea {overflow:auto; padding:2px; }
textarea.tinymce {height: 500px; width: 448px;}
.menupro {	border:1px solid #c0c0c0; background-color:#fc0; color:#000;	margin: 5px}
ul.navpro { margin: 0;	padding: 0;	list-style: none;	width: auto; }
ul.subnavpro { margin: 0;	padding: 0;	list-style: none;	width: auto; background-color:#ffe9b2}
ul.navpro li > a {	display: block; text-decoration: none; color: #000; border-bottom: 1px solid #999; }
ul.subnavpro li > a {	display: block; text-decoration: none; color: #000; border-bottom: 1px solid #999; padding-left: 10px}
ul.navpro li a { display: block; text-decoration: none; color: #000; padding: 0 4px; border-bottom: 1px solid #666; cursor: pointer;	height: 20px; /* work around for ugly ie */}
ul.subnavpro li a { display: block; text-decoration: none; color: #000; padding: 0 4px 0 10px; border-bottom: 1px solid #666; cursor: pointer;	height: 20px; /* work around for ugly ie */}
ul.navpro li a:hover { background-color: #ddd; display: block; }
ul.navpro li.cur { background-color: #ddd; display: block; }

.adstopright { float:right;padding: 5px }

#content td ul, #content ul { margin-left: 15px; margin-top: -1px; margin-bottom: -1px;}
#content td ol, #content ol { margin-left: 20px; margin-top: -1px; margin-bottom: -1px;}

/* lightbox style */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }