/* main conditions */


#show #actionpanel div.panel_template h1 {
	font-size:19px;
	font-weight:normal;
	line-height:24px;
	margin:25px 0 0 0;
	color:#502a21;
	text-transform:uppercase;
}
#show #actionpanel div.panel_template h1.btnflexible {
	margin:0 0 0 0;
}
#show #actionpanel div.panel_template h2 {
	font-size:15px;
	font-weight:normal;
	line-height:21px;
	margin:20px 0 0 0;
	color:#502a21;
	text-transform:uppercase;
}
#show #actionpanel div.panel_template p,#show #actionpanel div.panel_template td {
	font-size:12px;
	line-height:19px;
	color:#676e7b;
	margin:20px 0 0 0;
}
#show #actionpanel div.panel_template p a {
	color:white;
	text-decoration:underline;
}

/* actionpanels */
#show #actionpanel div.panel_template {
	/*background-image:url(../img/panels/panel.png);*/
	background-repeat:no-repeat;
	background-position:left top;
}
#show #actionpanel div.panel_template div.panel_bg,#show #actionpanel div.panel_template div.panel_custom_img {
	width:741px;
	height:273px;
	background-repeat:no-repeat;
	background-position:left top;
	
}
#show #actionpanel div.panel_template table.layout {
	height:275px;
}
#show #actionpanel div.panel_template table.layout td.td_left,#show #actionpanel div.panel_template table.layout td.td_right {
	vertical-align:top;
	text-align:left;
	height:275px;
}

/* here freestyle template */

	/* standard situation */
#show #actionpanel div.panel_template.freestyle .clickable {
	cursor:pointer;
	width:500px;
}
#show #actionpanel div.panel_template.freestyle table.layout td.td_left {
	width:250px; /* image = 230px */
}
#show #actionpanel div.panel_template.freestyle table.layout td.td_right {
	width:250px;
}

	/* small style */
#show #actionpanel div.panel_template.freestyle.template_small table.layout td.td_left {
	width:140px; /* image = 120px */
}
#show #actionpanel div.panel_template.freestyle.template_small table.layout td.td_right {
	width:360px;
}

	/* wide style */
#show #actionpanel div.panel_template.freestyle.template_wide table.layout td.td_left {
	width:250px; /* image = 230px */
}
#show #actionpanel div.panel_template.freestyle.template_wide table.layout td.td_right {
	width:250px;
}

	/* full_width style */
#show #actionpanel div.panel_template.freestyle.template_full table.layout td.td_left {
	width:10px;
}
#show #actionpanel div.panel_template.freestyle.template_full table.layout td.td_right {
	width:470px;
}

	/* magenta style */
#show #actionpanel div.panel_template.freestyle h1.magenta {
	color:#502a21;
}

	/* blue style */
#show #actionpanel div.panel_template.freestyle h1.blue {
	color:#502a21;
}
#show #actionpanel div.panel_template.freestyle h1.white {
	color:#ffffff;
}

#show #actionpanel div.panel_template.freestyle p,#show #actionpanel div.panel_template.freestyle td {
	font-size:12px;
	line-height:19px;
	color:#512b22;
	margin:20px 0 0 0;
}
	/* bullet style */
#show #actionpanel div.panel_template.freestyle .bulls {
	margin-top:20px;
}
#show #actionpanel div.panel_template.freestyle .bulls h3,#show #actionpanel div.panel_template.freestyle .bulls h3 a {
	color:#502a21;
}
#show #actionpanel div.panel_template.freestyle .bulls.magenta h3,#show #actionpanel div.panel_template.freestyle .bulls.magenta h3 a {
	color:#502a21;
}
#show #actionpanel div.panel_template.freestyle .bulls.blue h3,#show #actionpanel div.panel_template.freestyle .bulls.blue h3 a {
	color:#502a21;
}
#show #actionpanel div.panel_template.freestyle .bulls.white h3,#show #actionpanel div.panel_template.freestyle .bulls.white h3 a {
	color:#ffffff;
}
#show #actionpanel div.panel_template.freestyle h3 a {
	text-decoration:underline;
}



/* movies */
#show #actionpanel div.panel_template.movies div.panel_bg {
/*	background-image:url(../img/panels/panel_streep.png);*/
	background-image:url(../img/panels/panel_projects.png);

	background-repeat:no-repeat;
	background-position:left top;
}
#show #actionpanel div.panel_template.movies table.layout td.td_left {
	width:28px;
	height:220px;
}
#show #actionpanel div.panel_template.movies table.layout td.td_right {
	width:460px;
	height:220px;
}
#show #actionpanel div.panel_template.movies table.layout td.td_right .contents {
	position:relative;
	height:220px;
}
#show #actionpanel div.panel_template.movies table.layout td.td_right .contents h1 {
	position:absolute;
	top:10px;
	left:0;
	margin:15px 0 0 0;
	padding:0;
	white-space:nowrap;
}
#show #actionpanel div.panel_template.movies table.layout td.td_right .contents .navbar_panel {
	position:absolute;
	top:70px;
	left:0;
	display:none;
	height:125px;
}
#show #actionpanel div.panel_template.movies table.layout td.td_right .contents .navbar_panel h2 {
	position:absolute;
	left:0;
	top:7px;
	margin:0;
	font-size:12px;
	white-space:nowrap;
}
#show #actionpanel div.panel_template.movies table.layout td.td_right .contents .the_movies {
	position:absolute;
	left:0;
	top:40px;
	display:block;
	width:460px;
	height:85px;
}
#show #actionpanel div.panel_template.movies table.layout td.td_right .contents .the_movies .movie {
	float:left;
	width:225px;
	height:85px;
	overflow:hidden;
	margin-right:5px;
	background-image:url(../img/panels/bg_movie.jpg);
	background-position:139px 0;
	background-repeat:no-repeat;
}
#show #actionpanel div.panel_template.movies table.layout td.td_right .contents .the_movies .movie a {
	position:relative;
	width:225px;
	height:85px;
	display:block;
	text-decoration:none;
	color:#00467b;
}
#show #actionpanel div.panel_template.movies table.layout td.td_right .contents .the_movies .movie a img {
	position:absolute;
	left:0;
	top:0;
	z-index:500;
}
#show #actionpanel div.panel_template.movies table.layout td.td_right .contents .the_movies .movie a strong {
	position:absolute;
	left:155px;
	top:30px;
	z-index:700;
	width:65px;
	color:#00467b;
	font-weight:normal;
}
#show #actionpanel div.panel_template.movies table.layout td.td_right .contents .the_movies .movie a span {
	position:absolute;
	left:0;
	top:0;
	z-index:550;
	width:130px;
	height:85px;
	background-image:url(../img/panels/play.png);
	background-position:-200px -200px;
	background-repeat:no-repeat;
}
#show #actionpanel div.panel_template.movies table.layout td.td_right .contents .the_movies .movie a:hover span {
	background-position:center;
}
#show #actionpanel div.panel_template.movies table.layout td.td_right .contents #navbar_panel1 {
	display:block;
}

#show #actionpanel div.panel_template.movies .navmenu {
	
}
#show #actionpanel div.panel_template.movies .navmenu div.scrollbar {
	padding:25px 0 0 2px;

}
#show #actionpanel div.panel_template.movies .navmenu table.scrollbar {
	width:510px;
	height:22px;
}
#show #actionpanel div.panel_template.movies .navmenu table.scrollbar td {
	height:22px;
}
#show #actionpanel div.panel_template.movies .navmenu table.scrollbar td.scroller {
	width:466px;
	height:22px;
	background-image:url(../img/panels/navbar_back.gif);
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
}
#show #actionpanel div.panel_template.movies .navitems {
	display:block;
	position:relative;
	width:442px;
	height:22px;
	overflow:hidden;
}
#show #actionpanel div.panel_template.movies .navitems h2 {
	position:absolute;
	top:5px;
	left:1px;
	text-align:center;
	width:125px;
	font-size:9px;
	font-weight:normal;
	line-height:11px;
	text-transform:none;
	margin:0;
	padding:0;
}

#show #actionpanel div.panel_template.movies .navitems h2.second {
	left:164px;
}
#show #actionpanel div.panel_template.movies .navitems h2.thirth {
	left:317px;
}
#show #actionpanel div.panel_template.movies .navitems h2 a { 
	color:#FFFFFF;
	text-decoration:none;
}

#show #actionpanel div.panel_template.movies .navitems #navbar {
	position:absolute;
	display:block;
	width:125px;
	height:19px;
	background-image:url(../img/panels/navvy.png);
	background-repeat:no-repeat;
	background-position:left top;
	left:1px;
	top:1px;
}
#show #actionpanel div.panel_template.movies .navitems #navbar.first { left:1px; }
#show #actionpanel div.panel_template.movies .navitems #navbar.second { left:164px; }
#show #actionpanel div.panel_template.movies .navitems #navbar.thirth { left:317px; }




/* projects */
#show #actionpanel div.panel_template.projects div.panel_bg {
	background-image:url(../img/panels/panel_projects.png);
	background-repeat:no-repeat;
	background-position:left top;
}
#show #actionpanel div.panel_template.projects div.panel_bg.lower {
/*	background-position:0 -20px !important;*/
}
#show #actionpanel div.panel_template.projects div.panel_bg.higher {
/*	background-position:0 20px !important;*/
}
#show #actionpanel div.panel_template.projects table.layout {
	margin-left:10px;
}
#show #actionpanel div.panel_template.projects table.layout td.td_left {
	width:175px;
	height:180px;
	padding-right:5px;
}
#show #actionpanel div.panel_template.projects table.layout td.td_left.higher {
	height:200px !important; /* + 20 */
}
#show #actionpanel div.panel_template.projects table.layout td.td_left.lower {
	height:160px !important; /* - 20 */
}
#show #actionpanel div.panel_template.projects table.layout td.projects_description {
	height:180px;
}
#show #actionpanel div.panel_template.projects table.layout td.projects_description.lower {
	height:160px !important; /* - 20 */
}
#show #actionpanel div.panel_template.projects table.layout td.projects_description.higher {
	height:200px !important; /* + 20 */
}
#show #actionpanel div.panel_template.projects table.layout td.projects_title {
	height:31px;
	padding-right:5px;
}
#show #actionpanel div.panel_template.projects table.layout td.the_map {
	width:315px;
	height:211px;
}
#show #actionpanel div.panel_template.projects table.layout td.the_map.lower {
	height:191px !important; /* - 20 */
}
#show #actionpanel div.panel_template.projects table.layout td.the_map.higher {
	height:231px !important; /* + 20 */
}
#panel_google_map {
	margin-top:15px;
	width:295px;
	height:185px;
}
#panel_google_map.lower {
	height:165px !important;
}
#panel_google_map.higher {
	height:205px !important;
}
#show #actionpanel div.panel_template.projects table.layout td.projects_summary {
	padding:10px 0 0 10px;
	position:relative;
}
#show #actionpanel div.panel_template.projects table.layout td.projects_summary h3 {
	display:block;
	float:left;
	width:105px;
	margin-right:15px;
	line-height:22px;
	font-size:11px;
	position:relative;
}
#show #actionpanel div.panel_template.projects table.layout td.projects_summary h3 img {
	color:#502a21;
}
#show #actionpanel div.panel_template.projects table.layout td.projects_summary h3 a {
	text-decoration:none;
	color:#502a21;
}
#show #actionpanel div.panel_template.projects table.layout td.projects_summary h3 a:hover {
	text-decoration:underline;
}
#show #actionpanel div.panel_template.projects table.layout td.projects_summary div.rel {
	position:relative;
}

#show #actionpanel div.panel_template.projects table.layout td.projects_summary div.popup {
	position:absolute;
	left:75px;
	width:265px;
	height:132px;
	bottom:22px;
	display:none;
	background-image:url(../img/panels/popup.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
#show #actionpanel div.panel_template.projects table.layout td.projects_summary.one_row div.popup {
	bottom:22px;
}
#show #actionpanel div.panel_template.projects table.layout td.projects_summary.two_row div.popup {
	bottom:44px;
}
#show #actionpanel div.panel_template.projects table.layout td.projects_summary.three_row div.popup {
	bottom:66px;
}

#show #actionpanel div.panel_template.projects table.layout td.projects_summary div.popupcontent {
	color:#000000;
	font-size:9px;
	position:absolute;
	left:10px;
	top:10px;
	width:245px;
	height:112px;
	overflow:hidden;
	z-index:900;
}
#show #actionpanel div.panel_template.projects table.layout td.projects_summary div.popupcontent h1,
#show #actionpanel div.panel_template.projects table.layout td.projects_summary div.popupcontent p,
#show #actionpanel div.panel_template.projects table.layout td.projects_summary div.popupcontent p strong{
	color:#000000;
	font-size:10px;
	line-height:13px;
	font-weight:normal;
	margin:0;
	width:auto;
}
#show #actionpanel div.panel_template.projects table.layout td.projects_summary div.popup a.close {
	z-index:910;
	position:absolute;
	right:5px;
	top:5px;
	display:block;
	font-size:10px;
	width:15px;
	height:15px;
	line-height:10px;
	background-color:#FFFFFF;
	text-align:center;
	padding:0;
	margin:0;
	color:#000000;
	text-decoration:none;
}
#show #actionpanel div.panel_template.projects table.layout td.projects_summary div.popupcontent img {
	width:115px;
	float:right;
	padding:2px 0 0 5px;
}
#show #actionpanel div.panel_template.projects table.layout td.projects_summary div.popupcontent p.margintop {
	margin-top:13px;
}
#show #actionpanel div.panel_template.projects table.layout td.projects_summary div.popupcontent p.margintop a {
	color:#86c3ec;
	text-decoration:none;
}
#show #actionpanel div.panel_template.projects table.layout td.projects_summary div.popup.pos1,
#show #actionpanel div.panel_template.projects table.layout td.projects_summary div.popup.pos5,
#show #actionpanel div.panel_template.projects table.layout td.projects_summary div.popup.pos9 { left:20px; } 
#show #actionpanel div.panel_template.projects table.layout td.projects_summary div.popup.pos2,
#show #actionpanel div.panel_template.projects table.layout td.projects_summary div.popup.pos6,
#show #actionpanel div.panel_template.projects table.layout td.projects_summary div.popup.pos10 { left:140px; } 
#show #actionpanel div.panel_template.projects table.layout td.projects_summary div.popup.pos3,
#show #actionpanel div.panel_template.projects table.layout td.projects_summary div.popup.pos7,
#show #actionpanel div.panel_template.projects table.layout td.projects_summary div.popup.pos11 { 
	left:220px; 
	/*background-image:url(../img/panels/popup_right.gif);*/
} 
#show #actionpanel div.panel_template.projects table.layout td.projects_summary div.popup.pos4,
#show #actionpanel div.panel_template.projects table.layout td.projects_summary div.popup.pos8,
#show #actionpanel div.panel_template.projects table.layout td.projects_summary div.popup.pos13 { 
	left:120px; 
	background-image:url(../img/panels/popup_right.gif);
} 

table.panel_button { margin:20px 0 0 0; }
#show #actionpanel div.panel_template.freestyle table.panel_button { margin:0; }
table.panel_button td.the_link {
	vertical-align:middle !important;
	text-align:center !important;
	background-image:url(../img/buttons/button_repeat.gif);
	background-repeat:repeat-x;
	height:35px;
	white-space:nowrap;
}
table.panel_button td.the_link.panel {
	background-image:url(../img/buttons/button_repeat_panel.gif);
}
table.panel_button td.the_link a {
	display:block;
	font-size:11px;
	color:#FFFFFF;
	text-transform:uppercase;
	text-decoration:none;
}

