/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
    Style name:     Grey Order
    Based on style: subSilver (the default phpBB 2 style)
    Original author:    subBlue ( http://www.subBlue.com/ )
    Modified by:        Seigiard ( http://www.seigiard.com )
    
    This is an alternative style for phpBB3 for those wishing to stay with
    the familiar subSilver style of phpBB version 2.x
    
    Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
    --------------------------------------------------------------
*/

/* Layout
 ------------ */
* { margin:0; padding:0; }

html { padding:0; margin:0; font-size:100%; }

body { margin: 0; padding:0; vertical-align:top; background: #e0e0e0 url(images/background.gif) top left repeat-x; }

body, p, td, th { font:normal 9pt/1.3em Tahoma; color:#363636; }

a, a:link, a:active, a:visited { color: #009; text-decoration: none; }
a:hover { color: #a00; text-decoration: underline; }

blockquote { margin:0 0 0 4em; }

img	{ border-width:0; vertical-align:middle; }

h1, h2, h3, h4, h5, h6 { margin:0; font:normal 9pt/1.3em Tahoma; }
h1 	{ font-size:19pt; }
h2 	{ font-size:17pt; }
h3 	{ font-size:14.5pt; }
h4 	{ font-size:13pt; }
h5 	{  }
h6 	{  }

hr {
	height:1px; border:1px dashed #333333; border-width:1px 0 0 0;
	margin:1em 0; padding:0
}

p { margin:0.7em 0; padding:0; }

small, .smalltxt { font-size: 90%; }
.bigtxt		{ font-size: 120%; font-weight:bold; }

ul, ol { margin:0; padding:0 0 0 3em;}
ul { list-style-type:square; }
li { margin:0.2em 0;}

@import url("medals.css");
@import url("memberlist_avatar.css");

/* FORM */
form { margin:0; padding:0; }
fieldset { padding: 5pt 10pt; margin:0; border:1px solid #aaa; }
legend { }
label { display:block; font-size:90%; }

input, select, textarea {
	background-color: #eaeaea; border: 1px #787878 solid;
	font:normal 8pt/1.2em Verdana, Arial, Helvetica, sans-serif;
}

textarea { width: 400px; }

table { border-collapse:collapse; }
td {}

input.text { }
input.password { color:#787878; }
input.checkbox, input.radio { border:none;}
input.submit, input.reset, input.button { margin:0; padding:0 15pt; font-weight:bold; background:#b5b5b5; }

/* TEMPLATE */

#menubar { display:block; padding:0 20pt 0 0; margin:0; height:21px; font:bold 11px/21px Tahoma; }
    #menubar img {padding:3px 0;}
    #menubar #logo { padding:0; }
        #menubar #logo img {padding:0; vertical-align:top; }
    #menubar a { text-decoration:none; padding:0 10px; color:#ccc; }
    #menubar a:hover { color: #f0f0f0; }

#menu { display:block; padding:0 5%; margin:0; height:21px; font:bold 8pt/21px Tahoma; color:#aaa; }
    #menu div.f-right { font-size:90%; font-weight:normal; }
#menu a { float:left; text-decoration:none; padding:0 5px; margin:0 10px 0 0; color:#b5b5b5; }
#menu a:hover { background:#787878 url("images/bg-menu-hover.gif") top left repeat-x; color:#0b0b0b; }

#wrapheader {}

#wrapcentre { padding:2em 10% }

#wrapfooter { padding:2px 10%; margin:0; background:#d0d0d0 url("images/bg-footer.gif") bottom right no-repeat; 
    border:1px solid #bbb; border-width:1px 0; color: #666; font-size:8pt; }
    #wrapfooter .gensmall { font-size:9pt!important;}

.gensmall { font-size:90%; }

.breadcrumbs { padding:0; margin:0; font-size:90%; font-weight:bold; }
.datetime { float:right; margin:-1.3em 0 0 0; font-size:90%; }
.linkmcp { float:right; margin-top:-2em; }

table.tablebg { margin:10pt 0; }
table.tablebg td, table.tablebg th { border:1px solid #787878; padding:5px 10px; }
table.tablebg td td, table.tablebg th td { border:none; padding:0; }
	table.tablebg th { background: #bbb; padding:3px 10px; text-align:left; font-size:8pt; font-weight:bold; }
table.tablebg thead th, table.tablebg tfoot th { background: #d0d0d0; }
.row1 { background-color: #d0d0d0; }
.row2 {}

.cat h3, .cat h4 { font-size:10pt; margin:0; padding:3px 0; font-weight:bold }
.cat .nav { font-size:8pt; }

.forumlink, .topictitle { font-size:14.5pt; }
.forumdesc { padding:0 0 0 10px; margin:5px 0 0 0; }
.topicdetails { font-size:8pt; margin:0; }

span.postbody { font-size:90%; color:#787878; } /* Signature */
.postdetails { font-size:90%; color:#787878; }

ul.nav { font-size:90%; }

.subforum.read {  
    background: url(../imageset/subforum_read.gif) 0 3px no-repeat;  
    padding-left: 15px;
}  
.subforum.unread {  
    background: url(../imageset/subforum_unread.gif) 0 3px no-repeat;  
    padding-left: 15px;  
}  

.quotetitle { font-size:90%; font-weight:bold; color:#787878; padding:2pt 0; border-top:1px solid #787878; }
.quotecontent { padding:5pt 10px 5pt 20pt; border-bottom:1px solid #787878; background:#bbb; }

/* -------------------------
   calendar mod additions... 
   ------------------------- */
   
/* 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: {IMG_BUTTON_CALENDAR_NEW_WIDTH}px; height: {IMG_BUTTON_CALENDAR_NEW_HEIGHT}px; text-align: left; }
.buttons div.calendar-day-icon   { width: {IMG_BUTTON_CALENDAR_DAY_WIDTH}px; height: {IMG_BUTTON_CALENDAR_DAY_HEIGHT}px; text-align: left; }
.buttons div.calendar-week-icon   { width: {IMG_BUTTON_CALENDAR_WEEK_WIDTH}px; height: {IMG_BUTTON_CALENDAR_WEEK_HEIGHT}px; text-align: left; }
.buttons div.calendar-month-icon   { width: {IMG_BUTTON_CALENDAR_MONTH_WIDTH}px; height: {IMG_BUTTON_CALENDAR_MONTH_HEIGHT}px; text-align: left; }

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

/* uses color from h1
   (calendar header previous and next links) */
.calH1 {
   color: #000000;
   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 
  days of the week name headers
  (used in calendar headers) */
.bg4   {    height: 28px;
   margin: 0;
   padding: 0;
   border: 0;
   background-color: #C7D0D7;
   background-image: url('./images/cellpic1.gif');
   text-indent: 4px; }

/* uses background-color of .bg3
   this is "normal" day header color
    (used to display the numbers and icons for 
    each day in the month and week view displays ) */
table tbody td.bg3_calMonH{ 
   background-color: #DCE1E5;
   font-size:85%
}

/* uses background-color of .bg4
   this is "today/selected" header color
    (used to display the numbers and icons for 
    each day in the month and week view displays ) */
table tbody td.bg4_calMonH{ 
   background-color: #C0C8D0;
   font-size:85%
}

/* uses background-color of .bg1
   these are "normal" days
   (used to display days in calendar month/week view) */ 
table.table1 tbody td.bg1_calMon {
   background-color: #ECECEC;
   padding-top: 2px;
   padding-bottom: 5px;
   padding-left: 4px;
   padding-right: 4px;
}
/* uses background-color of .bg2
   this is "current/slected" day
   (used to display days in calendar month/week view) */ 
table.table1 tbody td.bg2_calMon {
   background-color: #DCE1E5;
   padding-top: 2px;
   padding-bottom: 5px;
   padding-left: 4px;
   padding-right: 4px;
}
/* uses background-color of .bg3
   these are "dummy" days
   (used to display days in calendar month/week view) */ 
table.table1 tbody td.bg3_calMon {
   background-color: #f2f2f2;
   padding-top: 2px;
   padding-bottom: 5px;
   padding-left: 4px;
   padding-right: 4px;
}


/* 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: #DCE1E5;
   border-top-color: #C0C8D0;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 3px;
   padding-right: 3px;
}

/* 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: #f2f2f2;
   border-top-color: #C0C8D0;
}

/* 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("{IMG_BUTTON_CALENDAR_NEW_SRC}") ;}
.calendar-day-icon span     { background-image: url("{IMG_BUTTON_CALENDAR_DAY_SRC}") ;}
.calendar-week-icon span    { background-image: url("{IMG_BUTTON_CALENDAR_WEEK_SRC}") ;}
.calendar-month-icon span   { background-image: url("{IMG_BUTTON_CALENDAR_MONTH_SRC}") ;}

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

/* ============== Overall ============== */
.f-left { float:left; }
.f-right { float:right; }