/**
*   This file is part of PICT - The Platform Independent Community Platform.
*   Development of PICT was possible thanks to funding from the JISC (http://www.jisc.ac.uk/)
*   Author: Rory McNicholl (http://www.ulcc.ac.uk/)
*   
*	PICT is free software: you can redistribute it and/or modify
*	it under the terms of the GNU General Public License as published by
*	the Free Software Foundation, either version 3 of the License, or
*	(at your option) any later version.
*
*	PICT is distributed in the hope that it will be useful,
*	but WITHOUT ANY WARRANTY; without even the implied warranty of
*	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
*	GNU General Public License for more details.
*
*	You should have received a copy of the GNU General Public License
*	along with Dope OpenID. If not, see <http://www.gnu.org/licenses/>.
**/

/* Toolbar */
.pict_toolbar {
	background-color: #fffff0;
	line-height: 16px;

}
.pict_tab {
	opacity:0.4;
	filter:alpha(opacity=40);
	cursor: pointer;
	background-color: #fffff0;
	position: relative;
	z-index: 20;
	line-height: 18px;
}
.pict_tab em {
	font-style:normal; 
	font-size: 12px;
}
.pict_tool_cont {
	position: relative;
	z-index: 1500;
	opacity:0;
	filter:alpha(opacity=0);
}
/*top left*/
#pict_tool_t-l {
	width: 100%;
}
#pict_tool_t-l .pict_tab {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 7px 0px 0px 7px;
	float: left;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	left: -1px;
}
#pict_tool_t-l .pict_toolbar {
	border-bottom: 1px solid #000;
	padding: 7px 0px 0px 7px;
	float: left;
}
/*top right*/
#pict_tool_t-r {
	width: 100%;
}
#pict_tool_t-r .pict_tab {
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 7px 7px 0px 2px;
	float: right;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	left: 1px;
}
#pict_tool_t-r .pict_toolbar {
	border-bottom: 1px solid #000;
	padding: 7px 7px 0px 2px;
	float: right;
}
/*top middle */
#pict_tool_t-m {
	width: 100%;
}
#pict_tool_t-m .pict_tab {
	margin: 0 auto;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 7px 2px 0px 7px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	top: -2px;
}
#pict_tool_t-m .pict_toolbar {
	width: 100%;
	border-bottom: 1px solid #000;
	padding: 7px 2px 0px 7px;
}
/*bottom left*/
#pict_tool_b-l {
	width: 100%;
}
#pict_tool_b-l .pict_tab {
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	padding: 0px 0px 7px 7px;
	float: left;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#pict_tool_b-l .pict_toolbar {
	border-top: 1px solid #000;
	padding: 0px 0px 7px 7px;
	float: left;
}
/*bottom right */
#pict_tool_b-r {
	width: 100%;
}
#pict_tool_b-r .pict_tab {
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	padding: 0px 7px 7px 2px;
	float: right;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	left: 1px;
}
#pict_tool_b-r .pict_toolbar {
	border-top: 1px solid #000;
	padding: 0px 7px 7px 2px;
	float: right;

}
/*bottom middle */
#pict_tool_b-m {
	width: 100%;
}
#pict_tool_b-m .pict_tab {
	margin: 0 auto;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	padding: 0px 2px 7px 7px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	top: +2px;
}
#pict_tool_b-m .pict_toolbar {
	width: 100%;
	border-top: 1px solid #000;
	padding: 0px 2px 7px 7px;
}
/*middle left*/
#pict_tool_m-l {
}
#pict_tool_m-l .pict_tab {
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 2px 2px 2px 7px;
	float: left;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	left: -2px;
}

#pict_tool_m-l .pict_toolbar {
	height: 100%;
	border-right: 1px solid #000;
	padding: 2px 2px 2px 7px;
	float: left;
}
/*middle right*/
#pict_tool_m-r {
}
#pict_tool_m-r .pict_tab {
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 2px 7px 2px 2px;
	float: right;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	left: +2px;
}
#pict_tool_m-r .pict_toolbar {
	height: 100%;
	border-left: 1px solid #000;
	padding: 2px 7px 2px 2px;
	float: right;
}
#pict_tool_m-l em, #pict_tool_m-r em{
  	display:block; 
	text-align:center; 
}
/* things in the toolbar */
.pict_toolbar ul {list-style-type: none; display: inline; margin: 0; padding:0;}
.pict_toolbar li {display: inline; margin: 0; padding:0;}

ul.pict_toolbar_list {
	width: 100px;
}
ul.pict_toolbar_list .button {
	width: 70px;
	margin-top: 5px;
	margin-left: 10px;
	text-align: center;
}

/*Toolbar pict.element links */
#pict_tools_list li{
	display: inline;
	margin: 0;
	padding: 0;
}

/* pict user panel*/
#pict_tool_t-r #pict_user_panel{
	position: relative;
	top: -20px;
	float: right;
	margin-right: 10px;
}
#pict_tool_b-r #pict_user_panel{
	position: relative;
	top: -14px;
	float: right;
	margin-right: 10px;
}
#pict_tool_m-r #pict_user_panel{
	position: absolute;
	bottom: 10px;
	width: 100px;
}
#pict_user_info {
	font-size: 11px;
	margin-bottom: 5px;
	text-align: left;
	margin-left: 8px;
}

/* remysharp's tag suggestion style */
SPAN.tagMatches {
    margin-left: 10px;
}

SPAN.tagMatches SPAN {
    padding: 2px;
    margin-right: 4px;
    background-color: #0000AB;
    color: #fff;
    cursor: pointer;
}
.pict_blurb {
	background: url(images/pict_c_logo.png) no-repeat center center transparent;
	font-size: 12px;
	margin: 0; 
	color: #333;
	padding: 5px 5px 2px 15px;
}
/* pict window */
.pict_window {
	margin: 0;
	padding: 0;
	position: fixed;
	border: 1px solid #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #fffff0;
	z-index: 2000;
/*	overflow-y: auto;*/;
	overflow: hidden; /*keep everything in the window... various tools should scroll if need be*/
	line-height: auto;
	font-size: 12px;
	font-family: sans-serif;
}
.pict_toolbar  {
	font-family: sans-serif;
}
.pict_resources_box  {
	font-family: sans-serif;
}
.pict_window a {
	text-decoration: none;
}
.pict_window a:hover, .pict_window a:focus {
	text-decoration: underline;
}
.pict_toolbar a {
	text-decoration: none;
}
.pict_toolbar a:hover, .pict_toolbar a:focus {
	text-decoration: underline;
}

.pict_window_content {
	margin: 5px 5px 5px 10px;
}

.pict_greyout {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;
}
/* pict tools (now withinin pict_window)*/
/*
 * .pict_tools {
	display: inline;
	background-color: green;
	margin-right: 20px;
}
*/
.pict_window_tools {
	margin: 5px 5px 5px 10px;
}
.pict_window_tool {
}
.pict_window_close {
	background: url(images/closebox.png) no-repeat transparent;
	background-color: transparent;
	position: fixed;
	z-index: 4000;
	cursor: pointer;
	width: 30px;
	height: 30px;
}
.pict_tools_link {
	cursor: pointer;
	margin-left: 5px;
}
/* pict login window */
.pict_window .input {
    border: 1px solid #006;
    background: #ffc;
}
.pict_window .input:hover {
    border: 1px solid #f00;
    background: #ff6;
}
.pict_window .disabled, .pict_window .disabled:hover {
    border: 1px solid #006;
    background: #ccc;
    color: #666;
}
.pict_window .button, .pict_toolbar .button {
    border: 1px solid #006;
    background: #ccf;
    cursor: pointer;
    padding: 1px 3px 1px 3px;
}
.pict_window .button:hover, .pict_toolbar .button:hover {
    border: 1px solid #f00;
    background: #eef;
}
.pict_window .button.selected, .pict_toolbar .button.selected {
    border: 1px solid #f00;
    background: #eef;
}

.pict_window label {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}
.pict_window br { clear: left; }

.login_error {
	color: #d00;
	font-size: 10px;
	margin-left: 10px;
}
#pict_login{
	cursor: pointer;
}
#pict_reg{
	cursor: pointer;
}
.pict_window fieldset p {
	margin: 5px 0 0 0;
}
/* from jquery-openid.css part of http://code.google.com/p/openid-selector/ */

#openid {
  background: url(images/indicator.gif) center center no-repeat;
  margin: 0 auto;
  width: 440px;
  height: 162px;
}

#openid_inputarea {
  clear: both;
  display: none;
/*  height: 48px;*/
/*  margin-left: 10px;*/
  margin-top: 2px;
  padding-top: 2px;
}
#openid_inputarea label {
	width: auto;
	font-size: 10px;
	text-align: left;
	white-space: nowrap;
}

#openid_inputarea #openid_username {
/*  margin: 0 4px 0 8px;*/
  width: 120px;
}

#openid_btns, #openid_btns br {
  clear: both;
}

#openid_highlight {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 1px;
  background-color: #FFFCC9;
  float: left;
}

.openid_large_btn, .openid_small_btn {
  background: url(images/openid-icons.png) no-repeat;
  margin: 3px;
  float: left;
}

.openid_large_btn {
  width: 91px;
  height: 51px;
}

.openid_small_btn {
  width: 16px;
  height: 16px;
}  

.Google { background-position: 0 0; }
.Yahoo { background-position: 0 -51px; }
.AOL { background-position: 0 -102px; }
.OpenID { background-position: 0 -153px; }
.MyOpenID { background-position: 0 -204px; }
.Flickr { background-position: 0 -220px; }
.Technorati { background-position: -17px -220px; }
.Wordpress { background-position: -17px -204px; }
.Blogger { background-position: -34px -204px; }
.Verisign { background-position: -51px -220px; }
.Vidoop { background-position: -34px -220px; }
.ClaimID { background-position: -68px -204px; }
.LiveJournal { background-position: -51px -204px; }

a.openid_large_btn:focus {
  outline: none;
  -moz-outline-style: none;
}

/***************************************************************************/
.pict_window_content br{
	clear: both;
}
/* pict comments */
.pict_countdown{
	font-size: 11px;
	margin-left: 5px;
	float: left;
}
.pict_countdown_bold{
	font-weight: bold;
}
.pict_countdown_red{
	color: #d00;
}
.pict_c_header {
	font-size: 11px;
	color: #888;
	/*float: left;*/
	margin-right: 10px;
}
.pict_c_tools {
/*	margin-left: 10px;*/
	margin-bottom: 0;
}
#pict_c_list {
	height: 300px;
	overflow: auto;
}
.pict_comment_item {	
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #ddd;
}
.pict_comment_item.last{	
	border-bottom: 1px solid #ddd;
}
.pict_comment_item p{	
	margin-top: 2px;
}
.pict_comment_text {
	width: 475px;
}

.pict_c_add{ width: 475px; }
.pict_c_add textarea{
	width: 400px;
	height: 70px;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float: left;
	font-family: sans-serif;
}
.pict_c_add .button{ 
	vertical-align: top; 
	margin-left: 5px; 
	margin-bottom: 2px; 
	width: 66px; 
	float: left;
}

.pict_comment_item textarea{
	width: 400px;
	height: 70px;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float: left;
	font-family: sans-serif;
}
/*.pict_c_add .button{ float: left; margin-right:7px;}*/
.pict_comment_item .button{ 
	vertical-align: top; 
	margin-left: 5px; 
	margin-bottom: 2px; 
	width: 66px; 
	float: left;
}

/* pict tags */
.pict_t_add textarea {
	width: 400px;
	height: 70px;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float: left;
	font-family: sans-serif;
	margin-bottom: 5px;
}
div.pict_t_add .button{ 
	margin-left: 5px; 
	margin-bottom: 2px; 
}
ul.pict_tags{
	height: 300px;
	overflow: auto;
}
ul.pict_tags li{
	cursor: pointer;
	list-style-type: none;
}
ul.pict_cloud{
	margin: 5px 0 0 0;
	padding: 0;
}
ul.pict_cloud span{
	display: block;
	
}
/* pict resources box is attached to the body and placed so need to redefine a few things...*/
.pict_resources_box a {
	text-decoration: none;
}
.pict_resources_box a:hover, .pict_resources_box a:focus {
	text-decoration: underline;
}
div.pict_resources_box{
	position: absolute;
	border: 1px solid #aaa;
	background-color: #ddd;
	font-size: 10px;
	z-index: 4000;
	display: none;
	margin: 0;
}
div.pict_resources_box ul{
	list-style-type: none;
	margin:0;
	padding:0;
}
div.pict_resources_box li{
	list-style-type: none;
	margin: 3px 1px 2px 3px;
	padding: 0;
}
.pict_cloud li{
	float: left;
	margin-left: 5px;
}
ul.pict_resources{
	height: 300px;
	overflow: auto;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.pict_resources li{
	list-style-type: none;
	margin: 3px 1px 2px 3px;
	padding: 0;
}
.pict_termine_tags li{
	list-style-type: none;
	float: left;
	margin-left: 5px;
	cursor: pointer;
}
ul.pict_tags li.pict_tag_normal{
	font-size: 1em;
	color: auto;
}
/* pict highlight */
.highlight { background-color: #ff0;}


.clearfix:after {
	visibility: hidden;	
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
	
.clearfix {display: inline-block;}
	
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */