body { font-family: Verdana, sans-serif; margin: 0px 0px 0px 0px; padding: 0; font-size: 11pt; color:#336699; background-color: #fff0c0; }

img { border: none; margin: 0px; padding: 0px;}

h1 { font-size: 2.3em; margin: 0; padding: 0; }
h2 { font-size: 2.1em; margin: 0 0 12px; padding: 0; }
h3 { font-size: 1.5em; margin: 0 0 4px; padding: 0; }
h4 { font-size: 1.3em; margin: 0 0 4px; padding: 0; }
h5 { font-size: 1em; margin: 0 0 4px; padding: 0; }

a, h1 a, h2 a, h3 a, h4 a, h5 a {
	text-decoration: none;
	color:#005500;
}

a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	text-decoration: underline;
	color:#005500;
}


#body {	
	padding: 0px;
	margin-top: 15px;
}

div#topmenu {
	border-bottom: 1px solid black;
	border-top: 1px solid #d0c580;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#fbe399;/*#c0ffe0;*/
}

div#footer {
position: relative;
clear: both;
font-size: 8pt;
text-align: right;
margin:2em;
}

div.narrowbody {
margin: 0 auto;
padding:0;
width: 1000px;
text-align: left;
background-color: #fff0c0;
}

div#take20sectour{
top:5px; right:5px; position: absolute;
}

div#take20sectour a {
        color: white;
}

div#take20sectour a:visited {
        color: white;
}

div#take20sectour a:hover {
        color: white;
}


/*******************************************************************************************
 * DIVS                                                                                    *
 *******************************************************************************************/

#featuredcaption {
	position: absolute;
	left: 10em;
	right: .5em;
	bottom: .5em;
	padding: .5em;
	color: white;
	/*background: #404040;*/
	text-align: right;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/75p_honey.png');
	background-image: url(images/75p_honey.png);
}

div.infodescription {
	height: expression( this.scrollHeight > 299 ? "300px" : "auto" );
	max-height:300px;
	overflow:auto;
}

div.homemenu {
	margin-top: 3px;
	margin-bottom: 1em;
	clear: both;
	text-align: center;
	background-color: #e0c080;
}

td.homemenuitem {
	width: 50%;
	text-align: left;
}

div#resourcetitle {
	float:left;
	position:relative;
	top: -.2em;
	font-weight: bold;
	color: #008000;
	font-size: 120%;
	margin: 0px 2em 0px 1em;
	/*display: inline;*/
}

span.indexhead {
	font-size: 150%;
	font-weight: bold;
}

pre.mailtext {
	font-family: Courier;
	font-size: 8pt;
	background-color: #e2e2e2;
	border: 1px dashed #808080;
}

p.linkcode {
	font-family: Courier;
	font-size: 8pt;
	background-color: #e2e2e2;
	border: 1px dashed #808080;
}

div.iphonead {
	border:thin solid black;
	background-color:#fff0e0;
	margin-right:1em;
}

div#vote_env2{
	cursor: pointer; 
	float: right; 
	margin-left: -3px; 
	width: 131px; height: 50px; 
}

div#vote_env {
	cursor: pointer;
	float: right;
	width: 88px; 
	height: 50px; 
}

div#vote_env3 {
	position:relative;
	cursor: pointer;
	width: 88px; 
	height: 50px; 
		}

img.small_vote_env2{
	float: right; 
	margin-left: -3px; 
	width: 66px; height: 25px; 
}

img.small_vote_env {
	float: right;
	width: 44px; 
	height: 25px; 
}



img.cover_small_vote_env2{
	margin-left: -3px; 
	width: 66px; height: 25px; 
}

img.cover_small_vote_env {
	width: 44px; 
	height: 25px; 
}

img.cover_small_vote_env3 {
	width: 25px; 
	height: 25px; 
}

div.votetext {
	/*text-align: right;*/
	/*font-size: 70%;*/
	color: #006060;
}

div.goodies {
	margin-top: .5em;
	border: 1px solid #006000;
}

img.small_thumb {
	margin-right: 3px; 
	margin-top: 7px; 
}

div.spaced {
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 7px;
	margin-right: 7px;
}

div.info {
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
}

div.resource {
	padding: 5px;
	font-size: 0.8em;
	width:70%;
}

div.event {
	margin: 0px;
	padding: 0px 5px 0px 5px;
	font-size: 80%/*0.8em*/;
}

div.path {
	margin: 0px;
	padding: 0px 5px 0px 5px;
	font-size: 80%/*0.8em*/;
}

div.realtime {
	margin: 0px;
	padding: 0px 5px 0px 5px;
	font-size: 80%/*0.8em*/;
}

div.resource_information {
	width: 40%; 
	float: right;
}

div.resource_details {
	width: 60%; 
	float: left;
}


div.comments {
	margin-top: .5em;
	border: 1px solid #006000;
}

div.meta {
	padding: 5px;
	font-size: 0.8em;
}

div#barralink {
	color:#336699;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	clear: both;
}

div#barralink span {
}

div#barralink span.right {
	float: right;
	clear: none;
	color: #005500;
}

div#barralink span.right a {
	float: none;
	clear: none;
	padding-left: 1em;
	color: #005500;
}


div#barralink a {
	float: left;
	clear: none;
	padding-right: 1em;
	color: #005500;
}

div.resource h1, div.resource h2, div.resource h3, div.resource h4, div.resource h5, div.resource a {
	color: #005500;
}

div.path h1, div.path h2, div.path h3, div.path h4, div.path h5, div.path a {
	color: #005500;
	clear: both;
}

div.event h1, div.event h2, div.event h3, div.event h4, div.event h5, div.event a {
	color: #990000;
	clear: both;
}

div.realtime h1, div.realtime h2, div.realtime h3, div.realtime h4, div.realtime h5, div.realtime a {
	color: #005500;
	clear: both;
}

div.meta h1, div.meta h2, div.meta h3, div.meta h4, div.meta h5, div.meta a {
	color: #336699;
}

div.resultkey {
	float:right;
	background-color: #c0c0c0;
	margin: 5px 0px 5px 0px;
}

span.path {
	color: #005500;
	padding: 2px;
}

span.event {
	color: #990000;
	padding: 2px;
}

span.realtime {
	color: #000099;
	padding: 2px;
}

.small_message {
	font-size: 0.8em;
}

.small_message_err {
	font-size: 0.8em;
	color: red;
}

.vetrinaL {
	overflow: hidden;
	width: 100%;
	height: 50px;
}

.vetrinaClear{
	clear:both;
}

div.indexmain {
	width: 60%;
	float: left;
	color: #336699;
	padding-left: 2%;
}

div.indexmain h2 {
	padding-top: 2em;
	font-size: 120%;
	clear: both;
}

div.indexmain ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.indexmain li {
	margin-left: 4em;
}

div.indexsidebar {
	width: 35%;
	float: right;
	color: #336699;
	padding-right: 2%;
}

div.indexsidebar h2 {
	font-size: 120%;
	clear: both;
}

div.indexsidebar h3 {
	font-size: 110%;
	padding-top: .5em;
	clear: both;
}

div.indexsidebar h4 {
	font-size: 100%;
	padding-top: .3em;
	clear: both;
}

div.indexsidebar p {
	font-size: 90%;
	padding: 0px;
	margin: 0px;
	padding-left: 3em;
	clear: both;
}

div.myalpidia {
	/*border: 1px solid black;*/
	/*background-color: #c0ffff;*/
	/*background-image:url(images/blue_bkg.png);*/
	padding: 1em;
}

div.myalpidia h2 {
	font-size: 120%;
	clear: both;
}

div.myalpidia h3 {
	font-size: 110%;
	padding-top: .5em;
	padding-left: 2em;
	clear: both;
}

div.myalpidia h4 {
	font-size: 100%;
	padding-top: .3em;
	padding-left: 2.5em;
	clear: both;
}

div.myalpidia p {
	font-size: 90%;
	padding: 0px;
	margin: 0px;
	padding-left: 3em;
	clear: both;
}

div.myalpidia ul {
	font-size: 90%;
	/*list-style-type: none;*/
	margin: 0;
	padding: 0;
}

div.myalpidia li {
	margin-left: 2em;
}

div#login {
	position:absolute;
	right:0px;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	text-align: right;
	color: black;
	display: none;
	padding: 5px;
	background-color: #c0ffe0;
}


div#cookie_error {
    border: 1px solid red;
	color: red;
	display: none;
	padding: 5px;
	margin: 5px;
	background-color: white;
	width: 100%;
}

ul.sortpics {
	list-style-type: none;
	padding: 0px;
	margin-left: 0px;
	margin-bottom: 2px;
	white-space: nowrap;
}

ul.sortpics li {
	/*font-size: 70%;*/
	font-weight: normal;
	padding: .2em;
	display: inline;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-color: #c0c0c0;
}

ul.sortpics li.active {
	font-weight: bold;
	background-color: white;
}

div.alpidianphotos {
	border: 1px solid #006000;
	margin-top: 0px;
	padding: 1em;
	/*height: 300px;*/
	height: expression( this.scrollHeight > 299 ? "300px" : "auto" );
	max-height:300px;
	overflow:auto;
}

a.searchordertab {
	/*padding:2px;*/
	font-size: 80%;
	/*border: 1px solid black;
	background: white;*/
}

a.searchorderselected {
	/*padding:2px;*/
	font-size: 80%;
	font-weight: bold;
	/*border: 1px solid black;*/
}

/*******************************************************************************************
 * BUTTONS                                                                                 *
 *******************************************************************************************/

div.comment, div.comment2 {
	margin: 10px;
}

div.comment2 {
	margin-left: 25px;
}


div.comment {
	margin-left: 0px;
}

div.comment a {
	font-weight: bold;
}

div.actual_comment {
	font-size: 0.9em;
}

div.button, div.btn_center_green, div.btn_left_green, div.btn_right_green, div.btn_center_blue, div.btn_left_blue, div.btn_right_blue, div.btn_center_orange, div.btn_left_orange, div.btn_right_orange {
	height: 35px;
	padding: 0px;
	padding-top: 7px;
	font-size: 10pt;
	border: 0px;
	margin: 0px;
	float: left;
	cursor: pointer;
}

span.btn {
	cursor: pointer;
	color: #ffffff;
	height: 35px;
 	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;	
	text-align: center;
}

div.btn_left_green, div.btn_left_blue, div.btn_left_orange {
	width: 15px;
}

div.btn_right_green, div.btn_right_blue, div.btn_right_orange {
	width: 18px;
}

div.btn_center_green {
	background:url("images/btn_green_center.png") repeat-x 0 0;
}

div.btn_left_green {
	background:url("images/btn_green_left.png") no-repeat 0 0;
}

div.btn_right_green {
	background:url("images/btn_green_right.png") no-repeat 0 0;
}

div.btn_center_blue {
	background:url("images/btn_blue_center.png") repeat-x 0 0;
}

div.btn_left_blue {
	background:url("images/btn_blue_left.png") no-repeat 0 0;
}

div.btn_right_blue {
	background:url("images/btn_blue_right.png") no-repeat 0 0;
}

div.btn_center_orange {
	background:url("images/btn_orange_center.png") repeat-x 0 0;
}

div.btn_left_orange {
	background:url("images/btn_orange_left.png") no-repeat 0 0;
}

div.btn_right_orange {
	background:url("images/btn_orange_right.png") no-repeat 0 0;
}

/*******************************************************************************************
 * TABS                                                                                    *
 *******************************************************************************************/

div.menu {
	margin: 0;
	text-align: center;
}

div.tab, div.tab_active_first, div.tab_inactive_first, div.tab_active_left, div.tab_inactive_left, div.tab_active_center, div.tab_inactive_center, div.tab_active_right, div.tab_inactive_right, div.tab_active_last, div.tab_inactive_last {
	height: 21px;
	padding: 0px;
	border: 0px;
	margin: 0px;
	float: left;
	cursor: pointer;
}

span.tab {
	cursor: pointer;
	color: #ffffff;
	height: 21px;
	font-weight: bold;
	text-decoration: none;	
}

div.tab_active_first, div.tab_inactive_first, div.tab_active_left, div.tab_inactive_left, div.tab_active_right, div.tab_inactive_right, div.tab_active_last, div.tab_inactive_last {
	min-width: 12px;
}

div.tab_active_first {
	background:url("images/tab_act-first.png") no-repeat 0 0;
}

div.tab_inactive_first {
	background:url("images/tab_inact-first.png") no-repeat 0 0;
}

div.tab_active_left {
	background:url("images/tab_act-center.png") no-repeat 0 0;
}

div.tab_inactive_left {
	background:url("images/tab_inact-center.png") no-repeat 0 0;
}

div.tab_active_center {
	background:url("images/tab_act-center.png") repeat-x 0 0;
}

div.tab_inactive_center {
	background:url("images/tab_inact-center.png") repeat-x 0 0;
}

div.tab_active_right {
	background:url("images/tab_act-right.png") no-repeat 0 0;
}

div.tab_inactive_right {
	background:url("images/tab_inact-right.png") no-repeat 0 0;
}

div.tab_active_last {
	background:url("images/tab_act-last.png") no-repeat 0 0;
}

div.tab_inactive_last {
	background:url("images/tab_inact-last.png") no-repeat 0 0;
}

/*******************************************************************************************
 * WHITE BOX AROUND TABS                                                                   *
 *******************************************************************************************/

/* http://www.spiffycorners.com/index.php?sc=white_box&bg=E1E8EF&fg=FFFFFF&sz=5px */
.white_box{display:block}
.white_box *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF}
.white_box1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #edf1f5;
  border-right:1px solid #edf1f5;
  background:#f7f9fb}
.white_box2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e4eaf0;
  border-right:1px solid #e4eaf0;
  background:#f9fafb}
.white_box3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f9fafb;
  border-right:1px solid #f9fafb;}
.white_box4{
  border-left:1px solid #edf1f5;
  border-right:1px solid #edf1f5}
.white_box5{
  border-left:1px solid #f7f9fb;
  border-right:1px solid #f7f9fb}
.white_boxfg{
  background:#FFFFFF;
  padding-top: 1px; 
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 30px; }
  
  
  
  /*
 *  tour.php
 */

.tour{
	width: 100%;
}
.tour_left_col{

}
.tour_left_div{
	margin-left: 15px;
}

div.tour_left_div p {
	/*font-style: italic;*/
	margin-top: 2em;
}

div#tour_tab{
	/*background-color: #ffffff;*/
	border-bottom: 1px solid #787878;
	/*padding-left: 20px*/
}

div#tour_tab ul{
	list-style-type: none;
	/*
	position: relative;
	top: 1px;
	*/
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	/*background-color: #ffffff;*/
	display: inline;
}

div#tour_tab li{
	display: inline;
	margin: 0;
	padding:0;
	/*background-color: #ffffff;*/
}

div#tour_tab li a{
	background-color: #c0c0c0;
	text-decoration: none;
	border: 1px solid #787878;
	padding: 0px 0.3em;
	color: #005500;
}

div#tour_tab li img{
	border: 0px;
	position: relative;
	top: 2px;
}

div#tour_tab li a:hover{
	background-color: #ffffff;  /*#f0f0f0;*/
	color:  #005500;
}

div#tour_tab li.activelink a{
	border-bottom: 1px solid #ffffff;
	background-color: #ffffff;
	color: #005500;	
}


p.filteralert {
	font-size: 80%;
	margin: 0px;
	padding: 0px;
	/*color: red;*/
	background: yellow;
	text-align: right;
}

/*AlpidiaContest.php*/

div.indexmain_contest {
	width: 95%;
	float: left;
	color: #336699;
	padding-left: 2%;
}

div.indexmain_contest h2 {
	padding-top: 2em;
	font-size: 120%;
	clear: both;
}