/* --------------------------------------------------------------
Author:         Janine Tolentino
Create Date:    03.30.2010
Description:    Common styles for all of the pages
Last Modified:  04.05.2010
-------------------------------------------------------------- */

/* --------------------------------------------------------------
   Master Page
   * Header (Technistock logo + module title) and Footer
   * Gray area that displays the name of the user logged in
   * Dynamic Menu
-------------------------------------------------------------- */
#imgTSHeader
{
    background: transparent url('../images/MainBanner.gif') no-repeat;
    height: 83px;
}

#GrayLoginStatus
{
    background-color: #C0C0C0;
    height: 28px;
    line-height:28px;
    text-align: right;
}

#PageLabelHeader
{
    background-color: #fff;
    height:45px;
    line-height:30px;
}

.lblPageTitle
{
    height: 83px; 
    margin-left: 8px; 
    font-family: Verdana; 
    font-size: 20px; 
    font-weight: normal;
}

.DynamicMenuItems
{
    background-color:Yellow;
    color:Green;    
}

#DynamicMenu
{
    background-color: #000;
    height: 41px;
    font: bold 11px tahoma;
    color: #FFFFFF;
    line-height:17px;
    
}

.labelControls
{
    margin-top: .6em;
}

.labelProfileHeader
{
    text-align: center;
    font: bold 12px Tahoma;
}

#body
{
    /*Added By Ralph*/ /*height: 580px;*/
    min-height: 580px;
    font-family: Verdana,Arial;
    margin: 0px auto;
}

.font
{
    font-family: Verdana,Arial;
}

#PageFooter
{
    background-color: White;
    height: 24px;
}

#imgTSFooter
{
    background: url(../images/Footer.gif);
    height: 24px;
}


/* --------------------------------------------------------------
   Dashboard
-------------------------------------------------------------- */
.dashboardHeader
{
    height: 25px;
}

#dashboardUpperQuickLink
{
    height: 300px;
}

#dashboardLowerQuickLink
{
    height: 305px;
}

/*#
{
    height: 630px;
}*/

/* --------------------------------------------------------------
   Modal Pop Up
-------------------------------------------------------------- */

.modalBackground
{
    background-color: #222222;
    filter: alpha(opacity=70);
    opacity: .70;
    -moz-opacity: .70;
}
.modalWindow
{
    border: thin solid #666666;
    background: #FFFFFF;
    padding: 10px 10px 10px 10px;
    position: absolute;
    top: -1000px;
    font-family: Verdana;
}

.modalInfoPanel
{
    background-color: #FFFFCC;
    border: thin solid #999999;
}

.modalPopUpCalendar
{
    z-index: 40000 !important;
}

.txtReadOnly
{
    background-color: #FFFF99;
}

.divLineSpace
{
    height: 10px;
}

/* --------------------------------------------------------------
   Content Pages
-------------------------------------------------------------- */

.lblUserStatus
{
    /*GREEN ACTIVE*/
    background-color: Green;
    color: White;
    font-weight: bold;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    height: 18px;
}

.lblWarning
{
    /*RED TEXT*/
}

.btnAction
{
    font-family: Verdana;
    font-size: 13px;
    margin-top: 5px;
}

.btnSubmit
{
    text-transform: capitalize;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.btnUpdate
{
}

.dataGrid
{
    /* links are blue */
    font: 10pt Verdana;
}

h1, .lblTitle
{
    font: bold 17px Arial;
    color: #FF9900;
    text-align: center;
    vertical-align: middle;
    height: 18px;
}

h2, .lblSubTitle
{
    font: bold 14px Arial;
    color: #000000;
    text-align: center;
    vertical-align: top;
    height: 18px;
}

h3, .lblDialogTitle
{
    font: bold 13px Verdana;
    color: #FF9900;
}

label.Form
{
    font: bold 13px Arial;
}

input.FormText
{
    font: 13px Verdana;
}

select, .inputFormCombo
{
    font: 13px Verdana;
    width: 236px;
}

.panelDialog
{
    border-collapse: collapse;
    font-family: Verdana;
    border: 1px solid #000000;
    background-color: #FFFFFF;
}

label.Dialog
{
    font: bold 13px Verdana;
    color: #000000;
}

.inputDialogCombo
{
    font: 13px Verdana;
}

.filterPanelSingleLine
{
    height: 35px;
}

.filterPanelSingleLineForUsers
{
    height: 35px;
    width: 900px;
}


.filterPanelDoubleLine
{
    height: 70px;
}


.filterPanelDoubleLineForUsers
{
    height: 70px;
    width: 900px;
}

/* --------------------------------------------------------------
   Styles that are used by the Master Page and Content Pages
-------------------------------------------------------------- */

.filterDivSingleLine
{
    height: 60px;
}

a:visited
{
    /* orange */
}

.filterDivDoubleLine
{
    height: 95px;
}
/*.actionDiv
{
    border: thin solid #808080;
    height: 34px;
    background-color: #DADADA;
    direction:rtl;
}*/
.actionDiv
{
    border: thin solid #808080;
    height: 34px;
    background-color: #FFFFCC;
    direction: rtl;
}



a:active
{
    /* teal */
}

a:link
{
    /* blue */
}





/* --------------------------------------------------------------
   Styles from Leo
-------------------------------------------------------------- */
.labelRequiredNote
{
    color: Red;
}

.labelRequiredMark
{
    color: Red;
}

.labelHeader
{
    font-weight: bold;
}

.divRowRight
{
    height: 36px;
    text-align: right;
    vertical-align: middle;
    direction: rtl;
    margin-right: 2em;
}

.divRowLeft
{
    height: 36px;
    text-align: left;
    vertical-align: middle;
    direction: ltr;
}


.divRowCenter
{
    height: 36px;
    text-align: center;
    vertical-align: middle;
    direction: ltr;
}


.hyperLinkHeader
{
    font-size: x-small;
    font-family: verdana;
    font-weight: bold;
    font-variant: normal;
    color: #0000FF;
    text-decoration: underline;
}

.labelForTextbox
{
    font-weight: bold;
    vertical-align: bottom;
    text-align: right;
    direction: rtl;
    padding: .6em;
    height: 36px;
}


.labelForTextboxLeft
{
    font-weight: bold;
    vertical-align: bottom;
    text-align: left;
    direction: ltr;
    padding-top: .6em;
    height: 36px;
}

.hyperlinkForTextboxRight
{
    padding: .6em;
    text-align: left;
    height: 36px;
}

.standardTextbox
{
    vertical-align: bottom;
    text-align: left;
}

.imgbuttonForTextboxRight
{
    padding: .6em;
}

.largeButton
{
    height: 142px;
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

.boxLabel
{
    padding-top: 36px;
    height: 124px;
    width: 150px;
    text-align: center;
    padding-bottom: 0px;
    background-color: #C0C0C0;
}


/* Horizontal Control */
.clast
{
    margin-right: 0;
}
.cspan-1
{
    width: 30px;
}
.cspan-2
{
    width: 70px;
}
.cspan-3
{
    width: 110px;
}
.cspan-4
{
    width: 150px;
}
.cspan-5
{
    width: 190px;
}
.cspan-6
{
    width: 230px;
}
.cspan-7
{
    width: 270px;
}
.cspan-8
{
    width: 310px;
}
.cspan-9
{
    width: 350px;
}
.cspan-10
{
    width: 390px;
}
.cspan-11
{
    width: 430px;
}
.cspan-12
{
    width: 470px;
}
.cspan-13
{
    width: 510px;
}
.cspan-14
{
    width: 550px;
}
.cspan-15
{
    width: 590px;
}
.cspan-16
{
    width: 630px;
}
.cspan-17
{
    width: 670px;
}
.cspan-18
{
    width: 710px;
}
.cspan-19
{
    width: 750px;
}
.cspan-20
{
    width: 790px;
}
.cspan-21
{
    width: 830px;
}
.cspan-22
{
    width: 870px;
}
.cspan-23
{
    width: 910px;
}
.cspan-24
{
    width: 950px;
    margin-right: 0;
}


/* Vertical span */
.vlast
{
    margin-bottom: 0;
}
.vspan-1
{
    height: 18px;
}
.vspan-2
{
    height: 36px;
}
.vspan-3
{
    height: 54px;
}
.vspan-4
{
    height: 72px;
}
.vspan-5
{
    height: 90px;
}
.vspan-6
{
    height: 108px;
}
.vspan-7
{
    height: 126px;
}
.vspan-8
{
    height: 144px;
}
.vspan-9
{
    height: 162px;
}
.vspan-10
{
    height: 180px;
}
.vspan-11
{
    height: 198px;
}
.vspan-12
{
    height: 216px;
}
.vspan-13
{
    height: 234px;
}
.vspan-14
{
    height: 252px;
}
.vspan-15
{
    height: 270px;
}
.vspan-16
{
    height: 288px;
}
.vspan-17
{
    height: 306px;
}
.vspan-18
{
    height: 324px;
}
.vspan-19
{
    height: 342px;
}
.vspan-20
{
    height: 360px;
}
.vspan-21
{
    height: 378px;
}
.vspan-22
{
    height: 396px;
}
.vspan-23
{
    height: 414px;
}



/* --------------------------------------------------------------
   End of Styles from Leo
-------------------------------------------------------------- */


/* --------------------------------------------------------------
   Styles from Ralph
-------------------------------------------------------------- */

.lnkbtnHomepage
{
    text-decoration: underline;
    color: Black;
    font-weight: bold;
}

.lbtnMaintenance
{
    text-decoration: underline;
    color: Black;
    font-weight: normal;
    margin-top: .6em;
    vertical-align: bottom;
}


.ErrorHead
{
    font: bold 18px Arial;
    color: #000334;
    text-align: Left;
    vertical-align: middle;
    height: 18px;
}

.ErrorBody
{
    font: bold 14px Arial;
    color: #000000;
    text-align: Left;
    vertical-align: top;
    height: 18px;
}

.ErrorInstruction
{
    font: bold 13px Verdana;
    color: #000333;
}

.gvUsers
{
    font-size: 12px;
    width: 950px;
}

.gv
{
    width: 870px;
}

.lnkBtnfilter
{
    cursor: pointer;
}

.btnOkCancel
{
    cursor: pointer;
    font-family: Verdana;
}

.pagerStyle
{
    text-align: center;
    margin: 0px auto;
}

.txtFieldUsersAlign
{
    margin-top:.1em;
}

.pnlHeight
{
    min-height:190px;
    max-height:314px;
}

.FileUpload
{
    border-style:solid;
 border-width: 1px;
 border-color: gray;

}


/* --------------------------------------------------------------
   End of Styles from Ralph
-------------------------------------------------------------- */