﻿body 
{
}

a:link, a:visited
{	
}

a:hover
{
    color:                  #1d60ff;
    text-decoration:        underline;
}

a:active
{
    color:                  #034AF3;
}

/* ------------------------------------------------------------------------------------------------------------------------ */

/* ************************* */
/* ** Content Page Layout ** */
/* ************************* */

/* ------------------------------------------------------------------------------------------------------------------------ */
.box
{
    background:             #FFFFFF;
}

.boxtop
{
    background:             #9AC2EB url(../images/ne4.gif) no-repeat top right;
}

.boxtop div
{
    font-size:              0;
    height:                 6px;
    background:             url(../images/nw4.gif) no-repeat top left;
}

.boxtopHeader
{	
    background:             url(../Images/bg-main2.png) #fff bottom left repeat-x;
    padding-left:           10px;
    padding-bottom:         3px;
    padding-top:            3px;
    color:                  #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;
}

.boxseperator
{
    background:             url(../Images/bg-main3.png) #fff bottom left repeat-x;
    min-height:             20px;
}

.boxcontent
{
    padding:                8px 8px 8px 8px;
    min-height:             600px;
    overflow:               auto;
    width:                  auto;
}

.validatorNotification
{
    font-size:              10px;
    color:                  Red;
}

.ipListContent
{
    margin:                 0px 0px 0px 5px;
    font-size:              10px;
    color:                  Red;
}

/* ------------------------------------------------------------------------------------------------------------------------ */

/* ************************ */
/* ** Message Box Layout ** */
/* ************************ */

/* ------------------------------------------------------------------------------------------------------------------------ */
.info, .success, .warning, .error, .validation
{
    font-size:              12px;
    border:                 1px solid;
    margin:                 10px 0px;
    background-repeat:      no-repeat;
    background-position:    10px center;
}

.info
{
    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, .success p, .warning p, .error p
{
    padding:                0px 50px;
}

.info a, .success a, .warning a, .error a
{
    padding:                10px;
    cursor:                 pointer;
}

/* ------------------------------------------------------------------------------------------------------------------------ */

/* ********************* */
/* ** GridView Layout ** */
/* ********************* */

/* ------------------------------------------------------------------------------------------------------------------------ */
.GridViewStyle
{
    font-size:              12px;
    border-collapse:        collapse;
    border:                 #82838c 1px solid;
}

/* ------------------------------------------------------------------------------------------------------------------------ */

/* ******************************* */
/* ** Header/Pager Style Layout ** */
/* ******************************* */

/* ------------------------------------------------------------------------------------------------------------------------ */
.HeaderStyle, .PagerStyle
{
    background-position:    center;
    background-repeat:      repeat-x;
    background-color:       #19548A;
}

.PagerStyle
{
    text-align:             center;
}

.HeaderStyle th
{
    padding:                2px;
    color:                  #FFFFFF;
    border-right:           solid 1px #FFFFFF;
    border-bottom:          solid 1px #19548A;
    font-weight:            bold;
    text-align:             left;
}

.HeaderStyle a
{
    font-weight:            bold;
    text-decoration:        none;
    color:                  #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;
}

/* ------------------------------------------------------------------------------------------------------------------------ */

/* ********************** */
/* ** Row Style Layout ** */
/* ********************** */

/* ------------------------------------------------------------------------------------------------------------------------ */
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td
{
    padding:                1px 3px 1px 3px;
    border-right:           solid 1px #19548A;
    text-align:             left;
}

.RowStyle td
{
}

.AltRowStyle td
{
    background-color:       #f1fbff;
}

.SelectedRowStyle td
{
    background-color:       #ffff66;
}

/* ------------------------------------------------------------------------------------------------------------------------ */

/* ********************** */
/* ** 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 #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:             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 ** */
/* ***************** */

/* ------------------------------------------------------------------------------------------------------------------------ */
fieldset
{
    padding:                1em;
    border:                 1px solid #ccc;
}

fieldset p
{
    margin:                 2px 12px 10px 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;
}

.detail
{
    font-family:            lucida grande, arial, helvetica, sans-serif;
    font-size:              11px;
    background-color:       #fff;
    border:                 solid 2px #000;
    padding:                4px;
}

.popupContainer
{
    border:                 solid 1px #000;
}

.popupHeader
{
    background-color:       #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:           20px;
}

.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;
}

.ActionButton
{
    min-width:              100px;
    font-size:              12px;
    text-align:             center;
    background-color:       #E3EAEB;
    color:                  #666666;
    border:                 1px solid #666666;
    font-weight:            bold;
    height:                 23px;
}

.ActionButton:hover
{
    color:                  #FFFFFF;
    background-color:       #666666;
}