/*
* WinStyle.css
*
* Business Intelligence Systems Inc (c) 2007 -2012
*
* author Jeffrey Blake
* version 1.0
* since JDK 1.5
* Last Edit:   - 
* Open Issues: -
* Future:      -
*/

/* Added for iPad scrolling issues
html {
   overflow: auto;
   -webkit-overflow-scrolling: touch;
}
*/

body { 
    height: 100%; 
    margin: 0px; 
    padding: 0px; 
    overflow: auto; 
    /* -webkit-overflow-scrolling: touch; Added for iPad scrolling issues */
    font-family: Arial, Helvetica, sans-serif;
}

/* ---------------------------------------------------------------- */

@media print { .noprint { display: none; } }

/* ---------------------------------------------------------------- */

#frame { 
    width: auto; 
    border: none ;
    margin: 0px; 
    padding: 10px; 
    padding-top: 2px; 
}
#frame th { 
    background-color: rgb(255, 255, 200); /* pale yellow */
    font-weight: 600;
    text-align: center;
    border: 1px solid grey;
    margin: 0px;
    padding: 0px;
}
/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */
.background, table.select, #frame { background-color: white; }
.container, table.list, table.data, table.form, table.select { border: 1px solid grey; margin-top: 0px; width: 100%; background-color: White; }
table.list { }
table.data { }
table.form { }
table.select { border: 0px; width: 0px; }
/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */
.bold { font-weight: bold; }
.titlelabel { font-weight: bold; color: blue; }
.margin { margin: 4px; }
.padding { padding: 8px; }
.border, table { border: 1px solid blue; }
.borderless, .noborder { border: none } 
.center { text-align: center; }
.nowidth { width: 0px; } 
.nowrap { white-space: nowrap; }
.listlink, A.listlink:link, A.listlink:visited, A.listlink:hover, A.listlink:active { color: darkblue; font-weight: 600; }
.offscreen { position: absolute; top: -550px; left: -150px; width: 1px; height: 1px; overflow: hidden; }

/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */

.standardtext, .largertext, .link, A, body, td, tr, select, P, input, textarea  {
    font-size: 12px;   
    color: black; 
    font-family: Arial,Helvetica,sans-serif;
}
input, textarea { font-size: 14px; }

.largertext, th, p.error, td.error {
    font-size: 14px;
}

a.external {
    background: url(../images/system/icons/external_link.gif) no-repeat 100% 0; /* relative to css file */
    padding: 0 12px 0 0 ;
}
a { text-decoration: none; }
a:link, a:visited { color: blue; font-weight: bold; } 
/*a:hover, span.link:hover { color: blue; text-decoration: underline; }*/
a:hover, span.link:hover { color: green; text-decoration: underline; }

/* makes element look like a link - you might need to add hover */
.link {
    width: auto;
    background-color: transparent;
    text-decoration: none;
    border: none;
    /* cursor: hand; InternetExplorer only */
}

.linksmall, .linksmall:hover {
    font-weight: 300; 
    font-size: 10px;
}

.transparent {
    border: 0px; 
    background: transparent;
}

.break {
    border-bottom-width: 0px; 
    border-left-width: 0px;
    border-right-width: 0px;
    width: 100%; 
    height: 0px;
}

.label {
    white-space: nowrap; /* normal | nowrap */
    background-color: transparent;
    font-style: normal;  /* italic, normal, oblique */
    color: blue; 
    font-weight: 500; /* normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit */
    vertical-align: top;  /* top | middle */
    text-align: left;
}

.nomargin, .buttonbar, .break, HR {
    margin: 0px;
    padding: 0px;
}

.button, .buttonbar, .buttonspecial, .buttonsubmit, .buttoncancel, .buttondelete, .buttonpopup {
    xbackground-color: #D2CEE9 ; 
    xborder-style: ridge ; 
    padding: 3px 4px 3px 4px;
    display: inline;
    background: #DDD url(../images/system/button-shadow.png) repeat-x bottom;
    border: none;
    color: blue; 
    cursor: pointer;
    xfont-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px #EEE;
}
.button:hover, .buttonspecial:hover, .buttonsubmit:hover, .buttondelete:hover {
    background-position: 0 -48px;
}
.button:active, .buttonspecial:active, .buttonsubmit:active, .buttondelete:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    padding: 6px 10px 4px;
}
.buttonsubmit, .buttonbar {
    color: blue ;
}
.buttonspecial {
    color: blue ;
}
.buttoncancel {
    background-color: palegoldenrod ;
    text-shadow: 1px 1px #333;
    color: white ;
}
.buttondelete, .buttondeletetiny {
    background-color: indianred ;
    text-shadow: 1px 1px #333;
    color: white ;
}
.buttontiny, .buttondeletetiny, .buttonsubmittiny {
    width: 15px;
    height: 15px;
    border-style: outset;
}
.buttonsubmittiny {
    background-color: blue;
}
.buttonbar {
    height: 99%;
    width: 8px;
}
.buttonpopup { 
    color: blue ;
}
.buttontable {
    width: auto;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 4px;
    margin-bottom: 4px;
    border: 0px; 
    background-color: transparent;
}
.buttontitle {
    padding-left: 4px;
    padding-right: 4px;
    width: 100%;
}

/* this is an experimental section to replace buttonbar */
#buttonBarBlock {
    margin: 0px;
    padding: 0px;
    width: 8px;
}
#buttonBarBlock a:link, #buttonBarBlock a:visited { display: block; }
* html buttonBarBlock a { width: 100%;}
#buttonBarBlock a:hover { background: #D2CEE9;}


/* ---------------------------------------------------------------- */

img { border: none; }

hr {  
    width: 100%;
    border: 1px solid grey;
    text-align: center;
    border-color: grey;
    color: Brown;
    background-color: grey;
    height: 1px;
    border-bottom-width: 0px;
}

tr { 
    background-color: transparent; 
}

td {
    white-space: normal; /* normal | nowrap */
    margin: 0px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
    vertical-align: top; 
    text-align: left; 
    border: 0px;
}

form {
    margin: 0px; /* fixes extra line below form in IE */
    margin-bottom: 0px; /* fixes extra line below form in IE */
}

table {
    margin: 0px ;
    padding: 0px ;
    border-spacing: 0px;
    border-collapse: collapse;
    background-color: white;
    text-align: left; 
    vertical-align: middle;
}

.transparent {
    border: none; 
    background-color: transparent;
}

table.auto {
    width: auto; 
}

input[type=text] { /* no work in ie */
    border: 1px solid grey; 
    padding-left: 4px;
}

input.text {
    border: 1px solid grey;
    padding-left: 4px;
}

input {
}

textarea {
    border: 1px solid grey;
    padding-left: 4px;
}

/* ---------------------------------------------------------------- */

.error, .notice { 
    font-style: normal; 
    text-align: left; 
    background-color: PaleGoldenRod; 
    font-weight: bold; 
    padding-left: 10px; 
    padding-right: 10px;
}

.error {    
    color: red; 
}

.notice {
    /*  color: blue ; */
}

td.error, td.notice {
    background-color: transparent;
}

/* ---------------------------------------------------------------- */

#headerdiv { width: 100%; margin: 0px; padding: 0px;  border: none; }

#headerdiv .banner  { 
    display: none; 
    border: none; 
    width: 100%; 
    padding: 2px; 
    height: 24px; 
    font-size: 14px; 
    text-align: center; 
    vertical-align: middle;    
    background-color: darkblue; 
    color: white; 
}

#headerdiv .headertitle { color: darkblue; font-size: 22px; }

#headerdiv, #trailerdiv { 
    margin: 0px;
    background-image: url("../images/system/header-gradient.jpg"); 
    background-repeat: repeat-x; 
    xborder: 1px solid red;
}
#headerdiv table.header, #trailerdiv table.trailer { background: transparent; border: none; }

#headernavdiv { padding: 3px 5px 0px 0px; border: none; }

.header { border: none; background-color: transparent; }
.trailer { border: 0px solid grey; background-color: transparent; } 

/* ---------------------------------------------------------------- */

#infoframe {
    text-align: center; /* hack for IE */
    padding: 0px ;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
}
genericFramewi_welcomeviewer, #genericFramewi_advertisingviewer {
    overflow: hidden;
}

#wi_advertising {
    overflow: hidden;
    height: 100%;
    
}
/* ---------------------------------------------------------------- */

.sidebar { padding: 5px;
           background-color: #E5E9CE;
           xbackground-color: #CAD298; ;
           xbackground-color: lightyellow ;
}

/* cant add padding to non block elements */
.sidebar a.linktab { xborder: 1px solid blue; margin-left: 5px; display: inline-block; }

/* ---------------------------------------------------------------- */

#buildtabs a { padding: 0px 10px; border: 1px dotted #DDD; }
#buildtabs { border: none; margin: 0 auto; }

.tabon, .taboff { 
    text-align: center; 
    border: none;  
    font-weight: normal;
    border: none;
}
.tabon { font-style: italic; }
.tabon, .taboff { font-size: 14px; }

.tabs { border: none; padding: 3px; vertical-align: center; }

#myinformation .tabon { background-color: #648AF9; color: white;  } 

#personalwinwelcome table { border: none; }
/* ---------------------------------------------------------------- */

fieldset { 
    border: 1px solid black; 
    background: #EEE;
    margin: 1em 1em 1.5em 1em;
    padding: 1em;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
* html fieldset { 
    position: relative; 
    margin-top: 1em;
    padding: 1em;
    padding-top: .75em; 
}
legend { 
    color: black;
    font-size: 14px; 
    font-weight: bold;
}
* html legend { 
    position: absolute; 
    top: -.55em; left: .5em; 
}
/* ---------------------------------------------------------------- */

#helpdiv { position: absolute; 
           visibility: hidden; 
           top: 100px; 
           background-color: White; 
           width: auto; 
           height: auto; 
           overflow : auto;
           padding: 10px;  
           margin-top: 4px;
           border: solid blue 1px; }

#helpwin { background-color: White; 
           padding: 10px;  }
/* ---------------------------------------------------------------- */



/* ---------------------------------------------------------------- */

/* @page normal { size: 8.5in 11in; margin: 1in; widow: 4; orphan: 3; }  not used or understood just yet - possibly proprietary */
.pagebreakbefore { page-break-before: always; }
.pagebreakafter { page-break-after: always; }

/* ---------------------------------------------------------------- */

#frame { background-color: white; border-color: white; }
#frame th { border: none; background-color: white; }
#frame td { padding-bottom: 2px; }
#frame table { background-color: transparent; }
#frame table.list { background-color: white; }
#frame table.data { background-color: white; }
#frame table.form { background-color: white; }
#frame table.select { background-color: transparent; }

iframe { xoverflow: hidden;  } 
#myinfo, #infoframe { }

/* ---------------------------------------------------------------- */


/* table, td, tr, th, div, span { border: 1px solid blue;  border-collapse: separate; } /* use for debug */