/* horizontal portfolio navigation styles */
.HTabtable
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;	
	padding-top: 0px;
	width: 100%;
}
.HTabTR
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;	
	padding-top: 0px;
	width: 100%;
}
.HTabDefaultStyle
{
	border-right: #94a6ce 1px solid;
	padding-right: 4px;
	border-top: #94a6ce 1px solid;
	padding-left: 4px;
	border-left: #94a6ce 1px solid;
	width: 100px;
	color: black;
	border-bottom: #94a6ce 1px solid;
	font-family: inherit;
	height: 20px;
	background-color: #efefe7;
	text-align: center;
	text-decoration: none;
}
.HTabSelectedStyle
{
	border-right: #94a6ce 1px solid;
	padding-right: 4px;
	border-top: #ffcc00 3px solid;
	padding-left: 4px;
	font-weight: bold;
	border-left: #94a6ce 1px solid;
	width: 100px;
	color: black;
	border-bottom: medium none;
	height: 20px;
	text-decoration: none;
}
.HTabHoverStyle
{
	color: #ffffff;
	color: black;
	text-decoration: none;
}
.HSepDefaultStyle
{
	border-bottom:solid 1px #94A6CE;
}
.HSepHoverStyle
{
}
.HSepSelectedStyle
{
}
.HTabBody
{
	height: 90%;
	border-right: #94A6CE 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: #94A6CE 1px solid;
	color: black;
	padding-top: 5px;
	border-bottom: #94A6CE 1px solid;
	font-family: inherit;
	background-color: white;
	text-align: left;
}

/* vertical portfolio navigation styles*/
.VTab
{
	width: 100%;
	cursor: hand;
	height: 100%;
}
.VTab image
{
	margin-right: 4px;
}
.VTabDefaultStyle
{
	border:solid 0px;
  	background:#EFEFE7;
  	padding-left:8px;
  	padding-right:0px;
  	padding-top:5px;
  	padding-bottom:5px;
	border-top: 0px solid;
	border-left: darkgray 3px solid;
	width: 150px;
	border-bottom: darkgray 1px solid;
}
.VTabDefaultStyle A
{
	font-weight: normal;
	cursor: hand;
	color: #336699;
	font-family: inherit;
	text-decoration: none;
}
.VTabSelectedStyle
{
	border-right: medium none;
	padding-right: 0px;
	padding-left:8px;
	font-weight: bold;
	background: #FEFFFF;
	padding-bottom: 5px;
	border-left: #FFE36B 3px solid;
	padding-top: 5px;
	border-bottom: darkgray 1px solid;
	text-decoration: none;
}
.VTabSelectedStyle A
{
	font-weight: bold;
	color: black;
	font-family: inherit;
	text-decoration: none;
}
.VTabHoverStyle
{
	border:solid 0px;
  	background: #FEFFFF;
  	padding-left:8px;
  	padding-right:0px;
  	padding-top:5px;
  	padding-bottom:5px;
	border-top: 0px solid;
	border-left: darkgray 3px solid;
	width: 150px;
	border-bottom: darkgray 1px solid;
}
.VTabHoverStyle A
{
	font-weight: normal;
	cursor: hand;
	color: #336699;
	font-family: inherit;
	text-decoration: none;
}
.VSepDefaultStyle
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	width: 4px;
	padding-top: 0px;
	height: 4px;
}
.VSepHoverStyle
{
}
.VSepSelectedStyle
{
}
.VTabBody
{
	padding-right: 0px;
	padding-left: 4px;
	background: #efefe7;
	padding-bottom: 4px;
	width: 140px;
	line-height: 20px;
	padding-top: 4px;
	text-decoration: none;
}

/* general element styles */

body 
{
    margin: 0;
    font-family: arial;
    font-size: 80%;
    line-height: 135%;
    color: #000;
    background: #FFF
}

body#ff-optima, body#template_Top_ttBody, #ff-optima td, body#template_Top_ttBody td
{
    font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif
}

body.f-small, body#ff-optima.f-small, body#template_Top_ttBody.f-small, body#ff-georgia.f-small
{
    font-size: 12px
}

body#ff-optima, body#ff-optima.f-default, body#template_Top_ttBody, body#template_Top_ttBody.f-default
{
    font-size: 13px
}

body.f-large, body#ff-optima.f-large, body#template_Top_ttBody.f-large, body#ff-georgia.f-large
{
    font-size: 16px
}

body.bc-blue
{
    border-top: 4px solid #0D5079
}

form { margin: 0; padding: 0 }

#page-bg { background: #FFF; padding-top: 0; margin-top: 5px }

/* added by jk */

#mainwrapper {
    margin: 0 auto;
    padding: 0;
    width: 960px;
    /*
    padding: 0 17px 5px 17px;
    */
    border: 1px solid #CC8300
}

.Empty
{
	background-color: #FFFFFF;
}

h1, h2, h3, h4, h5
{
    padding-bottom: 5px; margin: 25px 0 10px 0;
    font-weight: normal;
    line-height: 120%
}

h1
{
    font-size: 200%;
    line-height: 100%
}

h2 
{
    font-size: 175%;
    line-height: 100%
}

h3
{
    font-size: 150%
}

h4
{
    font-size: 120%
}

h5
{
    font-size: 120%;
    text-transform: uppercase
}

a:link
{
    font-weight: bold;
    color: #002348;
    font-family: inherit;
    text-decoration: none
}


a:visited
{
    font-weight: bold;
    color: #002348;
    font-family: inherit;
    text-decoration: none
}

a:hover
{
    font-weight: bold;
    color: #aa5fc5;
    font-family: inherit;
    text-decoration: underline
}

a:active
{
    font-weight: bold;
    color: #002348;
    font-family: inherit;
    text-decoration: none
}

table
{
	font-size: 100%;
}

TR
{
	font-size: 100%;
}

TH
{
	font-size: 100%;
	font-family: inherit;
}

TD
{
	font-size: 100%;
	font-family: inherit;
    text-align: left;
}

INPUT
{
	/*border-right: #7e9db9 1px solid;
	border-top: #7e9db9 1px solid;
	padding-left: 3px;
	font-size: 100%;
	border-left: #7e9db9 1px solid;*/
	/*width: 80%;*/
	/*color: #103434;
	border-bottom: #7e9db9 1px solid;
	font-family: inherit;
	height: 18px;*/
	margin-bottom:1px;
    height: 25px;
    width: 168px;
}

SELECT
{	
	border: 1px solid #AAA;    
	padding-left: 3px;
	font-size: 100%;
	color: black;
	font-family: inherit;
}

TEXTAREA
{
	border: 1px solid #AAA
	padding-left: 3px;
	font-size: 100%;
	overflow: auto;
	/*width: 80%;*/
	color: black;
	font-family: inherit;
	/*height: 34pt;*/
}

p { margin-top: 10px; margin-bottom: 15px }

img { border: 0 }

.BodyText
{
	color: black;
	font-family: inherit;
	font-size: 100%;
}

.BodyText A
{
	font-size: 100%;
	color: #4682B4;
	line-height: 100%;
	font-family: inherit;
	text-decoration:underline;
}
.Border
{
	border: 1px solid #AAA;
	padding-right: 4px;
	padding-left: 4px;
	font-size: 100%;
	padding-bottom: 4px;
	overflow: hidden;
	width: 140px;
	padding-top: 4px;
	background-color: #eeeeee;
}

.iMIS
{
	font-weight: bolder;
	font-size: larger;
	font-style: italic;
	font-family: 'Times New Roman';
}

/* graph images cell style */
.GraphicContainer
{
	border: 1px solid #AAA
}

/* input field for a date value */
.InputDate
{
	border: 1px solid #AAA;
	padding-left: 3px;
	font-size: 100%;
	width: 156px;
	color: black;
	font-family: inherit;
}

/* input field for a numeric value */
.InputNumeric
{
	border: 1px solid #AAA;
	padding-left: 3px;
	font-size: 100%;
	width: 50px;
	color: black;
	font-family: inherit;
}

/* input field for a short value */
.InputShort
{
	border: 1px solid #AAA;
	padding-left: 3px;
	font-size: 100%;
	width: 50px;
	color: black;
	font-family: inherit;
}

/* input field for a medium length value */
.InputMedium
{
	border: 1px solid #AAA;
	padding-left: 3px;
	font-size: 100%;
	width: 200px;
	color: black;
	font-family: inherit;
}

/* input textarea for SQL statement in IQA */
.SQLTextField TEXTAREA
{
	border: 1px solid #AAA;
	padding-left: 3px;
	font-size: 100%;
	overflow: auto;
	width: 80%;
	color: black;
	font-family: inherit;
	height: 80pt;
}

/* list source selector widget in CM */
.ListSourceSelector SELECT
{
	width: 100%;
}

/* check-box style to remove input border */	
.InputNoBorder INPUT
{
	border-right: 0px solid;
	border-top: 0px solid;
	font-weight: normal;
	font-size: 100%;
	border-left: 0px solid;
	width: 25px;
	color: black;
	border-bottom: 0px solid;
	font-family: inherit;
	text-align: left;
}

/* title used within the IFC controls */
.lgTitle
{
	font-weight: bold;
	font-size: 150%;
	margin: 4px 0px;
	color: black;
	font-family: 'Trebuchet MS' , Tahoma;
}

/* title with a horizontal line used within BOA */
.lgTitleHLine
{
	font-weight: bolder;
	font-size: 100%;
	padding-bottom: 3px;
	margin: 0px 0px 10px;
	color: silver;
	line-height: 100%;
	border-bottom: black 2px solid;
	font-family: inherit;
}

/* title used within the portfolios workspace */
.mdTitle
{
	font-weight: bold;
	font-size: 120%;
	margin: 4px 0px;
	color: black;
	font-family: 'Trebuchet MS' , Tahoma;
}

/* title with a horizontal line used within BOA */
.mdTitleTaskLine
{
	font-weight: bolder;
	font-size: 100%;
	padding-bottom: 2px;
	margin: 0px 0px 10px;
	color: white;
	line-height: 100%;
	font-family: inherit;
}

/* title with a horizontal line used within the portfolios workspace  */
.mdTitleHLine
{
	border-bottom: silver 1px solid;
	font-weight: bold;
	font-size: 95%;
	color:  #696969;
	font-style: normal;
	font-family: inherit;
	letter-spacing: 1pt;
	height: 20px;
	font-variant: normal;
	text-decoration: none;
}

/* portfolios summary page title bar gradient background */
.Title
{
	border-style: 0px;
    font-family: inherit;
	    font-weight: bold;
	    font-size: 100%;
	    color: black;
	    width: 150px;
	    margin: 0px;
	    text-align: center;
	    text-decoration:none;
}
td.TitleSummary
{
    clear: both;
    font-size: 150%;
    font-weight: bold;
    height: auto;
    margin: 0; padding: 8px 0;
    text-align: center
}

td.welcome_message
{
    height: auto;
    margin: 0; padding: 8px 0;
    text-align: center
}

/* log in panel */

.log_in_panel { padding: 0; width: 50% }

.login_table { width: 450px }

.login_table td { padding: 5px }

.Loginheader
{
	border-top:solid 0px #315671;
	border-right:solid 0px #315671;
	border-left:solid 0px #315671;
	background-image:url(../images/banner_loginheader.jpg);
	background-repeat:repeat-x;
	height:73px;
	font-family: inherit;
	font-weight: bold;
	font-size: 110%;
	color: #FFFFFF;
	margin: 0px;
	text-align: center;
	text-decoration: none;
}

.TitleSum
{
	border-style: 0px;
background-image: url('../images/nav.gif');
	    background-repeat:repeat-x;	
	    font-family: inherit;
	    font-weight: bold;
	    font-size: 90%;
	    height: 30px;
	    color: #2f363e;
	    margin: 0px;	
	    text-align: center;
	    text-decoration: none;
}

/* the style for Copyright and fisherlogo row */
.BottomCell
{
	padding: 0; margin: 0;
	height: 20px;
	text-align: center
}

/* display generated application feedback to the user */
.Important
{
	padding-right: 3px;
	padding-left: 3px;
	font-weight: normal;
	color: red;
}

/* examples relative to a field, i.e; date format - (mm/dd/yyyy) */
.InLineTip
{
	font-weight: normal;
	font-size: 80%;
	color: navy;
	font-family: inherit;
	text-decoration: none;
}

/* table used for prompts, input fields and values */
.Datatable
{
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: white;
	border-bottom-style: none;
}

/* portfolio summary page table used for prompts, and values */
.Summarytable
{
	width: 90%;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: white;
	border-bottom-style: none;
}

/* Nested table within the portfolio summary page table used for prompts and values */
.SummarytableNested
{
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: white;
	border-bottom-style: none;
}

/* cenetr spacer cell used in summarytable */
.SpacerCell
{
	width: 5px;
}

/* prompt cell text usually in the left-hand side of a datatable */
.Prompt
{
	font-weight: normal;
	font-size: 100%;
	width: 20%;
	color: black;
	font-family: inherit;
	background-color: white;
	text-align: right;
	text-decoration: none;
}

/* prompt styles for summary pages usually found in summarytable */
.PromptSummary
{
	font-weight: bold;
	font-size: 100%;
	width: 125px;
	color: #AAA;
	border-bottom: gainsboro 1px solid;
	font-family: inherit;
	background-color: white;
	text-align: left;
	text-decoration: none;
}

/* last prompt style for summary pages usually found in summarytable, so there is no trailing style border */
.PromptSummaryEnd
{
	font-weight: bolder;
	font-size: 100%;
	width: 125px;
	color: #AAA;
	font-family: inherit;
	background-color: white;
	text-align: left;
	text-decoration: none;
}

/* prompt style for nested area in the summary page, usually found in summarytable */
.PromptSummaryNested
{
	font-weight: bold;
	font-size: 100%;
	width: 90px;
	color: #AAA;
	font-family: inherit;
	background-color: white;
	text-align: left;
	text-decoration: none;
}

/* value cell text usually in the right-hand side of a datatable */
.Value
{
	font-size: 100%;
	width: 80%;
	color: black;
	font-family: inherit;
	background-color: #EFEFE7;
	text-align: left;
	text-decoration: none;
}

/* value styles for summary pages */
.ValueSummary
{
	font-size: 100%;
	color: black;
	border-bottom: gainsboro 1px solid;
	font-family: inherit;
	background-color: #FFFFFF;
	text-align: left;
	text-decoration: none;
}

/* last cells value style for summary pages usually found in summarytable, so there is no trailing style border */
.ValueSummaryEnd
{
	font-size: 100%;
	color: black;
	font-family: inherit;
	background-color: #FFFFFF;
	text-align: left;
	text-decoration: none;
}

/* value style for nested area in the summary page, usually found in summarytable */
.ValueSummaryNested
{
	font-size: 100%;
	color: black;
	font-family: inherit;
	background-color: #FFFFFF;
	text-align: left;
	text-decoration: none;
}

/* value styles for summary pages that spans multiple columns*/
.ValueSummaryColSpan
{
	font-size: 100%;
	color: black;
	border-bottom: gainsboro 1px solid;
	font-family: inherit;
	background-color: #FFFFFF;
	text-align: left;
	text-decoration: none;
}

/* value cell for a date value */
.ValueDate
{
	font-weight: normal;
	font-size: 100%;
	width: 156px;
	color: black;
	font-family: inherit;
	text-align: left;
	text-decoration: none;
}

/* value cell for a numeric value */
.ValueNumeric
{
	font-weight: normal;
	font-size: 100%;
	width: auto;
	color: black;
	font-family: inherit;
	text-align: left;
	text-decoration: none;
}

/* value cell for a short value */
.ValueShort
{
	font-weight: normal;
	font-size: 100%;
	width: 50px;
	color: black;
	font-family: inherit;
	text-align: left;
	text-decoration: none;
}

/* value cell for a medium value */
.ValueMedium
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	padding-left: 1px;
	font-size: 100%;
	border-left: darkgray 1px solid;
	width: 125px;
	color: black;
	padding-top: 1px;
	border-bottom: darkgray 1px solid;
	font-family: inherit;
}

/* value cell that spans multiple columns */
.ValueColspan
{
	font-weight: normal;
	font-size: 100%;
	color: black;
	font-family: inherit;
	background-color: #EFEFE7; 
	text-align: left;
	text-decoration: none;
}

/* value cell that spans multiple rows */
.ValueMultiLine
{
	color: black;
	font-family: inherit;
	background-color: #EFEFE7;
	overflow: auto;
	color: black;
	height: 34pt;
}

/* used as an alt style for text when value not found */
.ValueNotFound
{
	font-size: 100%;
	color: #999999;
	font-family: inherit;
	text-align: left;
	text-decoration: none;
}

/* applies a disabled style to an object */
.Disabled
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	padding-top: 1px;
	padding-left: 1px;
	border-left: darkgray 1px solid;
	color: black;
	border-bottom: darkgray 1px solid;
	font-family: inherit;
	height: 18px;
	background-color: #EFEFE7;
}

/* displays a value as a read-only type field, usually used on a label or input object */
.ReadOnly
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	padding-top: 1px;
	padding-left: 1px;
	border-left: darkgray 1px solid;
	width: 100%;
	color: black;
	border-bottom: darkgray 1px solid;
	font-family: inherit;
	height: 18px;
	background-color: #EFEFE7;
}

/* displays a date value as a read-only type field, usually used on a label or input object */
.ValueDateReadOnly
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	padding-top: 1px;
	padding-left: 3px;
	border-left: darkgray 1px solid;
	color: black;
	border-bottom: darkgray 1px solid;
	font-family: inherit;
	height: 18px;
	background-color: #EFEFE7;
	width: 125px;
}

/* displays a numeric value as a read-only type field, usually used on a label or input object */
.ValueNumericReadOnly
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	padding-top: 1px;
	padding-left: 3px;
	font-size: 100%;
	border-left: darkgray 1px solid;
	width: 50px;
	color: black;
	border-bottom: darkgray 1px solid;
	font-family: inherit;
	height: 18px;
	background-color: #EFEFE7;
}

/* displays a medium length value as a read-only type field, usually used on a label or input object */
.ValueMediumReadOnly
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	padding-left: 3px;
	font-size: 100%;
	border-left: darkgray 1px solid;
	width: 50%;
	color: black;
	padding-top: 1px;
	border-bottom: darkgray 1px solid;
	font-family: inherit;
	height: 18px;
	background-color: #efefe7;
}

/* usually the table or cell that contains a lister */
.ListSpace
{
	font-size: 100%;
	width: 100%;
}

/* lister table that is layout is set as fixed */
.ListtableFixed
{
	table-layout: fixed;
	font-size: 100%;
	width: 100%;
}

/* lister table */
.Listtable
{
	font-size: 100%;
	width: 100%;
}


.ListEven TD
{
	border-bottom: aliceblue 1px solid;	
	font-weight: normal;
	font-size: 100%;
	font-family: inherit;
	background-color: #F7F7F7;
	text-decoration: none;
}


/* generic button style - used in BOA */
.Button
{	
	border-right: #5e5f71 1px solid;
	padding-right: 3px;
	border-top: #5e5f71 1px solid;
	padding-left: 3px;
	font-weight: normal;
	font-size: 100%;	
	/*color: #003399;*/
	background-image: url("../images/btnlogin.jpg");
	color: #605e73;
	padding-bottom: 1px;
	border-left: #5e5f71 1px solid;
	width: 100px;
	border-bottom: #5e5f71 1px solid;
	background-repeat: repeat;
	font-family: inherit;
	text-align: center;
	text-decoration: none;
}

.ButtonXLarge
{	
	border-right: #5e5f71 1px solid;
	padding-right: 3px;
	border-top: #5e5f71 1px solid;
	padding-left: 3px;
	font-weight: normal;
	font-size: 100%;	
	/*color: #003399;*/
	background-image: url("../images/btnlogin.jpg");
	color: #605e73;
	padding-bottom: 1px;
	border-left: #5e5f71 1px solid;
	width: 170px;
	border-bottom: #5e5f71 1px solid;
	background-repeat: repeat;
	font-family: inherit;
	text-align: center;
	text-decoration: none;
}

/* generic button style */
.ButtonAction
{
	border-right: #5e5f71 1px solid;
	padding-right: 3px;
	border-top: #5e5f71 1px solid;
	padding-left: 3px;
	font-weight: bold;
	font-size: 100%;
	color: #605e73;
	background-image: url(../images/btnlogin.jpg);
	padding-bottom: 1px;
	border-left: #5e5f71 1px solid;
	width: 110px;
	height:20px;
	border-bottom: #5e5f71 1px solid;
	background-repeat: repeat;
	font-family: inherit;
	text-align: center;
	text-decoration: none;
}

.BUTTONACTION1
{
	border-right: #315671 1px solid;
	padding-right: 0px;
	border-top: #315671 1px solid;
	padding-left: 2px;
	font-weight: bold;		
	color: #FFFFFF;
	/*background-image: url("../images/btn.gif");*/
	background-color : #315671;
	padding-bottom: 0px;
	padding-top:2px;
	border-left: #315671 1px solid;
	width: 115px;
	height:20px;
	border-bottom: #315671 1px solid;
	background-repeat: repeat;
	font-family: inherit;
	text-align: center;
	text-decoration: none;
}

/* generic button style for extra long text */
.ButtonActionXLarge
{
	border-right: gainsboro 1px solid;
	padding-right: 3px;
	border-top: gainsboro 1px solid;
	padding-left: 3px;
	font-weight: bold;
	font-size: 100%;
	background-color: #FFFFFF; 
	/*color: #003399;*/
	background-image: url("../Images/btn_tile.gif");
	padding-bottom: 1px;
	border-left: gainsboro 1px solid;
	width: 175px;
	border-bottom: gainsboro 1px solid;
	background-repeat: repeat;
	font-family: inherit;
	background-color: #fffff4;
	text-align: center;
	text-decoration: none;
}

/* generic button style for long text */
.ButtonActionLarge
{
	border-right: gainsboro 1px solid;
	padding-right: 3px;
	border-top: gainsboro 1px solid;
	padding-left: 3px;
	font-weight: bold;
	font-size: 100%;
	background-color: #FFFFFF; 
	/*color: #003399;*/
	background-image: url("../images/btn.gif");
	padding-bottom: 1px;
	border-left: gainsboro 1px solid;
	width: 150px;
	height: 20px;
	border-bottom: gainsboro 1px solid;
	background-repeat: repeat;
	font-family: inherit;
	text-align: center;
	text-decoration: none;
}

/* generic button style for medium text */
.ButtonActionMedium
{
	border-right: gainsboro 1px solid;
	padding-right: 3px;
	border-top: gainsboro 1px solid;
	padding-left: 3px;
	font-weight: bold;
	font-size: 100%;
	background-color: #FFFFFF; 
	/*color: #003399;*/
	background-image: url("../Images/btn_tile.gif");
	padding-bottom: 1px;
	border-left: gainsboro 1px solid;
	width: 80px;
	border-bottom: gainsboro 1px solid;
	background-repeat: repeat;
	font-family: inherit;
	background-color: #fffff4;
	text-align: center;
	text-decoration: none;
}

/* generic button style for short text */
.ButtonActionSmall
{
	border-right: gainsboro 1px solid;
	padding-right: 3px;
	border-top: gainsboro 1px solid;
	padding-left: 3px;
	font-weight: normal;
	font-size: 100%;
	background-color: #FFFFFF; 
	/*color: #003399;*/
	background-image: url("../Images/btn_tile.gif");
	padding-bottom: 1px;
	border-left: gainsboro 1px solid;
	width: 25px;
	border-bottom: gainsboro 1px solid;
	background-repeat: repeat;
	font-family: inherit;
	background-color: #fffff4;
	text-align: center;
	text-decoration: none;
}

/* button with the 'new' icon used in portfolios */
.ButtonNew
{
	border-right: gainsboro 1px solid;
	padding-right: 3px;
	background-position: left center;
	border-top: gainsboro 1px solid;
	padding-left: 12px;
	font-weight: normal;
	font-size: 100%;
	background-image: url("../images/btn_new.gif");
	padding-bottom: 1px;
	border-left: gainsboro 1px solid;
	padding-top: 1px;
	border-bottom: gainsboro 1px solid;
	background-repeat: no-repeat;
	font-family: inherit;
	height: 20px;
	text-align: center;
	text-decoration: none;
	background-color: #FFFFFF; 
	/*color: #003399;*/
}

/* button with the 'help' icon used in portfolios */
.ButtonHelp
{
	border-right: gainsboro 1px solid;
	padding-right: 3px;
	background-position: left center;
	border-top: gainsboro 1px solid;
	padding-left: 13px;
	font-weight: bold;
	font-size: 100%;
	background-image: url("../images/btn_help.gif");
	padding-bottom: 1px;
	border-left: gainsboro 1px solid;
	width: 80px;
	padding-top: 1px;
	border-bottom: gainsboro 1px solid;
	background-repeat: no-repeat;
	font-family: inherit;
	height: 20px;
	background-color: #FFFFFF; 
	/*color: #003399;*/
	text-align: center;
	text-decoration: none;
}

/* button with the 'close' icon used in portfolios */
.ButtonClose
{
	border-right: gainsboro 1px solid;
	padding-right: 3px;
	background-position: left center;
	border-top: gainsboro 1px solid;
	padding-left: 14px;
	font-weight: bold;
	font-size: 100%;
	background-image: url("../images/btn_close.gif");
	padding-bottom: 1px;
	border-left: gainsboro 1px solid;
	width: 80px;
	padding-top: 1px;
	border-bottom: gainsboro 1px solid;
	background-repeat: no-repeat;
	font-family: inherit;
	height: 20px;
	background-color: #FFFFFF; 
	/*color: #003399;*/
	text-align: center;
	text-decoration: none;
}

/* style for the selectlister widget */
.SelectLister
{
	font-size: 100%;
	color: black;
}

/* style for task area at the top of the portfolio */
.Tasktable
{
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	background-color: white;	
}

/* style for tasktables row, contains the portfolio title and background banner image */
.TaskHeading
{
	padding-left: 6px;
	font-weight: bold;
	font-size: 150%;
	background-image: url("../Images/tasktable_hz_line.gif");
	padding-bottom: 2px;
	color: #003366;
	padding-top: 3px;
	font-family: 'Trebuchet MS' , Tahoma;
	height: 37px;
	background-color: #018aa9;
	text-decoration: none;
}

/* style for tasktables row that contains the new, help and close buttons */
.TaskBar
{
	font-size: 100%;
	color: black;
	font-family: inherit;
	height: 31px;
	background-color: #018aa9;
}

/* style for tasktables row that contains the new, help and close buttons */
.TaskBar TD
{
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	height: 31px;		
}

/* style for task area at the top of the home page lister hosted within imis */
.TasktableWithin
{
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	background-color: white;	
}

/* style for tasktablewithin row at the top of the home page, usually contains a 'new' and/or 'help' button */
.TaskBarWithin
{
	font-size: 100%;
	color: black;
	font-family: inherit;
	height: 31px;
	background-color: #dcdcc2;
}

/* style for tasktablewithin row at the top of the home page lister hosted within imis */
.TaskBarWithin TD
{
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	height: 31px;		
}

/* horizontal border line used in the portfolios */
.HLine
{
	width: 100%;
	height: 1px;
	background-color: #018aa9;
}

/* vertical border line used in the portfolios */
.VLine
{
	width: 1px;
	height: 100%;
	background-color: #018aa9;
}

/* used in the doc explorer */
.VSpacerBar
{
	margin-left: 3px;
	margin-right: 5px;
}

/* uniform spacer */
.SpacerA
{
	width: 3px;
	height: 3px;
}

/* uniform spacer */
.SpacerB
{
	width: 10px;
	height: 10px;
}

/* uniform spacer */
.SpacerC
{
	width: 4px;
	height: 4px;
}

/* style for table that usually contains the delete, save as, save and/or cancel buttons */
.CommandBar
{
	width: 100%;
	height: 25px;
	font-size: 100%;
}

/* style for links that might be used in the commandbar table */
.CommandBar A
{
	color: #336699;
	font-size: 100%;
}

/* opportunity action item styles */
.ActionItem A
{
	color: #336699;
}
.ActionItemInline
{
	padding-left: 5px;
	text-align: left;
}
.ActionItemInline A
{
	vertical-align: super;
	color: #336699;
}

/* table that contains the portfolio */
.Portfolio
{
	width: 100%;
	height: 100%;
}

/* workspace within the portfolio */
.WorkSpace
{
	font-size: 100%;
	overflow: visible;
	width: 100%;
	border-collapse: collapse;
	height: 95%;
	background-color: #FEFFFF;
}

/* workspace sides within the portfolio, used for spacing */
.WorkSpaceSide
{
	height: 95%;
	background-color: #FEFFFF;
}

/* error message displayed to user */
.Error
{
	padding-right: 3px;
	padding-left: 3px;
	margin-bottom: 4px;
	padding-bottom: 3px;
	font: 9px Status-Bar;
	/*width: 100%;*/
	color: #ff0000;
	padding-top: 3px;
	font-size:11px;
}

/* status message displayed to user usually at the top of the control */
.Status
{
	border-right: black 1px solid;
	padding-right: 3px;
	border-top: black 1px solid;
	padding-left: 3px;
	margin-bottom: 4px;
	padding-bottom: 3px;
	font: Status-Bar;
	border-left: black 1px solid;
	width: 100%;
	color: black;
	padding-top: 3px;
	border-bottom: black 1px solid;
	background-color: white;
}

/* process status message displayed to user usually on a summary page */
.StatusProcess
{
	padding-left: 3px;
	color: #AAA;
}

/* hidden field space */
.Hidden
{
	display: none;
	visibility: hidden;
	width: 0px;
	height: 5px;
}

/* IFC tree page style */
.TreeView
{
	font-family:Tahoma;
	font-size:100%;
}

/* style for links within the application that open a finder adder */
.LinkButton
{
	font-weight: normal;
	font-size: 100%;
	color: #003399;
	font-family: inherit;
	text-align: left;
	text-decoration: underline;
}

/* toolbar area for the CORE & export dialog */
.DocumentExplorerToolBar
{
	font-size: 100%;
	border-top: gainsboro 1px solid;
	border-bottom: gainsboro 1px solid;
	font-family: inherit;
	text-decoration: none;
}

/* toolbar area used in CM */
.ToolBar
{
	padding-right: 0px;
	border-top: gainsboro 1px solid;
	padding-left: 0px;
	font-size: 100%;
	padding-bottom: 2px;
	padding-top: 3px;
	border-bottom: gainsboro 1px solid;
	font-family: inherit;
	text-decoration: none;
}

/* style used within the IQA filters */
.Width100Percent
{
	width: 100%;
}

/* selectbox style used within CM */
.FilterSelectBox
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	font-size: 100%;
	border-left: darkgray 1px solid;
	color: black;
	border-bottom: darkgray 1px solid;
	font-family: inherit;
	width: 130px;
}

/* site login screens table styles */
.Toptable
{
    background: #FFFFFF;
    position: relative;
    border-bottom: 1px solid #CC8300;
    float: right;
    width: 960px;
}

.Toptable TD.title
{
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 1px;
	padding-right: 1px;
	font-weight: bold;
	font-size: 122%; 
	/*filter: progid:DXImageTransform.Microsoft.gradient(gradientType='1',startColorstr='#FFFFFF',endColorstr='#7BB7B8');*/
	margin: 0px;
	color: #003399;
	border-bottom: #7BB7B8 2px solid;
	font-family: 'Trebuchet MS',Tahoma;
	background-color: #FFFFFF;
	text-align: left;
	text-decoration: none;
}
.Toptable TD.prompt 
{
	font-weight: bold;
	font-size: 100%;
	width: 100px;
	color: #AAA;
	font-family: inherit;
	background-color: #FFFFFF;
	text-align: left;
	text-decoration: none;
}
.Toptable TD.value 
{
	font-size: 100%;
	color: black;
	font-family: inherit;
	background-color: #FFFFFF;
	text-align: left;
	text-decoration: none;
}
.Toptable TD.end 
{
	border-bottom: #7BB7B8 0px solid;
	font-size: 100%;
	color: black;
	font-family: inherit;
	background-color: transparent;
	text-align: left;
	text-decoration: none;
}

/* style used within a process engine displaying of it's report */
.ReportViewer INPUT
{
	padding-left: 3px;
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	font-size: 100%;
	border-left: darkgray 1px solid;
	width: 80%;
	color: black;
	border-bottom: darkgray 1px solid;
	font-family: inherit;
	height: 18px;	
}

/* style used in the param collector control */
.ParentParamtable TD.PromptParam
{
	width: 100px;
}

/* style used in the param collector control */
.Filtertable2 TD.PromptParam
{
	width: 50%;
}

/* style used in the param collector control value validation */
.ValidationMessage
{
	display: block;
	page-break-after: always;
}

/* graph style container in CM */
.GraphicContainer
{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}

/* styles to control overflow of text in the CORE */
.UseOverflowSmall
{
	overflow: hidden;
	width: 90px;
	text-overflow: ellipsis;
}
.UseOverflowMedium
{
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis
}
.UseOverflowLarge
{
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis
}
.UseOverflowXLarge
{
    width: 450px;
    overflow: hidden;
    text-overflow: ellipsis
}

/* control level help icon */
.HelpIcon
{
	cursor: hand;
	text-align: center;
}


/* example text area in email PE */
.Example
{
	border-right: 1px solid #AAA;
	padding-right: 0px;
	border-top: 1px solid #AAA;
	padding-left: 6px;
	font-size: 90%;
	border-left: 1px solid #AAA;
	color: #696969;
	padding-top: 0px;
	border-bottom: 1px solid #AAA;
	font-family: inherit;
	text-decoration: none;
}

/* vertical spacer used in the export process*/
.VerticalSpacer
{
	height: 20px;
}

/* opportunities action plan styles */
.ActionPlanTitle
{
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 1px;
	padding-right: 1px;
	font-weight: bold;
	font-size: 122%; 
	/*filter: progid:DXImageTransform.Microsoft.gradient(gradientType='1',startColorstr='#FFFFFF',endColorstr='#94a6ce');	*/
	margin: 0px;
	color: #003399;
	border-bottom: #94a6ce 2px solid;
	font-family: 'Trebuchet MS',Tahoma;
	background-color: #FFFFFF;
	text-align: left;
	text-decoration: none;
}
.ActionPlanStagetable
{
	border-bottom: #94a6ce 18px solid;
}
.ActionPlanStageMove
{
	background-color: #94a6ce;
}
.ActionPlanStageItemAddTopRow
{
	border-bottom: silver 1px solid;
	font-weight: bold;
	font-size: 95%;
	color: #696969;
	font-style: normal;
	font-family: inherit;
	letter-spacing: 1pt;
	height: 20px;
	font-variant: normal;
	text-decoration: none;
}
.ActionPlanStageItemAdd
{
	border-top: silver 1px solid;
	border-bottom: silver 1px solid;
	font-weight: bold;
	font-size: 95%;
	color:#696969;
	font-style: normal;
	font-family: inherit;
	letter-spacing: 1pt;
	height: 20px;
	font-variant: normal;
	text-decoration: none;		
}
.ActionPlanStageItem
{
	border-top-style: dashed; 
	border-top-width: 1;
}
.ActionPlanPrompt
{
	font-weight: normal;
	font-size: 100%;
	width: 13%;
	color: black;
	font-family: inherit;
	background-color: white;
	text-align: right;
	text-decoration: none;
}	
.ActionPlanValue
{
	font-size: 100%;
	width: 90%;
	color: black;
	font-family: inherit;
	text-align: left;
	text-decoration: none;
}

/* displayed message for a failed authorization or session timeout */
.AuthorizationMessage
{
	border-right: red 1px solid;
	background-position: center center;
	border-top: red 1px solid;
	font-weight: bold;
	background-image: url("../Images/accessdenied.gif");
	margin: 3px;
	vertical-align: sub;
	border-left: red 1px solid;
	width: 100%;
	padding-top: 95px;
	border-bottom: red 1px solid;
	background-repeat: no-repeat;
	height: 200px;
	text-align: center;
}

.hr_MainDivide
{
	 height:2px;
	 color:#7BB7B8
}
.prompt_view
{
	font-size: 100%;
	width: 200px;
	color: black;
	font-family: inherit;
	background-color: #F7F7F7;
	text-align: right;
	text-decoration: none;
	height: 30px;
}
.value_view
{
	font-size: 100%;
	/*width: 80%;*/
	color: black;
	font-family: inherit;
	background-color: #F7F7F7;
	text-align: left;
	text-decoration: none;
	height: 30px;
}
/* td styles for the green borders of the table */
TD.CornerTopLeft
{
    background-image: url("../images/r_top_left.gif");
    height: 2px; 
    width: 3px;
	background-repeat: no-repeat;
}
TD.TopBotMiddle
{
    background-image: url("../images/r.gif");
    height: 2px; 
}
TD.CornerTopRight
{
    background-image: url("../images/r_top_rght.gif");
    height: 2px; 
    width: 3px;
	background-repeat: no-repeat;
}
TD.SideRght
{
    background-image: url("../images/r_rght.gif");
    width: 3px;
}
TD.SideLeft
{
    background-image: url("../images/r_left.gif");
    width: 3px;
}
TD.CornerBotLeft
{
    background-image: url("../images/r_bot_left.gif");
    height: 2px; 
    width: 3px;
	background-repeat: no-repeat;
}
TD.CornerBotRight
{
    background-image: url("../images/r_bot_rght.gif");
    height: 2px; 
    width: 3px;
	background-repeat: no-repeat;
}
DIV.comment
{
	font-size: 85%;
}



/*New Page Style*/

/*************************/
/*       Div table       */
.pageWrapper
{
    background: #FFF url(../images/main-content-bg.png) repeat-x
    /*
    border: 1px solid #BBBBBB;
    padding: 20px 10px
    */;
height:auto;
padding:5px 0 0;
width:100%;    
}

/** div.content_wrapper **/
div.content_wrapper 
{ 
	clear : both;
	padding: 8px 0;
	height: auto
}
div.content_wrapper span.tableLabel 
{
	float: left;
	width: 200px;
	text-align: left;
	font-weight:bold;
}
div.content_wrapper span.tableFormw 
{
	float: left;
	width: 530px;
	text-align: left
}
div.content_wrapper span.cont_left
{
	padding-left: 5px
}
div.content_wrapper span.cont_right
{
	padding-right: 5px
}

/** div.contentCenter_wrapper **/
div.contentCenter_wrapper 
{ 
	clear: both;
	padding: 8px 0;	margin: 0;
	height: auto;
	text-align: center;	
}
div.contentCenter_wrapper span.tableLabel 
{
	float: left;
	width: 200px;
	text-align: left;
	font-weight:bold;
}
div.contentCenter_wrapper span.tableFormw 
{
	float: left;
	width: 330px;
	text-align: left;
}

div.GridView_wrapper 
{ 
	clear : both;
	min-height:20px;
	text-align:center;
	margin-left:10px;
}

.title_wrapper 
{
    font-size: 150%;
    font-weight: bold; margin: 0; padding: 8px 0;
    text-align: center;
	clear : both;
	height: auto    
}

/*************************/
/*     radio button      */
table.radio_button_list
{
	width: 100%
}

table.radio_button_list td
{
    /*
	padding-left: 280px
    */
}

table.radio_button_list input 
{
  width: 20px;
  display: block;
  float: left;
  border:none;
}
table.radio_button_list label
{
  width: 300px;
  display: block;
  float: left;
  border:none;
  padding-top:4px;
  
  text-align:left;
  margin-left :20px

}

table.radio_button_list_left
{
	width:100%;
}

table.radio_button_list_left input 
{
  width: 20px;
  display: block;
  float: left;
  border:none;
}
table.radio_button_list_left label {
  width: 200px;
  display: block;
  float: left;
  padding-top:4px;
  
  text-align:left;
  margin-left :20px
}

/*************************/
/*       lable style     */
.lblNoColor
{
	width: 150px
}
.lblSubTitle
{
    font-size: 150%
}
.lblError
{
	/*FONT-FAMILY: Verdana, Helvetica, Sans-Serif;*/
	font-size:11px;
	color:red;
}
.lblPageError
{
	/*FONT-FAMILY: Verdana, Helvetica, Sans-Serif;*/
	font-size:14px;
	color:red;
}
.lblText
{
	display: block;
	width: 150px;
	BORDER:1px solid #7E9DB9;
    padding:2px 0 2px 4px;
	margin:0 0 2px;
}

/*************************/
/*     Textbox style     */
.txtNormalInput
{
	clear:both;
	width:150px;
}
.txtEnabledInput
{
	clear:both;
	width:150px;
	background:#FBFBFB;
}

/*************************/
/*   DropDownList style  */
.longDropDownList
{
	width:150px;
}
.shortDropDownList
{
	width:70px;
}
/*************************/
/*       hr style        */
hr 
{
	background: #DDD; border: 0;
	color: #DDD; height: 1px;
	width: 100%
}
/*************************/
/* Example table need del*/
table.stats 
{
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	width: 500px;
	background-color: #666;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.stats td 
{
	background-color: #CCC;
	color: #000;
	padding: 4px;
	text-align:center;
	border: 1px #fff solid;
}

table.stats td.hed
{
	background-color: #3C7AB1;
	color: #fff;
	padding: 4px;
	text-align: left;
	border-bottom: 2px #fff solid;
	font-size: 12px;
	font-weight: bold;
} 

/*************************/
/*      page design      */
#header
{
    background: #FFFFFF none repeat scroll 0 0;
    height: auto;
    position: relative
}
#new_content_wrap
{
    height: auto;
    background: #EDD9A5 none repeat scroll 0 0;
    /*
    border: 1px solid #CC8300
    */
}
#footer
{
	height: auto;
	border-top: 1px solid #CC8300;
	padding: 5px 0;
	background-image: url(../images/footer-bg.png);
	background-repeat: repeat-x;
}
/*
.footer-left
{
    background: url(../images/footer-bl.png) no-repeat;
	height: 75px;
	margin-left: -1px
}

.footer-right
{
	background: url(../images/footer-br.png) no-repeat;
	height: 75px;
	margin-right: -1px
}
*/

.footer-mod
{
    /* padding: 10px */ padding: 0; margin: 0
}

.footer-mod .moduletable h3
{
    display: none
}

.moduletable { margin-bottom: 10px }

.horizontal_rule 
{
	clear: both
}

/*************************/
/*      Amount style     */
.amountPound
{
	text-align :right;
	clear:both;
	width:55px;
}
.amountPence
{
	text-align :right;
	clear:both;
	width:18px;
}
.CSCNumber
{
	clear:both;
	width:27px;
}

/*************************/
/*     hidden button     */
.hiddenButton
{
	display:none;
}
.hiddenField
{
	display:none;
}
.wrapper_fullwidth_down{ /*div for perfect centering of large scale background images*/
	width: 100%;
	position: fixed;
	height: 15px;
	clear: both;
	font-size: 10px;
	color: #fff;
	background-image:url(../images/banner_loginheader.jpg);
	background-repeat:repeat-x;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
	bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 0px;
	left: 0px;
	z-index: 50;
}
.errores{
    -webkit-boxshadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border-radius:10px;
    -webkit-border-radius: 10px;
    background: red;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    color: #fff;
    display: none;
    font-size: 12px;
    margin-top: -30px;
    margin-left: 180px;
    padding: 10px;
    position: absolute;
}
.errores:before{ /* Este es un truco para crear una flechita */
    content: '';
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #BC1010;
    border-left: 8px solid transparent;
    left: -16px;
    position: absolute;
    top: 5px;
}