@import url(../../../default/css/global.css);

/*
 ocPortal
 Copyright (c) ocProducts, 2004-2005

 You may not distribute a modified version of this file, unless it is solely as an ocPortal modification.
 See text/en/licence.txt for full licencing information.

*/


table.postsecret a { text-decoration: none; color: #fff; }
table.postsecret a:hover { text-decoration: underline }

table.postsecret td {
	border: 1px solid #999;
	padding-left: 2px;
}
table.postsecret td.month {
	font-size: 1.5em;
	font-weight: bold;
	background-color: #181818;
	padding: 8px;
}
table.postsecret tr.No { background-color: #222; color: #888; }
table.postsecret tr.Yes { background-color: #444; }
table.postsecret td.row1 { padding-left: 8px; }
.row1 { padding-left: 8px; }

table.postsecret { border-collapse: collapse; }
table.postsecret table.internal { margin: -2px auto; padding: 0; }
table.postsecret table.internal td { border: 0; padding: 0; margin: 0; }
table.postsecret tr.Yes table.internal td.dates { color: #aaa; font-size: .85em; width: 80%;}
table.postsecret tr.No table.internal td.dates { color: #666; font-size: .85em; width: 80%;}

/*
=========================
======Global Styles======
=========================
*/



body {
   margin: 0px;
   padding: 0px;
   font-size: 0.8em;
   color: #fff;
   background-color: #000;
   font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;
}

textarea, input {
   font-size: 1.0em;
   font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;
}

a:link {
   color: #ccc;
   text-decoration: underline;
}

a:visited {
   color: #ccc;
   text-decoration: underline;
}

a:hover {
   color: #ededed;
   text-decoration: underline;
}

code {
   font-size: 1.0em;
}

h1 {
   font-size: 1.0em;
   font-weight: normal;
   display: inline;
}

h2 {
   font-size: 1.3em;
   color: #ddd;
   border-bottom: 1px solid;
   text-transform: lowercase;
   font-weight: normal;
   width: 30%;
   padding-left: 10px;
}

h3 {
   font-size: 1.1em;
   color: #ccc;
   border-bottom: 1px solid;
   text-transform: lowercase;
   font-weight: bold;
   width: 200px;
   padding-left: 10px;
}

h3 a:link,
h3 a:active,
h3 a:visited,
h3 a:hover {
   text-decoration: none;
}

h4 {
   font-size: 1.0em;
   font-weight: bold;
}

td {
   font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;
   vertical-align: middle; 
   font-size: 1em;
}

th, .fake_th {
   font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;
   vertical-align: middle;
   background-color: #9FB7DB;
   font-size: 0.85em;
   color: #2F3741;
   font-weight: bold;
   height: 1.8em;
   text-align: center;
}

/* Allows structurally accurate, but visually non-interfering, markup  */
.de_th {
   text-align: left;
   background-color: transparent;
   font-size: 1em;
   color: black;
   font-weight: normal;
   height: 1em;
   border: 0;
}

img {
   border: 0;
}

iframe {
   padding: 0px;
   margin: 0px;
   border: 0px;
}

hr { /* Fixes difference with Opera */
   text-align: left;
}

/*
=========================
=====ocPortal Styles=====
=========================
*/

.buttonhyperlink {
   border-style: none;
   background-color: transparent;
   text-decoration: underline;
   border: 0px;
   margin: 0px;
   padding: 0px;
   color: #12467A;
}

/* This will push back 100% width elements that would cause CSS-overflows or table-stretches. Input fields do it a lot because they are "solid right through". Doesn't happen for drop-downs and buttons */
.constrain_field {
   padding-right: 6px;
}

/* Makes a link tag (a) look like it's not anything special (we use these tags as tab points sometimes) */
.non_link:link,
.non_link:visited,
.non_link:hover,
.non_link:active {
   color: black;
   text-decoration: none;
}

/* see also medborder declaration near bottom, and .ocf_on declaration above */
.category_browser a:link,
.category_browser a:visited,
.category_browser a:hover,
.category_browser a:active,
.category_browser p {
   text-decoration: none;
   padding: 2px 5px;
   margin-top: 0px;
   background-image: url("http://www.allenellis.com/themes/default/images/cat_browser_gradiant.png");
}
.category_browser a:hover {
   background-image: url("http://www.allenellis.com/themes/default/images/cat_browser_gradiant_hover.png");
}

.category_launcher a:link,
.category_launcher a:visited,
.category_launcher a:hover,
.category_launcher a:active,
.category_launcher p {
   text-decoration: none; 
   padding: 0px 3px; 
   margin-top: 0px;
}

.category_browser .light, .category_launcher .light {
   background-color: #F4F7FA; /*60% white over bgcol*/
   background-image: url("http://www.allenellis.com/themes/default/images/cat_browser_gradiant_light.png");
}

.category_launcher {
   font-size: 0.8em;
   display: inline;
}

/* .comcode_quote is used where the [quote] tag is parsed. */
/* .comcode_code is used where the [code] tag is parsed. */
.comcode_quote, .comcode_code {
   margin:15px;
}
.comcode_quote_h4,
.comcode_code_h4 {
   border: 1px solid #88b;
   padding: 4px;
   margin-bottom: 0px;
   background: #8CA7D2 url("http://www.allenellis.com/themes/default/images/quote_gradiant.png") repeat-y;
}
.comcode_quote_content,
.comcode_code_content {
   border: 1px solid #88b;
   display: block;
   padding: 5px;
   margin-left: 8px;
   background: #FAFBFC; /* 75% white over medborder color */
   color: #3F3F3F; /* 75% black over 75% white over medborder color */
}
.comcode_code_content {
   font-family: 'Courier New', 'Courier', monospace;
   font-size: 1.1em;
}

.menu_section {
   list-style-type: none;
   padding-left: 0px;
   margin-top: 2px;
   margin-left: 5px;
}

.menu_section li {
   margin: 0px;
   padding: 0px;
   display: block !important;
   padding: 3px 0px 3px 0px;
}

.current_page a, .current_page span {
   background: transparent url("http://www.allenellis.com/themes/default/images/menu_bullet_current.gif") no-repeat 0px 0.5em !important;
   padding-left: 9px;
}

.non_current_page a {
   background: transparent url("http://www.allenellis.com/themes/default/images/menu_bullet.gif") no-repeat 0px 0.5em;
   padding-left: 9px;
}

.non_current_page a:hover {
   background: transparent url("http://www.allenellis.com/themes/default/images/menu_bullet_hover.gif") no-repeat 0px 0.5em;
}

.buttonhyperlink:hover {
   color: #9C202F;
}

/* dottedborder is for input forms */
.dottedborder {
   /* By concentrating on the width and telling the margin to adapt, we won't have "jump out" problems */
   margin-left: auto;
   margin-right: auto;
   width: 98%;
   table-layout: fixed;

   border: 1px solid #758AAC;
   border-collapse: collapse;
}
.dottedborder_barrier,
.dottedborder_barrier_a_nonrequired,
.dottedborder_barrier_b_nonrequired,
.dottedborder_barrier_a_required,
.dottedborder_barrier_b_required
{
   border: 1px dotted #758AAC;
   padding: 5px;
}
.dottedborder_barrier_a_nonrequired {
   background-color: #EBEFF5;
}
.dottedborder_barrier_a_required {
   background-color: #ECDEE4;
}
.dottedborder_barrier_b_nonrequired {
   background-color: #F2F5F9;
}
.dottedborder_barrier_b_required {
   background-color: #F3E4E7;
}

.required_field_warning {
   color: red;
}

/* A pagetitle is based on h1, but it is more elaborate. We try to use them at the top of every page */
.pagetitle {
   font-size: 1.6em;
   border-bottom: 1px solid #999;
}


/* medborder is like pretty-table, but used for content-dense boxes */
.medborder_detailhead {
   font-size: 0.8em;
   color: #335082;
   border-bottom: 1px solid;
   width: 300px;
   padding-left: 5px;
   padding-bottom: 0.5em;
}
.medborder_detailhead a {
   text-decoration: none;
   color: #0D345B;
}
.medborder_detailhead a:hover {
   color: #9C202F;
}


.prettytable_matched_iframe {
   background-color: #E4EAF2;
}
.standardbox_wrap_external, .standardbox_wrap_internal, .prettytable_wrap_internal, .prettytable_wrap_external, .prettytable_wrap_light {
   padding: 5px;
}
.standardbox_internal, .standardbox_external, .prettytable_internal, .prettytable_external {
   border: 1px solid #888;
   background-color: #444;
   margin: 0px;
}
.prettytable_light
{
	border: 1px solid #C3CDDD;
   background-color: #EBEFF5;
	margin-left: 10px;
	font-size: 0.85em;
}
.tabletitle_internal, .tabletitle_external {
   padding: 2px;
}
.standardbox_title_internal, .standardbox_title_external, .tabletitle_internal, .tabletitle_external {
   /* Structure */
   border-bottom: 0.085em solid #888;
   background-color: #202020;
   background-image: url("http://www.allenellis.com/themes/aecom/images_custom/title_gradiant.png");
   background-repeat: repeat-x;
   background-position: 100% 100%;
   white-space: nowrap;
   margin: 0px;

   /* Text */
   color: #FFF;
   text-align: center;
   font-weight: bold;
}
.tabletitle_internal { border-color: #747474; }
.tabletitle_light
{
   /* Structure */
	background-color: #9FB7DB;
   white-space: nowrap;
   margin: 0px;

   /* Text */
   color: #2F3741;
	text-align: center;
	font-weight: bold;
   height: 1.8em;
}
.standardbox_title_internal, .standardbox_title_external {
   line-height: 1.9em;
   vertical-align: middle;
   white-space: nowrap;
}
.standardbox_main_external, .standardbox_main_internal {
   padding: 3px;
}

/* Very similar to a pretty-table, but more like a 'featured island' */
.lightborder {
   border: 1px solid #555;
   background-color: #333;
}

/* medborder is similar to lightborder; in fact, there isn't any rule as to when to use each: it is just artistic */
.medborder,
.category_browser a,
.category_browser p,
.category_launcher a,
.category_launcher p {
   border: 1px solid #666;
   background-color: #383838;
}

.comcode_highlight {
   font-weight: bold;
   color: #FF0000;
}

.field_title_left {
   font-weight: bold;
   width: 150px;
}

.field_secondary_title_left {
   font-style: italic;
}

.column_titled_table {
}

.row_titled_table {
}

.important_notification {
   color: #FF0000;
}

.tiny_linebreak {
   line-height: 0.5em;
}

.associated_details {
   font-size: 0.8em;
}

/* Used for divs that need to be very close together */
.compact_spacing {
   margin-bottom: 1px;
   padding-bottom: 1px;
}

.associated_navtree {
   font-weight: bold;
}

.associated_caption {
   font-style: italic;
   font-size: 0.8em;
}

.associated_link_to_small {
   font-size: 0.8em;
}

.access_restricted_in_list {
   color: #FF0000;
   font-style: italic;
}

.donext_table {
   color: #FFFFFF;
   background-color: #5B84C4;
   font-size: 0.8em;
}

.privileged_actions_box {
   border: 1px;
}

.input_list_required, .input_line_required, .input_integer_required,
.input_tick_required, .input_float_required, .input_text_required, .input_upload_required {
   background-color: #F0D0D6;
}

.ocp_tooltip {
   font-size: 1em;
   font-family: sans-serif;
   padding: 3px;
   background-color: #F1F1FF;
   border: 1px solid #000000;
   z-index: 100;
}

.calendar_day_table {
   /* decided this looks ugly:
   border: 1px solid #C3CDDD;
   background-color: #EBEFF5;*/
   
}

.calendar_day_entry_title { font-weight: bold }
.calendar_day_entry_time  { font-size: 0.8em }

.calendar_priority_1,
.calendar_priority_2,
.calendar_priority_3,
.calendar_priority_4,
.calendar_priority_5,
.calendar_priority_free_time,
.calendar_free_time,
.calendar_hover,
.calendar_active {
   font-size: 0.85em;
   padding: 2px;
   border: 1px solid #758AAC;
   color: #565759;
   background-color: #EDF1F7;
}

/* The following classes are for the varying degress of priority that
   certian calendar events can hold. These can be used if, for example, you
   want to design higher priority events to have a darker background or an
   image. 1 is the highest priority, with 5 being the lowest. */

.calendar_priority_1 { }
.calendar_priority_2 { }
.calendar_priority_3 { }
.calendar_priority_4 { }
.calendar_priority_5 { }
.calendar_free_time { }
.calendar_free_time_hourly { } /* for free time in a given hour, as opposed to .calendar_free_time, which manages free time in a month, week, or year */
.calendar_hover { background-color: #EFD8DE }

.calendar_multiple { background-color: #FF0000 }
.calendar_spacer { background-color: #B1B7AD } /* for days of the month that aren't shown (ie, if a month ends on a Thursday, there are several spacers after it */

/* this is currently only used at the top of the calendar */
.top_navigation { border-collapse: collapse }
/* for XHTML validation reasons, the last class in this file must end with a semi-colon. */
.top_navigation td, .top_navigation div {
   border: 1px solid #758AAC;
   background-color: #F2F5F9; /*50% white over bgcolor*/
   padding: 3px;
}

.comcode_exp_ref {
   color: white; color: #444648; /*70% black over bgcolor*/
   font-size: 0.85em
}
.comcode_exp_ref a {
   background-image: url('http://www.allenellis.com/themes/default/images/arrow_box.png');
   padding-right: 15px;
   background-repeat: no-repeat;
   background-position: 100% 30%
}
.comcode_exp_ref a:hover {
   background-image: url('http://www.allenellis.com/themes/default/images/arrow_box_hover.png');
   padding-right: 15px;
   background-repeat: no-repeat;
   background-position: 100% 30%
}

.comcode_exp_thumb {
   background-color: #EBEFF5;
   width: 10%;
   padding: 0;
   margin: 5px;
}
.comcode_exp_thumb td {   border: 1px solid #758AAC; }
.comcode_exp_thumb p {
	color: #335082;
	font-size: 0.8em;
	padding: 2px;
	margin: 0;
	margin-bottom: 3px
}
.comcode_exp_thumb img {
   margin: 1px;
}

.comcode_concepts {
	font-size: 0.85em;
	border: 1px solid #C3CDDD;
   background-color: #EBEFF5;
	width: 80%;
	margin: auto
}
.comcode_concepts_header {
	font-weight: bold;
	text-align: center;
   background-color: #9FB7DB;
   color: #2F3741;
   height: 1.8em;
}
.comcode_concepts_title {
   background-image:url('http://www.allenellis.com/themes/default/images/checklist1.png');
   background-repeat: no-repeat;
   background-position: 1px 0px;
   vertical-align: top
}
.comcode_concepts_title p {
   text-indent: 14px;
   margin: 0px
}
.comcode_concepts_content {
   padding-bottom: 0.8em
}

.comcode_table_of_contents {
   border: 1px solid #C3CDDD;
   background-color: #EBEFF5;
   width: 35%;
   white-space: nowrap;
   font-size: 0.9em
}

.comcode_table_of_contents ol {
   list-style-position: inside;
   padding-left: 12px;
   margin: 0
}
.comcode_table_of_contents li {
   margin: 0;
   padding: 0;
}
.comcode_table_of_contents a { margin: 0em; }
.comcode_table_of_contents_title {
   text-align: center;
   color: #444648; /*70% black over bgcolor*/
   margin: 3px;
   font-weight: bold
}