/* 

All CSS for /en/helpfiles/ 
Some of this still needs to be cleaned up a bit - GAZ 10.2007

*/

/* =showh */
.result-wrap {
	border: 1px solid #DDD;
	float: left; width: 100%;
	margin: 5px 0;
}
.result-wrap li {
	margin:0; padding:0;
}
.photo-wrap {
	text-align: center;
	float: left; width: 120px;
	margin: 5px 0;
}
.photo-wrap a img  {
	padding: 3px;
	border: 1px solid #AAA;
}
.photo-wrap a:hover img, photo-wrap a:active img { 
	border-color: #555;
}
.text-wrap {
	float: left; width: 400px;
	margin: 5px 0 5px 10px;
}
.text-wrap h2 {
	margin: 0 0 3px 0;
}
.text-wrap h2 a {
	font-size: 14px;
	text-decoration: none;
	margin-bottom: 0;
}
.text-wrap h2 a:hover, .text-wrap h2 a:active {
	text-decoration: underline;
}
.text-wrap p {
	margin: 0;
}
.text-wrap p.name {
}
.text-wrap p.photo-count a {
	color: gray;
	font-size: .9em;
	text-decoration: none;
	margin: 0 5px 5px 0;
	float: left;
}
.text-wrap p.photo-count a:active,
.text-wrap p.photo-count a:hover {
	text-decoration: underline;
}
.text-wrap p.comment-count {
	color: gray;
	font-size: .9em;
	margin-bottom: 7px;
}
.text-wrap .album-options {
	float: left;
}
.text-wrap .album-options ul {
	list-style-type: none;
	margin:0; padding:0;
	margin-top: 5px;
}
.text-wrap .album-options li {
	display: inline;
	border-right: 1px solid #AAA;
}
.text-wrap .album-options li a {
	margin: 0 4px;
	font-size: 11px;
}
.text-wrap .album-options li.first a {
	margin-left:0;
}
.text-wrap .album-options li.last {
	display: inline;
	border: none;
}
.clear {
	clear: both;
}

h1 { margin-bottom: 0; }
h2 { margin: 0; }



#search-wrap {
/*	border: 1px solid #AAA; */
	background-color: #F7F7F7;
	border-bottom: 1px solid #BBB;
	float: left;
	width: 100%; height: 40px;
	margin-bottom: 10px;
}

#search-wrap #album-options {
	float: left;
	margin: 10px;
}
#search-wrap #album-options ul {
	list-style-type: none;
	margin:0; padding:0;
	margin-top: 5px;
}
#search-wrap #album-options li {
	display: inline;
	border-right: 1px solid #AAA;
}
#search-wrap #album-options li a {
	margin: 0 4px;
	font-size: 11px;
}
#search-wrap #album-options li.first a {
	margin-left:0;
}
#search-wrap #album-options li.last {
	display: inline;
	border: none;
}

#search-wrap #search-bar 
{
    position: relative;
	float: right;
	margin: 5px 10px 0 0;
	margin: 5px;
	display: inline;
}

#search-wrap #defaultsearchtext 
{
    position:absolute;
    width: 230px;
    height: 20px;
    color: #CCC;
    font-size: 16px;
    font-weight: bold;
    top: 0px;
    left: 20px;
    padding-top: 6px;
    display: none;
}

#search-wrap #searchtext {
	width: 230px;
	clear: both;
	padding:0;
	margin: 3px 5px 0 0;
	background: white url(/tresources/en/images/icons/mag-glass.png) no-repeat scroll 4px 6px ;
	border: 1px solid #95A5C6;
	padding-left:20px;
	font-size: 18px;
}

#search-wrap #search-bar p {
	clear: both;
	text-align: center;
	margin:0; padding:0;
}
#search-wrap #search-bar p a {
	font-size: 10px;
}
#search-wrap li {
	margin:0; padding:0;
}

.return-link {
	border-top: 1px solid #DDD;
	margin-top: 45px;
}
.return-link img {
	margin-top: 10px;
}

/* =add and edit */
#t-helpfiles p {
    margin: 0 0 2px 0;
}

#t-helpfiles input.question {
    width: 80%;
    padding: 2px;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}

#t-helpfiles-adminpanel {
    background-color: #F7F7F7;
    border: 1px solid silver;
    margin-top: 20px;
    padding: 10px;
}

#t-helpfiles-errors {
    border: 1px solid black;
    background-color: #FFFFCC;
    padding: 10px;
}

/* =search */

.t-helpfiles-searchresult 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin-top: 15px;
}

.t-helpfiles-searchresult h2
{
    padding: 0;
    border-bottom: 1px solid #DDDDDD;
    font-weight: bold;
    color: #000;
}

.t-helpfiles-searchresult h2 a
{
    font-size: 14px;
    text-decoration: none;
}

.t-helpfiles-description 
{
    margin: 20px 0px 0px 0px;
    padding: 0;
    text-align: justify;
}

.t-helpfiles-searchresult-header 
{
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;   
}

.t-helpfiles-author 
{
    margin: 0;
    padding: 0;
    font-size: 10px;
    color: #999;
    float: left;
}

.t-helpfiles-skillevel
{
    margin: 0;
    padding: 0;   
    font-size: 10px;
    color: #999;
    float: right;
}

.t-helpfiles-skillevel .pick 
{
    margin: 0px 5px 0px 0px;
    padding: 0px 2px 0px 2px;
    background-color: #FFFFCC;
    color: #666;
}


.t-helpfiles-skillevel .pick a 
{
    color: #666;
    text-decoration: none;
    font-size: 10px;
}

.t-helpfiles-skillevel .nonpick 
{
    margin: 0px 5px 0px 0px;
    padding: 0px 2px 0px 2px;
    color: gray;
}

.t-helpfiles-skillevel .nonpick  a
{
    color: gray;
    text-decoration: none;
    font-size: 10px;
}


.t-helpfiles-related 
{
    margin: 5px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
    list-style-type: none;
    background-color: #f7f7f7;
}

.t-helpfiles-related li
{
    margin: 0px 0px 0px 15px;
}

.t-helpfiles-related a 
{
   text-decoration: none;
   font-size: 1.1em;
   letter-spacing: .1em;
}

.t-helpfiles-related a:hover 
{
   text-decoration: underline;
   font-size: 1.1em;
   letter-spacing: .1em;
}

.t-helpfiles-related .t-helpfiles-related-lighttext 
{
    margin: 0px 0px 0px 15px;
    list-style-type: none;
    color: #999;
}

/* FROM here on down the CSS has been cleaned up */
/* UP needs to be cleaned up...if you have a question ask me GAZ 10.2007 */
/* =index page */

#t-helpfiles-index 
{
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}

#t-helpfiles-index #leftcolumn
{
    width: 69.9%;
    float: left;
}

#t-helpfiles-index #rightcolumn
{
    width: 30%;
    float: left;
}

#t-helpfiles-index #topics 
{
    width: 98%;
    float: left;
    overflow: auto;
}

#t-helpfiles-index #topics h2.headline
{
    position: relative;
    width: 92%;
    margin: 0 0 5px 0;
    padding: 0;
    border-bottom: 1px solid #DDDDDD;
}

#t-helpfiles-index #topics h2.headline a
{
    position: absolute;
    right: 0;
    top: 1px;
    text-decoration: none;
    font-size: .8em;
    font-weight: normal;
}

#t-helpfiles-index #topics h2.headline a:hover
{
    position: absolute;
    right: 0;
    top: 1px;
    text-decoration: underline;
    font-size: .8em;
    font-weight: normal;
}

#t-helpfiles-index #topics .wrapper 
{
    width: 100%;
    float: left;
    /*
    height: 350px;
    overflow: auto;
    */
}
#t-helpfiles-index #topics .column 
{
    margin-left: 5px;
    width: 46%;
    float: left;
}

#t-helpfiles-index #topics .item 
{
    width: 100%;
    float: left;
    margin: 5px 2px 0 2px;
}

#t-helpfiles-index #topics .item a
{
    text-decoration: none;
}

#t-helpfiles-index #topics .item a:hover
{
    text-decoration: underline;
}

#t-helpfiles-index #quicknav 
{
    width: 100%;
    float: left;
}

#t-helpfiles-index #quicknav a 
{
    font-weight: bold;
    text-decoration: none;
}

#t-helpfiles-index #quicknav a:hover 
{
    text-decoration: underline;
}

#t-helpfiles-index #quicknav ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#t-helpfiles-index #quicknav ul li
{
    margin-bottom: 2px;
}

#t-helpfiles-index #quicknav h2.headline
{
    margin: 0 0 5px 0;
    padding: 0;
    border-bottom: 1px solid #DDDDDD;
}

#t-helpfiles-index #mostviewed 
{
    margin: 10px 0 0 0;
    width: 100%;
    float: left;
}

#t-helpfiles-index #mostviewed a 
{
    font-weight: normal;
    text-decoration: none;
}

#t-helpfiles-index #mostviewed a:hover 
{
    text-decoration: underline;
}

#t-helpfiles-index #mostviewed h2.headline
{
    margin: 0 0 5px 0;
    padding: 0;
    border-bottom: 1px solid #DDDDDD;
}

#t-helpfiles-index #mostviewed ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#t-helpfiles-index #mostviewed ul li
{
    padding-bottom: 2px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #D8DFEA;
}

#t-helpfiles-index #faq
{
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
    float: left
}

#t-helpfiles-index #faq h2.headline
{
    margin: 0 0 5px 0;
    padding: 0;
    border-bottom: 1px solid #DDDDDD;
}

#t-helpfiles-index #faq .result
{
    background-color: #F7F7F7;
    margin-bottom: 5px;
    border: 1px solid #D8DFEA;
    border-top-width: 2px;
}

#t-helpfiles-index #faq .question
{
    margin: 2px 0 0 5px;
    font-weight: bold;
    color: #555;
}

#t-helpfiles-index #faq a.answerlink 
{
    font-size: .9em;
    font-weight: normal;
    text-decoration: none;  
}

#t-helpfiles-index #faq a.answerlink:hover
{
    font-size: .9em;
    font-weight: normal;
    text-decoration: underline;  
}

#t-helpfiles-index #faq .question a
{
    font-size: 1.2em;
    text-decoration: none;  
}

#t-helpfiles-index #faq .question a:hover
{
   text-decoration: underline; 
}
#t-helpfiles-index #faq .answerlink 
{
  margin: 5px 5px 5px 10px; 
}

#t-helpfiles-index #faq .answer
{
    border: 1px solid #D8DFEA;
    background-color: #F2F2F2;
    margin: 5px;
    padding: 10px;
    display: none;
}

#t-helpfiles-index #featured
{
    width: 100%;
    margin: 15px 0 0 0;
    padding: 0;
    float: left
}

#t-helpfiles-index #featured h2.headline
{
    margin: 0 0 5px 0;
    padding: 0;
    border-bottom: 1px solid #DDDDDD;
}

#t-helpfiles-index #featured .result
{
    background-color: #F7F7F7;
    margin-bottom: 5px;
    border: 1px solid #D8DFEA;
    border-top-width: 2px;
}

#t-helpfiles-index #featured .question
{
    margin: 2px 0 0 5px;
    font-weight: bold;
    color: #555;
}

#t-helpfiles-index #featured a.answerlink 
{
    font-size: .9em;
    font-weight: normal;
    text-decoration: none;  
}

#t-helpfiles-index #featured a.answerlink:hover
{
    font-size: .9em;
    font-weight: normal;
    text-decoration: underline;  
}

#t-helpfiles-index #featured .question a
{
    font-size: 1.2em;
    text-decoration: none;  
}

#t-helpfiles-index #featured .question a:hover
{
   text-decoration: underline; 
}
#t-helpfiles-index #featured .answerlink 
{
  margin: 5px 5px 5px 10px; 
}

#t-helpfiles-index #featured .answer
{
    border: 1px solid #D8DFEA;
    background-color: #F2F2F2;
    margin: 5px;
    padding: 10px;
    display: none;
}

/* =request page */

#t-helpfiles-reqlist 
{
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}

#t-helpfiles-reqlist #req
{
    width: 100%;
    margin: 0;
    padding: 0;
}

#t-helpfiles-reqlist #req h2.headline
{
    margin: 0 0 15px 0;
    padding: 0;
    border-bottom: 1px solid #DDDDDD;
}

#t-helpfiles-reqlist #req .result
{
    margin-bottom: 15px;
}

#t-helpfiles-reqlist #req .question
{
    margin: 2px 0 0 5px;
    font-weight: bold;
    color: #555;
}

#t-helpfiles-reqlist #req .question a
{
    font-size: 1.2em;
    text-decoration: none;  
}

#t-helpfiles-reqlist #req .question a:hover
{
   text-decoration: underline; 
}

#t-helpfiles-reqlist #req .answerbox
{
  margin: 5px 5px 5px 0px; 
}

#t-helpfiles-reqlist #req .answer
{
    border: 1px solid #D8DFEA;
    background-color: #F2F2F2;
    margin: 5px;
    padding: 10px;
}

#t-helpfiles-reqlist #req .submitted 
{
    margin-top: 10px;
    border-top: 1px solid #D8DFEA;
    color: #777;
    font-size: 10px;
    padding-top: 2px;
}

/* =drafts page */

#t-helpfiles-drafts
{
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}

#t-helpfiles-drafts #draft
{
    width: 100%;
    margin: 0;
    padding: 0;
}

#t-helpfiles-drafts #draft h2.headline
{
    margin: 0 0 15px 0;
    padding: 0;
    border-bottom: 1px solid #DDDDDD;
}

#t-helpfiles-drafts #draft .result
{
    margin-bottom: 15px;
}

#t-helpfiles-drafts #draft .question
{
    margin: 2px 0 0 5px;
    font-weight: bold;
    color: #555;
}

#t-helpfiles-drafts #draft .question a
{
    font-size: 1.2em;
    text-decoration: none;  
}

#t-helpfiles-drafts #draft .question a:hover
{
   text-decoration: underline; 
}

#t-helpfiles-drafts #draft .answerbox
{
  margin: 5px 5px 5px 0px; 
}

#t-helpfiles-drafts #draft .answer
{
    border: 1px solid #D8DFEA;
    background-color: #F2F2F2;
    margin: 5px;
    padding: 10px;
}

#t-helpfiles-drafts #draft .submitted 
{
    margin-top: 10px;
    border-top: 1px solid #D8DFEA;
    color: #777;
    font-size: 10px;
    padding-top: 2px;
}

/* =view page settings */
#t-helpfile-view 
{
  width: 100%;   
}

#t-helpfile-view .title-wrap
{
  float: left;
  width: 100%;  
}

#t-helpfile-view .title-wrap .title
{
  width: 360px;
  padding: 0;
  margin: 0;
  float: left; 
}

#t-helpfile-view .title-wrap .title h1
{
  padding: 0;
  margin: 0;
}

#t-helpfile-view .title-wrap .t-helpfiles-skillevel
{
  float: right; 
}

#t-helpfile-view .extras 
{
    border: 1px solid silver;
    background-color: #F7F7F7;
    border-right-width: 2px;
    border-bottom-width: 2px;
    padding: 10px;
    margin: 5px 0 2px 0;
}
#t-helpfile-view .iconrow
{
    text-align: right;
}


#t-helpfile-view .favorites
{
    margin: 5px 0 2px 0;
}

#t-helpfile-view .tags 
{
    margin: 5px 0 2px 0;
}

#t-helpfile-view .bookandemail
{
    margin: 5px 0 2px 0;
}

#t-helpfile-view .ratings
{
    margin: 5px 0 2px 0;
}

#t-helpfile-view .contactform
{
    border: 1px solid silver;
    background-color: #F7F7F7;
    border-right-width: 2px;
    border-bottom-width: 2px;
    padding: 10px;
    margin: 5px 0 2px 0;
}

#t-helpfile-view .content 
{
    float: left;
    margin: 5px 0 10px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #D8DFEA;
    width: 100%;
}

#t-helpfile-view .t-creator {
    float: right;
    position: relative;
    width: 220px;
    height: 48px;
    border: solid 1px #d7d7d7;
    padding: 4px;
}

#t-helpfile-view .t-creator p {
    margin: 0;
    padding: 0;
}

#t-helpfile-view .t-creator .creator-image {
    position: absolute;
    top: 4px;
    left: 4px;
}

#t-helpfile-view .t-creator .creator-details {
    position: absolute;
    margin-left: 62px;
}


/* =default tendenci allow view checkboxes */

.t-allowviewby .input 
{
    display: inline;
}

.t-allowviewby .text 
{
    display: inline;
    color: #555;
} 

.t-alloweditby .input 
{
    display: inline;
}

.t-alloweditby .text 
{
    display: inline;
    color: #555;
}