/*Page Main*/
body
{
    padding: 0px;
    margin: 0px;
    font: 10pt "Verdana,sans-serif";
}

.HeaderStyle
{
    padding: 10px 0px 10px 0px;
    font: 10pt Verdana,sans-serif;
}

.MainStyle
{
    font-family: Verdana,sans-serif;
    font-size: 10pt;
    background-color: #FFF;
}

.FooterStyle
{
    font-family: Verdana,sans-serif;
    font-size: 12px;
    color: #4C4C4C;
    text-align: center;
    vertical-align: middle;
    width: 900px;
    padding: 5px 0px 0px 0px;
    margin-top: 10px;
    line-height: 18px;
    clear: both;
    display: block;
    border-top: dotted 1px #DDD;
}
/*End Page Main*/

/*Header*/
.logo
{
    height: 39px;
    background: transparent no-repeat scroll right top;
    padding: 0px 0px 5px;
}

.account-info
{
    float: right;
}

.account-menu
{
    text-decoration: none !important;
    color: #cb3a51 !important;
    font-weight: normal;
    letter-spacing: 2px;
}
/*End Header*/

.pmail:link
{
    text-decoration: underline;
    color: #4C4C4C;
}

.pmail:hover
{
    text-decoration: underline;
    color: #E73650;
}

/*Radius*/
.rds
{
}

.rds b
{
    font-size: 1px;
    display: block;
    height: 1px;
    overflow: hidden;
    border-left: solid 1px #CECECE;
    border-right: solid 1px #CECECE;
    background: #FFFFFF none repeat scroll 0 0;
}
.rds .l1
{
    background: #C4C4C4 none repeat scroll 0 0;
    margin: 0px 3px;
    padding: 0px 1px;
}

.rds .l2
{
    margin: 0px 2px;
    padding: 0px;
}

.rds .l3
{
    margin: 0px 1px;
}

.border-RF
{
    border-left: solid 1px #CECECE;
    border-right: solid 1px #CECECE;
}

/*End Radius*/

/*Content Main*/
.ContentHeadStyle
{
    padding: 10px;
    font-size: 12pt;
    font-weight: bolder;
    background-color: #4C4C4C;
    color: #FFF;
}

/*End Content Main*/

.ListStyle
{
    width: 100%;
}

.ListStyle thead tr td
{
    background-color: #4C4C4C;
    color: #ffffff;
    font-weight: bolder;
    border-left: solid 1px #ffffff;
    text-align: center;
    vertical-align: middle;
}

.ListStyle tbody tr td
{
    font-weight: normal;
}

.daul-row-background
{
    background-color: #e3f0f2;
}

.daul-row-backgorund-report
{
    background-color: #e3f0f2;
}

.EditPadStyle
{
    padding: 10px;
}

.EditPadStyle > div
{
    padding-bottom: 15px;
}
.EditPadStyle .field
{
    padding-bottom: 15px;
}

.EditPadStyle textarea, .EditPadStyle input[type='text']
{
    width: 300px;
}
.EditPadStyle .text
{
    width: 300px;
}

.EditPadStyle textarea
{
    height: 100px;
    overflow: hidden;
}

input[type='button'], input[type='submit']
{
    background-color: #E6E6E6;
    color: #333;
    overflow: visible;
    width: auto;
    padding: 1px 3px;
}

select, input.text, textarea
{
    border: solid 1px #DDD;
    font: 12px "Verdana,sans-serif";
}

select:focus, input.text:focus, textarea:focus
{
    border: solid 1px #4C4C4C;
    font: 12px "Verdana,sans-serif";
}

.EditPadStyle input
{
    border: solid 1px #DDD;
    font: 12px "Verdana,sans-serif" bolder;
}

/*select, input[type='text'], textarea
{
    border: solid 1px #DDD;
}

select:focus, input[type='text']:focus, textarea:focus
{
    border: solid 1px #4C4C4C;
}*/

select
{
    color: #333;
}

.validation-summary-errors
{
    margin: 5px;
    padding: 5px 5px 5px 20px;
    background: #FFDDCC none repeat scroll 0 0;
    border: 2px solid #DD0000;
    color: #550000;
}
a:link, a:active, a:visited
{
    text-decoration: underline;
    color: #4C4C4C;
}

a:hover
{
    text-decoration: underline;
    color: #E73650;
}

.DotMoreHighlight
{
    cursor: pointer;
    color: #009900;
    text-decoration: underline;
    border-bottom: #009900 2px dashed;
    padding-bottom: 1px;
    background-color: transparent;
}


.borderOnePx
{
    border: solid 1px #DDD;
}

.borderMozRadius
{
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
}

.borderMozRadiusTop
{
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
}

.borderMozRadiusBottom
{
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
}

.borderMozRadiusTopLeft
{
    -moz-border-radius-topleft: 3px;
}
.borderMozRadiusTopRight
{
    -moz-border-radius-topright: 3px;
}

/*Dialog Panel*/
.dialogExtPanelBorder
{
    width: 412px;
    padding: 0px 5px 10px;
}

.dialogExtPanel
{
    padding: 5px;
    width: 400px;
    list-style-type: none;
}

.dialogExtPanel li
{
    padding: 5px;
}

.dialogExtPanel .rds .l2, .dialogExtPanel .rds .l3
{
    background-color: #e3fbfb;
}
/*End Dialog Panel*/

#divDateSelecter
{
    list-style-type: none;
    display: block;
    text-decoration: underline;
    cursor: pointer;
    float: right;
    margin: 0px;
    color: #4C4C4C;
}
#divDateSelecter:hover
{
    color: #E73650;
}
#divDateSelecter li
{
    float: left;
    line-height: 16px;
    padding: 0px;
    margin: 0px;
}
#divDateSelecter span
{
    font-weight: bolder;
}
.ul-not-list-style ul
{
    list-style: none none outside;
    margin: 0px;
    padding: 0px;
}
.ul-not-list-style ul li
{
    padding: 10px;
}
.ul-not-list-style ul li div
{
    font-weight: bolder;
    color: #E73350;
    padding: 0px 0px 5px;
}
.ul-float-left ul li
{
    float: left;
    padding: 5px 2px;
}

/*Icons*/
.iconStyle
{
    overflow: hidden;
    width: 16px;
    height: 16px;
    display: block;
    margin: 0px 4px;
    background-color: #F9F9F9;
    background-repeat: no-repeat;
    cursor: pointer;
}

.icon888888
{
    background-image: url(../Images/ui-icons_888888_256x240.png);
}

.icon2e83ff
{
    background-image: url(../Images/ui-icons_2e83ff_256x240.png);
}
.iconcd0a0a
{
    background-image: url(../Images/ui-icons_cd0a0a_256x240.png);
}
.iconStyle:hover
{
    background-color: #E6E6E6;
}

.iconCalculator
{
    background-position: -112px -112px;
}

.iconArrowRight
{
    background-position: -32px -16px;
}

.iconRecycler
{
    background-position: -176px -96px;
}

.iconArrowDownStop
{
    background-position: -224px -32px;
}

.iconCaratRight
{
    background-position: -32px 0;
}

.iconCheck
{
    background-position: -64px -144px;
}

.iconSeekFirst
{
    background-position: -80px -160px;
}
.iconSeekPrev
{
    background-position: -48px -160px;
}
.iconSeekNext
{
    background-position: -32px -160px;
}
.iconSeekEnd
{
    background-position: -64px -160px;
}

.iconWrench
{
    background-position: -176px -112px;
}

.iconDot
{
    background-position: -80px -144px;
}

.iconPencil
{
    background-position: -64px -112px;
}
.iconAlert
{
    background-position: 0px -144px;
}
.iconClose
{
    background-position: -96px -128px;
}
.iconInfo
{
    background-position: -16px -144px;
}
.icon-arrow
{
    display: block;
    cursor: pointer;
    overflow: hidden;
    width: 16px;
    height: 16px;
    background: transparent url(../Images/arrow_brown.gif) no-repeat scroll;
}

.icon-arrow-brown-prev
{
    background-position: 0px 0px;
}

.icon-arrow-brown-next
{
    background-position: 0px -16px;
}

.icon-arrow-brown-first
{
    background-position: 0px -32px;
}

.icon-arrow-brown-end
{
    background-position: 0px -48px;
}

.icon-arrow-brown-up
{
    background-position: 0px -64px;
}

.icon-arrow-brown-down
{
    background-position: 0px -80px;
}


/*End Icons*/

/*Button Menu*/
.button-menu ul
{
    margin: 0;
    padding: 0;
}
.button-menu li
{
    list-style-type: none;
    float: left;
    padding: 2px;
    font-size: 13px;
}

.button-menu li a
{
    display: block;
    background-image: url(../Images/button_menu_bg.gif);
    padding-left: 10px;
    line-height: 21px;
    color: #188396;
    text-decoration: none;
    cursor: pointer;
}
.button-menu li a span
{
    display: block;
    background-image: url(../Images/button_menu_bg.gif);
    padding-right: 10px;
    background-position: right top;
}


.button-menu li a:hover
{
    background-position: left -21px;
    color: #ff6600;
}
.button-menu li a:hover span
{
    background-position: right -21px;
}
/*End Button Menu*/

/*Button Select Menu*/
.button-slt-menu ul
{
    margin: 0;
    padding: 0;
}
.button-slt-menu li
{
    list-style-type: none;
    float: left;
    padding: 2px 0px;
    font-size: 13px;
}
.button-slt-menu li a
{
    display: block;
    padding: 0px 10px;
    line-height: 21px;
    color: #188396;
    text-decoration: none;
    cursor: pointer;
}
.button-menu li a span
{
    display: block;
}
.button-slt-menu li a:hover
{
    color: #ff6600;
}

.button-slt-menu .left
{
    overflow: hidden;
    background-image: url(../Images/button_menu_bg.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.button-slt-menu .selected .left
{
    overflow: hidden;
    border-right: solid 1px #FF6600;
    background-position: left -21px;
    color: #FF6600;
}
.button-slt-menu .right
{
    overflow: hidden;
    background-image: url(../Images/button_menu_bg.gif);
    background-position: right top;
}

.button-slt-menu .selected .right
{
    overflow: hidden;
    border-left: solid 1px #FF6600;
    background-position: right bottom;
    color: #FF6600;
}


/*End Button Select Menu*/

/*Verify Left Menu*/
.verify-left-menu
{
    padding: 5px 0px 5px 30px;
    border-bottom: dashed 1px #808080;
}
.verify-left-menu a
{
    text-decoration: none !important;
}
.verify-left-menu-selectd
{
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    background-color: #daeef8;
}
.verify-left-menu-selectd a
{
    font-weight: bolder;
}
/*End Verify Left Menu*/

#divPageNation
{
    padding-top: 5px;
}

/*MenuTab*/
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix
{
    display: inline-block;
}
.tabs-menu-top
{
    border-bottom: solid 1px #CECECE;
    display: block;
    margin-right: 3px;
}
.tabs-menu-top ul
{
    padding: 0px;
    margin: 0px;
}
.tabs-menu-top li
{
    float: left;
    list-style: none;
    margin: 0px 0.2em -1px 0px;
    border-bottom: 0px;
    display: block;
    position: relative;
    background: transparent url(../Images/radius_top.gif) no-repeat right top;
    padding-right: 10px;
}
.tabs-menu-top .selected
{
    background: transparent url(../Images/radius_top.gif) no-repeat right bottom;
}
.tabs-menu-top .selected div
{
    background: transparent url(../Images/radius_top.gif) no-repeat left bottom;
}
.tabs-menu-top div
{
    line-height: 35px;
    padding-left: 10px;
    background: transparent url(../Images/radius_top.gif) no-repeat;
}
.tabs-menu-top a
{
    text-decoration: none !important;
}
/*End MenuTab*/
.star
{
    color: #E73350;
}
/*Alert Message*/
.AlerterStyle
{
    padding-bottom: 10px;
}
.AlerterStyle .l1
{
    background-color: #990000;
    border-color: #990000;
}
.AlerterStyle .l2, .AlerterStyle .l3
{
    background-color: #FFDDDD;
    border-color: #990000;
}
.AlerterStyle .border-RF
{
    padding: 2px 5px;
    background-color: #FFDDDD;
    border-color: #990000;
}
.InfoStyle
{
    padding-bottom: 10px;
}

.InfoStyle .l1
{
    background-color: #F9DD34;
    border-color: #F9DD34;
}
.InfoStyle .l2, .InfoStyle .l3
{
    background-color: #FAF5D1;
    border-color: #F9DD34;
}
.InfoStyle .border-RF
{
    padding: 2px 5px;
    background-color: #FAF5D1;
    border-color: #F9DD34;
}
.InfoStyle ul
{
    margin: 0px;
    padding: 0px;
    padding-left: 20px;
}
.AlerterStyle a
{
    text-decoration:none;
}