#storyboard {}
#storyboard div.l { float: left; }
#storyboard div.r { float: right; }


#comments {}
#comments h2 { display: inline; float: left; }
#comments a.add_comment { float: right; }
div.comment { border-bottom: 1px dotted #666666; padding-bottom: 5px; }
div.comment img.user { float: left; margin-right: 10px; }
div.comment p { margin-left: 50px; }

#fav_btn { cursor: pointer; }

#img { position: relative; width: 440px; height: 330px; background-repeat:no-repeat; }

#img a { position: absolute; text-decoration: none; }
/*#img a:hover { border: 2px solid #0000ff; }*/
#img a:hover { border-width: 2px; border-style: solid; }
#img a span { display: none; }
#img a:hover span { display: block; position: absolute; bottom: 105%; width: 200px; background-color: #0000ff; color: #ffffff; padding: 2px 3px; }
/*#img a.hover { border: 2px solid #0000ff; }*/
#img a.hover { border-width: 2px; border-style: solid; }

#img a.hotspot_type_1 { border-color: #FF0000 }
#img a.hotspot_type_2 { border-color: #FFA500 }
#img a.hotspot_type_3 { border-color: #FFFF00 }
#img a.hotspot_type_4 { border-color: #90EE90 }
#img a.hotspot_type_5 { border-color: #ADD8E6 }
#img a.hotspot_type_6 { border-color: #a190d4 }


a.li_hotspot { text-decoration: none; }
a.li_hotspot:hover { color: #ffffff; background-color: #411eaa; }

#add_comment { border:1px solid #D8D5E0; margin-left:10px; margin-bottom:15px; }
#comments #new_comment{width:618px; height:120px; font-family:"Trebuchet MS", Tahoma, Verdana, "Arial Black", sans-serif;font-size:1em}
#comments .post_comment_button{}
#comments div.help_notice{ width:620px; }
#btn_add_comment { cursor: pointer; }

.hid { display: none; }
.block { display: block; }
.inline { display: inline; }




/** Story board view **/


/** description **/
div.sb_description{
	background:#fffab2;
	border:1px solid #c7c08b;
	margin:0 13px 15px 10px;
	padding:10px;
	width:430px;
}
div.sb_hotlinks{
	background:#e8e8e8; /*url(../images/icons/link.png) 10px 50% no-repeat;*/
	border:1px solid #c4c4c4;
	margin:0 13px 15px 10px;
	text-align:center;
	width:450px;
}

div.sb_hotlinks ul{
	margin:10px;
}
div.sb_hotlinks ul li,
div.sb_hotlinks ul li a{ display:block }


div.sb_embedded{
	background:#e8e8e8;
	border:1px solid #c4c4c4;
	margin:0 13px 15px 10px;
	text-align:left;
	width:450px;
}

div.sb_embedded p.left{ font-weight:700; color:#411EAA; font-size:0.82em; float: left; }
div.sb_embedded p.right{ font-weight:100; float:right; }

div.sb_embedded input{ float:none; clear:both; width:430px; margin:4px 0 8px 8px; background-color:#D6D5D9; border:1px solid #C4C4C4; }


/**/

/** comments **/
div.sb_comment{
	clear:both;
	margin:0 20px 20px 20px;
	border-bottom:1px dotted #d8d5e0;
}

div.sb_comment h3,
div.sb_comment p{
	width:520px;
	float:right;
	clear:right;
	text-align:left;
	margin:0;
	padding:0 0 0.8em 0;
}

div.sb_comment h3 a{
	font-size:1em;
	margin:0; padding:0;
}
div.sb_comment h3 span{
	color:#d9d9d9;
}
div.sb_comment a img{
	margin:5px;
}
p.sb_comments_add_link{
	float:right;
	clear:right;
}
/**  **/

/** Storyboard main image **/
.sb_main_image,
#content a img.sb_main_image{
	background-color:#fff;
	background:no-repeat;
	background-position:2px 2px;
	padding:2px;
	border:5px solid #411eaa;
	margin:0 10px 10px 10px;
}
/*#content a:hover img.sb_main_image{
	border-color:#D94C3F;
}*/

/**/

/** Storyboard information panels **/
div.sb_information{
	margin-bottom:25px;
}
div.sb_information a img,
div.sb_actions a img{
	border:0;
	padding:0;
	margin:0 0 0 0;
}
div.sb_actions img.centred_icon{vertical-align:text-bottom}
div.sb_information div.hr,
div.sb_actions div.hr{ margin-bottom:0; }

div.sb_information div.hideable,
div.sb_actions div.hideable{ margin-left:10px; }


/**/

#ul_hotspots
{
	text-align:left;
}


/** Storyboard list items **/
div.storyboard_list_item{
	border-bottom:1px dotted #D8D5E0;
	margin:10px 0 10px 10px;
	
}

div.storyboard_list_item a.item_thumb{
	float:left;
	margin-top:5px;
}
div.storyboard_list_item div.item_text{
	width:360px;
	float:left;
}
div.storyboard_list_item h2 a{
	text-decoration:none;
	margin-left:0;
}
div.storyboard_list_item p a{
	color:inherit;
	margin-left:0;
}
div.storyboard_list_item div.item_stats{
	float:left;
	width:160px;
	margin-left:30px;
}
div.storyboard_list_item div.item_stats p{
	width:50px;
	float:left;
}
div.storyboard_list_item div.item_stats p.value{
	margin-left:10px;
	clear:right;
	
}
div.storyboard_list_item div.item_stats p.stat{
	color:#411EAA;
}
div.storyboard_list_item div.item_text strong{
	color:#411EAA;
}
/**  **/





div.left{
	float:left;
	clear:left;
	width:470px;
}
div.right{
	float:left;
	width:180px;
}
div.right div h3{
	font-size:0.8em;
	font-weight:100;
	color:#411eaa;
	float:left;
	clear:left;
}
div.right div p{
	/*font-size:0.67em;*/
	padding-right:0;
	padding-left:0;
}
.no_bdr{border:0;}
.comment{margin-left:10px;margin-bottom:10px;}

/*
#lightwindow_iframe{ overflow-x:hidden }
*/

/*
 Modified by James: 15/09/08
 - history view
*/
.sb_history 				{ width: 450px; border: 1px solid #ccc; background: #e6e6e6; margin: 0 13px 15px 10px;}
.sb_history p				{ color: #411EAA;}
.sb_history ul				{ margin:0; padding:5px 10px;}
.sb_history ul li			{ margin:0; padding:0;}
.sb_history ul li.first		{}
.sb_history ul li.last		{}
.sb_history ul li a			{}
.clear						{ clear: both;}

#history					{ width: 452px; height: 30px; margin: 0 13px 15px 10px; padding:0; float:left; background: url(../images/bg_sb_history.png) no-repeat; line-height: 30px;}
#history li					{ float:left; margin:0; padding: 0; width:150px; text-align: center;}
#history li.first			{}
#history li.last			{}
#history li a				{ color: #fff;}