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

/* ********************** */
/* ** Color Definition ** */
/* ********************** */

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

/*
Color:      1CAE67;     Jakin ID Green
Color:      000000;     Jakin ID Black
Color:      F7931D;     ACTAtek Oranage
Color:      003366;     ACTAtek Blue
Color:      A2C6EC;     Light Blue
Color:      F6CC99;     Light Orange
Color:      EFEFEF;     Light Gray 
*/

a:link, a: visited
{
}

a:hover
{
    color:                  green; /* #F7931D; */
    text-decoration:        underline;
}

a:active
{
    color:                  #034AF3;
}

a.linkBtn:visited
{
    color:                  green; /* #F7931D; */
}

a.linkBtn:hover
{
    color:                  green; /* #F7931D; */
}

a.linkBtn:link
{
    color:                  #003366;
}

a.linkBtn:active
{
    color:                  red;
}

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

/* ************************* */
/* ** Content Page Layout ** */
/* ************************* */

/* ------------------------------------------------------------------------------------------------------------------------ */
.box
{
    background:         #e6e9de; /* #FFFFFF; */
}

.boxtop
{
/*    background:             #9AC2EB url(../Images/bg-main2.gif) no-repeat top right;  #9AC2EB url(../Images/bg-main2.gif) no-repeat top right; ../images/ne4.gif rounded corner */
}

.boxtop div
{
    font-size:              0;
    height:                 2px;
/*  background:             url(../Images/bg-main2.png) no-repeat top left; ../images/nw4.gif rounded corner */
/* background:#8ec670; */
}

.boxtopHeader
{
/*  background:             url(../Images/bg-main2.png) #fff bottom left repeat-x;  */
/*	background:#1cae67; */
	padding: 8px 0px 3px 10px; /* t r b l */
    color:                  black; /* #3A4F63; */
    font-family:            Arial, Sans-Serif;
    font-size:              1.2em;
    font-weight:            bold;
    text-transform:         uppercase;
    min-height:             20px;
}

.boxbottom
{
/*    background:             url(../images/se2.gif) no-repeat bottom right;  */
}

.boxbottom div
{
    font-size:              0;
    height:                 6px;
/*    background:             url(../images/sw2.gif) no-repeat bottom left; */
background:#e6e9de;
}

.boxseperator
{
/*    background:             url(../Images/bg-main3.png) #fff bottom left repeat-x;  */
    min-height:             20px;
}

.boxcontent
{
    padding:                0px 1px 0px 1px;
    min-height:             700px;
    overflow:               auto;
    width:                  auto;
}

.validatorNotification
{
    font-size:              10px;
    color:                  Red;
}

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

/* ************************ */
/* ** Message Box Layout ** */
/* ************************ */

/* ------------------------------------------------------------------------------------------------------------------------ */
.info, .information, .success, .warning, .error, .validation
{
    font-size:              12px;
    border:                 1px solid;
    margin:                 10px 0px;
    background-repeat:      no-repeat;
    background-position:    10px center;
	background-size:		25px 25px;
}

.info, .information
{
    color:                  #00529B;
    background-color:       #BDE5F8;
    background-image:       url('../images/info.png');
}

.success
{
    color:                  #4F8A10;
    background-color:       #DFF2BF;
    background-image:       url('../images/success.png');
}

.warning
{
    color:                  #9F6000;
    background-color:       #FEEFB3;
    background-image:       url('../images/warning.png');
}

.error
{
    color:                  #D8000C;
    background-color:       #FFBABA;
    background-image:       url('../images/error.png');
}

.info p, .information p, .success p, .warning p, .error p
{
    padding:                0px 50px;
}

.info a, .information a, .success a, .warning a, .error a
{
    padding:                10px;
    cursor:                 pointer;
}

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

/* ********************* */
/* ** GridView Layout ** */
/* ********************* */

/* ------------------------------------------------------------------------------------------------------------------------ */
.GridViewStyle
{
    background:             white;
    font-size:              12px;
    border-collapse:        collapse;
    border:                 #82838c 1px solid;
}

.TimeScheduleGridViewStyle
{
    font-size:              8px;
    border-collapse:        collapse;
    border:                 #82838c 1px solid;
}

.gviewHyperLink
{
    cursor:                 pointer;
    color:                  #1d60ff;
    text-decoration:        underline;
}

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

/* ******************************* */
/* ** Header/Pager Style Layout ** */
/* ******************************* */

/* ------------------------------------------------------------------------------------------------------------------------ */
.HeaderStyle, .PagerStyle
{
    background-position:    center;
    background-repeat:      repeat-x;
    background-color:       #1cae67; /* #19548A; */
}

.PagerStyle
{
    text-align:             center;
}

.HeaderStyle th
{
    padding:                2px;
    color:                  #000001; /* #FFFFFF; */
    border: solid 1px #1c591c; /* dark green */
    font-weight:            bold;
    text-align:             left;
}

caption
{
    padding:                2px;
    color:                  #000001; /* #FFFFFF; */
    /* border: solid 1px #1c591c; /* dark green */
    font-weight:            bold;
    text-align:             left;
}

.HeaderStyle a
{
    font-weight:            bold;
    text-decoration:        none;
    color:                  #000001; /* #FFFFFF; */
    display:                block;
    text-align:             left;
}

.PagerStyle table
{
    text-align:             center;
}

.PagerStyle table td
{
    border:                 0px;
}

.PagerStyle td
{
    border-top:             #82838c 1px solid;
}

.PagerStyle a
{
    padding:                0px 3px 0px 3px;
    color:                  #FFFFFF;
    text-decoration:        none;
    border-top:             solid 1px #777777;
    border-right:           solid 1px #333333;
    border-bottom:          solid 1px #333333;
    border-left:            solid 1px #777777;
}

.PagerStyle span
{
    font-weight:            bold;
    color:                  #FFFFFF;
    text-decoration:        none;
}

.TimeScheduleHeaderStyle, .PagerStyle
{
    font-size:              12px;
    background-position:    center;
    background-repeat:      repeat-x;
    background-color:       #1CAE67;  /* black; #19548A; */
}

.TimeScheduleHeaderStyle th
{
    color:                  #FFFFFF;
    border-right:           solid 1px #FFFFFF;
    border-bottom:          solid 1px black; /* #19548A; */
    font-weight:            bold;
    text-align:             left;
}

.TimeScheduleHeaderStyle a
{
    font-weight:            bold;
    text-decoration:        none;
    color:                  #FFFFFF;
    display:                block;
    text-align:             left;
}

.TimeScheduleDayCell
{
    color:                  black;
    font-size:              12px;
    font-weight:            bold;
}

.TimeScheduleEnabled
{
    color:                  black;
}

.TimeScheduleDisabled
{
    color:                  #EBDDE2;
}

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

/* ********************** */
/* ** Row Style Layout ** */
/* ********************** */

/* ------------------------------------------------------------------------------------------------------------------------ */
.RowStyle
{
	background:#dfeed7; /* #e6e9de; */
}

.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td
{
    padding:                1px 3px 1px 3px;
    border-right:           solid 1px black; /* #19548A; */
    text-align:             left;
}

.RowStyle td
{
}

.AltRowStyle td
{
    background-color:       #f1fbff;
}

.SelectedRowStyle td
{
    background-color:       #ffff66;
}

.TimeScheduleRowStyle td, .TimeScheduleAltRowStyle td
{
    border-right:           solid 1px #E3EAEB;
    text-align:             left;
}

.TimeScheduleRowStyle td
{
}

.TimeScheduleAltRowStyle td
{
    background-color:       #f1fbff;
}

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

/* ********************** */
/* ** Tab Panel Layout ** */
/* ********************** */

/* ------------------------------------------------------------------------------------------------------------------------ */
.ScrollDivForGridView
{
    width:                  100%;
    overflow:               scroll;
    overflow-x:             hidden;
    border-bottom:          solid 1px #82838c;
    border-top:             solid 1px #82838c;
}

.ajax__tab_yuitabview-theme .ajax__tab_header
{
    font-size:              small;
    border-bottom:          solid 5px black; /* #4E4848; */
    font-weight:            bold;
}

.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer
{
    background:             url(../Images/bg-main2.png) #d8d8d8 repeat-x;
    margin:                 0px 0.16em 0px 0px;
    padding:                1px 0px 0px 0px;
    vertical-align:         bottom;
    border:                 solid 1px #a3a3a3;
    border-bottom-width:    0px;
}

.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab
{
    color:                  #000;
    padding:                0.1em 0.75em;
    margin-right:           0.01em;
}

.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer
{
    background:             url(img/yui/sprite.png) #bfdaff repeat-x left -1300px;
}

.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab
{
    color:                  #fff;
}

.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer
{
    background:             black; /* url(img/yui/sprite.png) #4E4848 repeat-x left -1400px; */
}

.ajax__tab_yuitabview-theme .ajax__tab_body
{
    font-size:              10pt;
    padding:                0.25em 0.5em;
    background-color:       #FFFFFF;
    border:                 solid 1px #808080;
    border-top-width:       0px;
}

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

/* ***************** */
/* ** Page Layout ** */
/* ***************** */

/* ------------------------------------------------------------------------------------------------------------------------ */
.BulkUserFieldSet fieldset
{
    padding:				0em 1em 0.1em 1em; /* tlbr */
}

fieldset
{
	margin-top:				5px;
    padding:                0.3em 1em 0.5em 1em;
    border:                 1px solid #ccc;
}

fieldset p
{
    margin:                 5px 12px 5px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display:                block;
}

fieldset label.inline
{
    display:                inline;
}

legend
{
    font-size:              1.1em;
    font-weight:            600;
    padding:                2px 4px 8px 4px;
}

.modalBackground
{
    background-color:       Gray;
    filter:                 alpha(opacity=70);
    opacity:                0.7;
}

.detailgrid
{
    border:                 solid 1px #ad9e87;
    background:             white;
    margin-bottom:          10px;
}

.detailgrid td
{
    cursor:                 default;
    height:                 20px;
    color:                  #000;
    padding:                2px 8px;
    border-right-style:     solid;
    border-right-width:     1px;
    border-right-color:     #f2e8da;
    border-bottom-style:    solid;
    border-bottom-width:    1px;
    border-bottom-color:    #f2e8da;
}

.popupContainer
{
    border:                 solid 1px #000;
}

.popupHeader
{
    background-color:		#1CAE67; /* #1569C7; */
    color:                  #FFF;
    border-color:           #808080 #808080 #ccc;
    border-style:           solid;
    border-width:           0px 1px 1px;
    padding:                3px 10px;
}

.popupHeader .msg
{
    font-weight:            bold;
}

.popupBody
{
    background-color:       #f2f2f2;
    border-color:           #808080;
    border-style:           solid;
    border-width:           0px 1px;
    padding-top:            10px;
    padding-left:           10px;
    padding-bottom:         10px;
    padding-right:          10px;
} 

.popupBody .msg
{
    background:             url(img/sprite.png) no-repeat 0px -1150px;
    padding-left:           22px;
}  

.popupFooter
{
    background-color:       #f2f2f2;
    border-color:           #808080;
    border-style:           none solid;
    border-width:           0px 1px;
    text-align:             right;
    padding-left:           8px;
    padding-right:          8px;
    padding-bottom:         8px;
} 

.watermarked
{
    border:                 1.5px solid #BEBEBE;
    background-color:       #F0F8FF;
    color:                  #BABABA;
    padding:				1.0px;
}

.ActionButton
{
    min-width:              100px;
    font-size:              12px;
    text-align:             center;
    background-color:       #000002; /* #E3EAEB; */
    color:                  white; /* #666666; */
    border:                 0px solid black;
    font-weight:            bold;
    height:                 23px;
}

.ActionButton:hover
{
    color:                  white; /* #666666; */
    background-color:       #000002; /* #E3EAEB; */
    text-decoration:        underline;
}