/*Revision History:	
VSS           DATE      INITIALS  PILOT ITEM #
09.03.25.0000	03/25/2009	  gio     11676      
*/

/* HTML basic element styles */

html
{
    margin: 0;
    padding: 0;
}

body, div, p, h1, h2, h3, h4, ul, li, table
{
    margin: 0;
    padding: 0;
    border: none;
}

body
{
    background-color: #fff;
    color: #000;
    font-family: Arial;
    font-size: 8pt;
}

a:link
{
    color: #000;
    text-decoration: none;
}
a:hover
{
    color: #000;
    text-decoration: none;
}
a:visited
{
    color: #000;
    text-decoration: none;
}
a:active
{
    color: #000;
    text-decoration: none;
}

a.commandlink:link
{
    color: Navy;
    text-decoration: underline !important;
    font-weight: bold !important;
}
a.commandlink:hover
{
    color: #f00 !important;
    text-decoration: none !important;
    font-weight: bold !important;
}
a.commandlink:visited
{
    color: Navy;
    text-decoration: underline;
    font-weight: bold !important;
}
a.commandlink:active
{
    color: Navy;
    text-decoration: underline;
    font-weight: bold !important;
}

DL
{
    color: #000;
    font-family: Arial;
    font-size: 8pt;
    line-height: normal;
}

DT
{
    color: #000;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
}

LI
{
    color: Navy;
    font-family: Arial;
    font-size: 8pt;
    list-style-position: outside;
    list-style-type: circle;
}


MENU
{
    color: #000;
    font-family: Arial;
    font-size: 8pt;
    text-align: left;
}

MENU LI
{
    background: url(    "./images/htmlmenu_liarrow.gif" );
    background-image: url(    "./images/htmlmenu_liarrow.gif" );
    background-position: left;
    background-repeat: no-repeat;
    list-style-image: url(    "" );
    list-style-type: none;
    list-style-position: outside;
    padding: 4px 4px 0px 18px;
    border-bottom: solid 1px #4682B4 !important;
    vertical-align: middle !important;
}

OL
{
    color: Navy;
    font-family: Arial;
    font-size: 8pt;
    margin-left: 5px;
    padding-left: 0;
}

OL LI
{
    list-style-type:none;
    margin-bottom: 5px;
}

UL
{
    color: #393425;
    font-family: Arial;
    font-size: 8pt;
    padding-left: 10px;
}

UL LI
{
    list-style-image: url(./images/rightBlue.gif);
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

p
{
    margin-top: 5px;
    text-align: justify;
}

textarea
{
    font-size: 8pt;
    font-family: Arial;
    background-color: #FFFFFF;
    color: #000;
	border-width: 1;
	border-color: #B0C4DE;
	border-style: solid;
    font-size: 8pt;
    font-family: Arial;    
}

select
{
    font-size: 8pt;
    font-family: Arial;
    background-color: #FFFFFF;
    color: #000;
	border-width: 1;
	border-color: #B0C4DE;
	border-style: solid;
}

acronym
{
    border-bottom: none;
}

.accesskey
{
    text-decoration: underline;
}

/* Table styles*/

TABLE.datatable
{
    font-size: 8pt;
    font-family: Arial;
    color: #000;
    border-width: 0px;
    border-collapse: collapse;
    border-color: #4682B4;
    border-spacing: 0px;
    padding: 0px;
    margin: 0px;
    background-color: #fff;
}

TABLE.datatable tr th
{
    font-size: 8pt;
    font-family: Arial;
    background-color: #B0C4DE;
    background-image: url(./images/DarkTabCtLarge.PNG);
    background: url(./images/DarkTabCtLarge.PNG);
    padding-left: 3px;
    padding-right: 3px;
    color: #000;
    height: 28px;
}

tr.evenstyle td
{
    font-size: 8pt;
    font-family: Arial;
    color: #000;
    background-color: #fff;
    padding: 2px;
}

tr.oddstyle td
{
    font-size: 8pt;
    font-family: Arial;
    color: #000;
    background-color: #E4EAF1;
    padding: 2px;
    vertical-align: middle;
}

tr.hilightstyle td
{
    font-size: 8pt;
    font-family: Arial;
    background-color: Silver;
    color: #f00;
    padding: 2px;
    vertical-align: middle;
}

tr.emphitemstyle td
{
    font-size: 8pt;
    font-weight: normal;
    font-family: Arial;
    padding: 2px;
    vertical-align: middle;
    background-color: #FFF38C;
}

.evenstylerow
{
    font-size: 8pt;
    font-family: Arial;
    color: #000;
    background-color: #fff;
    padding-left: 3px;
    padding-right: 3px;
    vertical-align: middle;
}

.oddstylerow
{
    font-size: 8pt;
    font-family: Arial;
    color: #000;
    background-color: #E4EAF1;
    padding-left: 3px;
    padding-right: 3px;
    vertical-align: middle;
}

/*********** UTILTIES **********************/


.withborders
{
    border-width: 2px;
    border-color: #4682B4;
    border-style: solid;
    z-index: -1;
}

.withlightborders
{
    border-width: 2px;
    border-color: #B0C4DE;
    border-style: solid;
    z-index: -1;
}

.withbigborders
{
    border-width: 10px;
    border-color: #B0C4DE;
    border-style: solid;
    z-index: -1;
}

.progressbar
{
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
    background-color: #FFFFFF;
    border-width: 1px;
    border-color: #4682B4;
    border-style: solid;
    padding: 10px;
    z-index: 15000;
}

.progressbarB2B
{
    position: absolute;
    left: -100px;
    top: -100px;
    text-align: center;
    background-color: #FFFFFF;
    border-width: 1px;
    border-color: #4682B4;
    border-style: solid;
    padding: 10px;
    z-index: 15000;
}

.progressbarB2B h1
{
    font-size: 8pt;
    font-family: Arial;
    color: #000;
}

.progressbar h1
{
    font-size: 8pt;
    font-family: Arial;
    color: #000;
}

.lightbox_bordered
{
    font-size: 8pt;
    font-family: Arial;
    color: #000;
    background-color: #F3F3E6;
    text-decoration: none;
    border-style: solid;
    border-width: 1;
    border-color: #4682B4;
}

.messagehighlighted
{
    color: Red;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
}

.sidebarheader
{
    background-color: #E4EAF1;
    border-color: navy;
    border-style: solid;
    border-width: 1px;
    color: #000;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    border-collapse: collapse;
    padding: 4px;
}

.sidebarcontent
{
    border-color: #B0C4DE;
    border-style: none;
    border-width: 0px;
    color: #000;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    text-align: left;
    border-collapse: collapse;
}

.submitcancel
{
    width: 800px;
    padding-top: 10px;
    float: left;
    text-align: center;
    vertical-align: middle;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    border-top-color: #95B8E6;
    border-top-width: 2px;
    border-top-style: solid;
    color: #000;
}

.coloredSection
{
    background-color: #95B8E6;
}

.coloredLink
{
    background-color: #B0C4DE;
    width: 100%;
}
.coloredBorder
{
    border-color: #95B8E6;
}

.coloredFont
{
    color: Navy;
}


.logonbox
{
    background-image: url(./images/aspcalendar_bg.jpg);
    background: url(./images/aspcalendar_bg.jpg);
    background-repeat: repeat-x;
}

/*ModalPopUp section START*/
.modalPopUpBackground
{
    background-color: Gray;
    filter: alpha(opacity=100);
    opacity: 1;
}
.modalPopUpBackgroundLight
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 1;
}
.modalPopUpFrame
{
    border: steelblue thin solid;
    background-color: White;
}
/*ModalPopUp section END*/

/*Message section START*/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=100);
    opacity: 1;
}

.modalPopUpPanel
{
    border: steelblue thin solid;
    background-color: White;
}

.modalPopUpTitle
{
    background-color: SteelBlue;
    color: White;
    font-weight: bold;
    text-align: left;
}

.modalPopUpTable
{
    margin: 10px;
    min-width: 20%;
}
/*Message section END*/