/*  
    --------------------------------------------------------------
* @name portal_adds.css
* @package phpBB3 Portal XL
* @version $Id: portal_adds.css,v 1.24 2008/11/27 13:29:58 damysterious Exp $
*
* @copyright (c) 2007, 2009 Portal XL Group
* @license http://opensource.org/licenses/gpl-2.0.php The GNU General Public License (GPL)
    --------------------------------------------------------------
*/

/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts 
   Also see tweaks.css */
.column1 {
	float: left;
	clear: left;
	width: 49%;
}

.column2 {
	float: right;
	clear: right;
	width: 49%;
}

/* added mods changes */
.rtl .rtl .icon-download, .rtl .icon-hacklist, .rtl .icon-tracker, .rtl .icon-gallery, .rtl .icon-toplist {
	background-position: 100% 50%;
	padding: 1px 17px 0 0;
}

.icon-contact, .icon-download, .icon-hacklist, .icon-tracker, .icon-toplist {
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-image: none;
	padding: 1px 0 0 17px;
}

.icon-contact					{ background-image: url("{T_THEME_PATH}/images/icon_contact.gif"); }
.icon-download					{ background-image: url("{T_THEME_PATH}/images/icon_dl.gif"); }
.icon-hacklist					{ background-image: url("{T_THEME_PATH}/images/icon_hl.gif"); }
.icon-tracker					{ background-image: url("{T_THEME_PATH}/images/icon_bt.gif"); }
.icon-kb						{ background-image: url("{T_THEME_PATH}/images/icon_kb.gif"); }
.icon-toplist					{ background-image: url("{T_THEME_PATH}/images/icon_toplist.gif"); }

/* GYM Sitemaps & RSS - www.phpbb-seo.com */
div.gymsublist {
	display:block;
	position:relative;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:10px;
	padding-right:0;
	margin:0;
}
div.gymsublist ul {
	display:block;
	position:relative;
	height:1%;
	padding-left:30px;
}
div.gymsublist ul li {
	display:block;
	position:relative;
	line-height:18px;
	font-size:11px;
}
/* GYM Sitemaps & RSS - www.phpbb-seo.com */

/* added mods changes */

/* Input field styles
---------------------------------------- */

/*  
.row1, .row2, .row3 {
filter:alpha(opacity=50);
-moz-opacity: 0.5; 
opacity: 0.5;
-khtml-opacity: 0.5;
}
*/

a {
outline: none;
}

select {
	font-size: 9px;
	font-weight: normal;
	padding: 1px;
}

h5 {
	/* Portal block titles */
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
	font-size: 1.1em;
}

div#portal_container{
	border: 0px solid #ccc;
}

div#toolTip {
	position: absolute;
	z-index: 1000;
	width: auto;
	background: #FFFFF0;
	border: 1px solid black;
	text-align: center;
	padding: 5px;
	min-height: 1em;
}

div#toolTip p {
	margin: 0px;
	padding: 0px;
	color: #000080;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.acronym {
  font-style: italic;
  border-bottom: 1px #BD5121 dashed ;
  color: #459B37;
  cursor: help;
}

.subforum.read {  
   background: url("{IMG_SUBFORUM_READ_SRC}") center left no-repeat;  
   padding-left: 12px;  
}  
.subforum.unread {  
   background: url("{IMG_SUBFORUM_UNREAD_SRC}") center left no-repeat;  
   padding-left: 12px;  
}  

/* -------------------------
   calendar mod additions... 
   ------------------------- */
   
/* uses border-top-color = .bg3 background-color
 (the line between events in the month display) */
hr.hrCal { 
	border-top-color: #778899;
}

/* uses color from h1
   (calendar header previous and next links) */
.calH1 {
	color: #999999;
	font-weight: bold;
	font-size:200%
}

/* The from and to times take up a lot of 
  space in the calendar display.
  Use this to shrink them */
.smCalText{font-size:85%}

/* bg4 is just slightly darker then bg3 
  (used in calendar headers) */
.bg1	{ background-color: #0F0F0F; } 
.bg2	{ background-color: #383838; } 
.bg3	{ background-color: #3e3e4e; }  
.bg4	{ background-color: #000000; font-weight: bold; border-width: 0px 1px 0px 1px; border-color: #999999; border-style: solid; }

/* uses background-color of .bg3
    (used to display the numbers and icons for 
    each day in the month and week view displays ) */
table tbody td.bg3_calMonH{ 
	background-color: #808080;
	font-size: 10px;
	color: White;
}

/* uses background-color of .bg4
    (used to display the numbers and icons for 
    each day in the month and week view displays ) */
table tbody td.bg4_calMonH{ 
	background-color: #444444;
	font-size: 10px;
	color: White;
}

table.table_minical {
	width: 99%;		/* IE < 6 browsers */
	/* Tantek hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 100%;
}

/* uses background-color of .bg1
   (used to display days in calendar month/week view) */ 
table.table1 tbody td.bg1_calMon {
	background-color: #696969;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
	color: White;
}
/* uses background-color of .bg2
   (used to display days in calendar month/week view) */ 
table.table1 tbody td.bg2_calMon {
	background-color: #9E9E9E;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
	color: Black;
}
/* uses background-color of .bg3
   (used to display days in calendar month/week view) */ 
table.table1 tbody td.bg3_calMon {
	background-color: #AAAAAA;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
	color: Black;
}


/* uses background-color of .bg1
   uses border-top-color = .forumbg background-color
   (used to display events in calendar day view) */ 
table.table1 tbody td.bg1_calDay {
	background-color: #C9C9C9;
	border-top-color: #696969;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 3px;
	padding-right: 3px;
	color: Black;
}

/* uses background-color of .bg3
   uses border-top-color = .forumbg background-color
   (used to display negative space in calendar day view) */ 
table.table1 tbody td.bg3_calDay {
	background-color: #B0B0B0;
	border-top-color: #8C8C8C;
	color: Black;
}

/* The following are part of the calendar mod.
   They follow the same format as the reply-icon, post-icon, locked-icon, pmreply-icon, newpm-icon, and forwardpm-icon.
   If you are trying to implement a style other then prosilver, look at how your existing style defines
   those icons, and do the same for the new calendar icons.
*/
.calendar-new-icon span    { background: transparent none 0 0 no-repeat; }
.calendar-day-icon span    { background: transparent none 0 0 no-repeat; }
.calendar-week-icon span   { background: transparent none 0 0 no-repeat; }
.calendar-month-icon span  { background: transparent none 0 0 no-repeat; }

/* The following are part of the calendar mod.
   They follow the same format as the reply-icon, post-icon, locked-icon, pmreply-icon, newpm-icon, and forwardpm-icon.
   If you are trying to implement a style other then prosilver, look at how your existing style defines
   those icons, and do the same for the new calendar icons.
   
   Note the "text-align: left" was added because there were a few instances where the icons were cut in half... 
   adding the text align property helps reserve enough space to fully display the icon.
*/
.buttons div.calendar-new-icon		{ width: 16px; height: 16px; text-align: left; float: left; margin: 2px 0 2px 2px; }
.buttons div.calendar-day-icon		{ width: 16px; height: 16px; text-align: left; float: left; margin: 2px 0 2px 2px; }
.buttons div.calendar-week-icon		{ width: 16px; height: 16px; text-align: left; float: left; margin: 2px 0 2px 2px; }
.buttons div.calendar-month-icon	{ width: 16px; height: 16px; text-align: left; float: left; margin: 2px 0 2px 2px; }

/* The following are part of the calendar mod.
   They follow the same format as the reply-icon, post-icon, locked-icon, pmreply-icon, newpm-icon, and forwardpm-icon.
   If you are trying to implement a style other then prosilver, look at how your existing style defines
   those icons, and do the same for the new calendar icons.
*/
.calendar-new-icon span 	{ background-image: url("{T_IMAGESET_LANG_PATH}/calendar_new_star_icon.gif"); float: left; margin-left: 5px; background-repeat: no-repeat;}
.calendar-day-icon span     { background-image: url("{T_IMAGESET_LANG_PATH}/calendar_day_icon.gif"); float: left; margin-left: 5px; background-repeat: no-repeat;}
.calendar-week-icon span    { background-image: url("{T_IMAGESET_LANG_PATH}/calendar_week_icon.gif"); float: left; margin-left: 5px; background-repeat: no-repeat;}
.calendar-month-icon span   { background-image: url("{T_IMAGESET_LANG_PATH}/calendar_month_icon.gif"); float: left; margin-left: 5px; background-repeat: no-repeat;}

/* -------------------------
   calendar mod end
   ------------------------- */

/* Attachment Box in news/announcemnt
----------------------------------------*/
.attachbox {
	border: 1px dashed #5873B0;
	direction: ltr;
	font: 0.85em/1.4em Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
	margin: 5px 0px 0px 10px;
	padding: 5px;
	text-align: left;
	width: 85%;
}