/* Minification failed. Returning unminified contents.
(741,1): run-time error CSS1019: Unexpected token, found '5px'
(741,5): run-time error CSS1019: Unexpected token, found '0'
(742,7): run-time error CSS1030: Expected identifier, found '#5D7B9D'
(742,14): run-time error CSS1031: Expected selector, found ';'
(742,14): run-time error CSS1025: Expected comma or open brace, found ';'
(743,7): run-time error CSS1030: Expected identifier, found ' '
(743,8): run-time error CSS1031: Expected selector, found '397px'
(743,8): run-time error CSS1025: Expected comma or open brace, found '397px'
(744,1): run-time error CSS1019: Unexpected token, found '}'
 */
/* CSS Document */
body {
    margin: 0px;
    padding: 0px 0px 30px 0px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px;
    line-height: 18px;
    color: #666666;
    background-color: #f1f1f1;
}

body-content {
    width: 960px;
}

a:link {
    text-decoration: none;
    color: #666;
}


/*  @@@@@[  h1, h2, h3, h4, h5 ]@@@@@ */
h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 20px;
    color: #004B8D;
    margin: 0px;
    padding-left: 0px;
    padding-top: 25px;
    padding-bottom: 15px;
}

h5 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    font-style: italic;
    height: 25px;
    color: #666666;
    margin: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 15px;
}

h2 {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 15px;
    color: #666666;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
    text-align: left;
}

h4 {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    width: 640px;
    height: 14px;
    font-size: 13px;
    color: #666666;
    padding-top: 5px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
}

h3 {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    color: #004B8D;
    margin: 0px;
    padding-left: 0px;
    padding-top: 15px;
    padding-bottom: 10px;
}

h6 {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: orange;
    margin: 0px;
    padding-left: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
}

#wrapped {
    width: 960px;
    margin: 0px auto;
    text-align: left;
    padding: 0px 18px 0px 18px;
    background: url(../images/drop_shadow_white-bg.png) repeat-y;
}

#wrapped_top {
    width: 960px;
    height: 15px;
    padding: 0px 18px 0px 18px;
    margin: 0px auto;
    margin-top: 10px;
    background: url(../images/drop_shadow_top.png) repeat-y;
}

#wrapped_bottom {
    width: 960px;
    height: 15px;
    padding: 0px 18px 0px 18px;
    margin: 0px auto;
    background: url(../images/drop_shadow_bottom.png) repeat-y;
}

/* @@@@@@@@@@@@@ For future integration @@@@@@@@@@@@@@@@@@@@@@@@@@ */

#header {
    /*
 @@ Include following 
 1. header_top
 2. logo
 3. text_top
 4. text_top a
 5. text_top a:hover
 6. text_top p
 7. note. the width is 14px less than the acutal width of the page
@@
*/
    background-color: white;
    width: 924px;
}

#header_top {
    /* @@
	1. Include logo and contact number
	@@*/
    width: 924px;
    height: 65px;
    padding-top: 0x;
}

#logo {
    width: 288px;
    float: left;
    padding-left: 5px;
    padding-top: 5px;
}

#link_top {
    width: 549px;
    float: right;
    color: #666666;
    font-size: 12px;
    padding-top: 10px;
    padding-right: 10px;
    text-align: right;
}

    #link_top a {
        color: #666666;
        text-decoration: none;
    }

        #link_top a:hover {
            text-decoration: underline;
        }

    #link_top p {
        margin: 0px;
        padding-top: 130px;
    }

#link_top_phonenumber {
    color: #99ccff;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

#link_top_contactus {
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

#menu {
    height: 32px;
    background-color: white;
    padding-right: 0px;
    margin-right: 36px;
    float: right;
}

#banner {
    width: 924px;
    padding: 0px;
    height: 195px;
}

#bannerhome {
    width: 924px;
    padding: 0px;
    height: 264px;
}

#content {
    /*
	@@ the width represent the actual size of the web
	*/
    width: 924px;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/content_background.jpg);
    background-repeat: repeat-y;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@ left navigation @@@@@@@@@@@@@@@@@@@@@@@@@@@ */

/* @@@@ add on 10-4-2008 start @@@@ */

#content_secondary {
    width: 910px;
    padding-left: 7px;
    padding-right: 7px;
    background: url(../images/bg_left_repeat.jpg) repeat-y 7px 0px;
}

#content_secondary_bot {
    width: 910px;
    background: url(../images/bg_left_repeat.jpg) no-repeat bottom left;
    padding-bottom: 10px;
}

/* @@@@ add on 10-4-2008 @@@@ end */


#left {
    width: 233px;
    /* @@ gap between left and mid */
    margin: 0px;
    /*background:url(../images/bg_left_repeat.jpg) repeat-y;*/
    padding: 35px 0px 0px 0px;
}

/* @@@@ add on 10-4-2008 start @@@@ 
@@@@@@ 3 column option @@@@@@@@@@@@ */
#left_c {
    width: 250px;
    margin: 0;
    padding: 10px;
}

#right_c {
    width: 250px;
    margin: 0;
    padding: 10px;
}

#mid_c {
    margin-left: 270px;
    border-left: 1px solid gray;
    margin-right: 270px;
    border-right: 1px solid gray;
    padding: 10px;
}

/* @@@@ 4 column option @@@@@*/

#left_s {
    width: 150px;
    margin: 0;
    padding: 10px;
}

#right_s {
    width: 170px;
    margin: 0;
    padding: 10px;
}

#centerleft_s {
    margin-left: 170px;
    border-left: 1px solid gray;
    margin-right: 470px;
    border-right: 1px solid gray;
    padding: 10px;
}


#centerright_s {
    width: 220px;
    padding: 10px;
}




/* @@@@ add on 10-4-2008 @@@@ end */

#right_side {
    width: 610px;
    padding: 25px 25px 0px 25px;
}
/* @@@ No bullet class - this is global and can be applied in any element of HTML @@@*/
.testme {
    list-style-type: none;
}

#footer {
    font: normal 11px/15px Verdana, Helvetica, sans-serif;
    width: 924px;
}

#footer_navigation {
    font: normal 9px/18px Verdana, Helvetica, sans-serif;
    width: 924px;
    text-align: center;
    margin-top: 0px;
}

    #footer_navigation a {
        text-decoration: none;
        color: darkgray;
        font-weight: bold;
    }

        #footer_navigation a:hover {
            text-decoration: none;
            color: #1d5878;
            font-weight: bold;
        }

.test {
    list-style-type: none;
    margin: 0;
    background-image: url(../images/arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 .7em;
    padding-left: 1em;
    padding-right: .6em;
}

.tel {
    color: #999;
}



/* CSS Document */
body {
    margin: 0px;
    padding: 0px 0px 30px 0px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px;
    line-height: 18px;
    color: #666666;
    background-color: #f1f1f1;
}


/*  @@@@@[  h1, h2, h3, h4, h5 ]@@@@@ */
h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 20px;
    color: #225275;
    margin: 0px;
    padding-left: 0px;
    padding-top: 25px;
    padding-bottom: 15px;
    width: 900px;
}

h5 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    font-style: italic;
    height: 25px;
    color: #666666;
    margin: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 15px;
}

h2 {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 15px;
    color: #666666;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
}

h4 {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    width: 640px;
    height: 14px;
    font-size: 13px;
    color: #666666;
    padding-top: 5px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
}

h3 {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    color: #225071;
    margin: 0px;
    padding-left: 0px;
    padding-top: 15px;
    padding-bottom: 10px;
}

h6 {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #orange;
    margin: 0px;
    padding-left: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
}

#wrapped {
    width: 960px;
    margin: 0px auto;
    text-align: left;
    padding: 0px 18px 0px 18px;
    background: url('../images/drop_shadow_white-bg.png') repeat-y;
}

#wrapped_top {
    width: 960px;
    height: 15px;
    padding: 0px 18px 0px 18px;
    margin-top: 10px;
    background: url('../images/drop_shadow_top.png') repeat-y;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}

#wrapped_bottom {
    width: 960px;
    height: 15px;
    padding: 0px 18px 0px 18px;
    margin: 0px auto;
    background: url('../images/drop_shadow_bottom.png') repeat-y;
}

/* @@@@@@@@@@@@@ For future integration @@@@@@@@@@@@@@@@@@@@@@@@@@ */

#header {
    /*
 @@ Include following 
 1. header_top
 2. logo
 3. text_top
 4. text_top a
 5. text_top a:hover
 6. text_top p
 7. note. the width is 14px less than the acutal width of the page
@@
*/
    background-color: white;
    width: 924px;
}

#header_top {
    /* @@
	1. Include logo and contact number
	@@*/
    width: 924px;
    height: 65px;
    padding-top: 0px;
}

#logo {
    width: 288px;
    float: left;
    padding-left: 5px;
    padding-top: 5px;
}

#link_top {
    width: 549px;
    float: right;
    color: #666666;
    font-size: 12px;
    padding-top: 10px;
    padding-right: 10px;
    text-align: right;
}

    #link_top a {
        color: #666666;
        text-decoration: none;
    }

        #link_top a:hover {
            text-decoration: underline;
        }

    #link_top p {
        margin: 0px;
        padding-top: 130px;
    }

#link_top_phonenumber {
    color: #99ccff;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

#link_top_contactus {
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

#menu {
    height: 32px;
    background-color: white;
    padding-right: 0px;
    margin-right: 36px;
    float: right;
}

#banner {
    width: 924px;
    padding: 0px;
    height: 195px;
}

#bannerhome {
    width: 924px;
    padding: 0px;
    height: 264px;
}

#content {
    /*
	@@ the width represent the actual size of the web
	*/
    width: 924px;
    margin: 0px;
    padding: 0px;
    background-image: url('../images/content_background.jpg');
    background-repeat: repeat-y;
}

/* @@@@ add on 10-4-2008 @@@@ end */


#left {
    width: 233px;
    margin: 0px;
    padding: 35px 0px 0px 0px;
}

/* @@@@ add on 10-4-2008 start @@@@ 
@@@@@@ 3 column option @@@@@@@@@@@@ */
#left_c {
    width: 250px;
    margin: 0;
    padding: 10px;
}

#right_c {
    width: 250px;
    margin: 0;
    padding: 10px;
}

#mid_c {
    margin-left: 270px;
    border-left: 1px solid gray;
    margin-right: 270px;
    border-right: 1px solid gray;
    padding: 10px;
}

/* @@@@ 4 column option @@@@@*/

#left_s {
    width: 150px;
    margin: 0;
    padding: 10px;
}

#right_s {
    width: 170px;
    margin: 0;
    padding: 10px;
}

#centerleft_s {
    margin-left: 170px;
    border-left: 1px solid gray;
    margin-right: 470px;
    border-right: 1px solid gray;
    padding: 10px;
}


#centerright_s {
    width: 220px;
    padding: 10px;
}


#right_side {
    width: 610px;
    padding: 25px 25px 0px 25px;
}
/* @@@ No bullet class - this is global and can be applied in any element of HTML @@@*/
.testme {
    list-style-type: none;
}


#footer {
    font: normal 11px/15px Verdana, Helvetica, sans-serif;
    width: 924px;
}

#footer_navigation {
    font: normal 9px/18px Verdana, Helvetica, sans-serif;
    width: 924px;
    text-align: center;
    margin-top: 0px;
}

    #footer_navigation a {
        text-decoration: none;
        color: darkgray;
        font-weight: bold;
    }

        #footer_navigation a:hover {
            text-decoration: none;
            color: #1d5878;
            font-weight: bold;
        }

.test {
    list-style-type: none;
    margin: 0;
    background-image: url('../images/arrow.gif');
    background-repeat: no-repeat;
    background-position: 0 .7em;
    padding-left: 1em;
    padding-right: .6em;
}

.tel {
    color: #999;
}




#header {
    margin-bottom: 10px;
}

.contentheading {
    padding-bottom: 20px;
    color: #5377A9;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 1.5em;
}

#login_content {
    padding-top: 20px;
    padding-left: 100px;
    padding-bottom: 20px;
    width: 697px;
    background-color: transparent;
    text-align: left;
}

.dataentrytable {
    color: Black;
    width: 100%;
    margin-bottom: 10px;
    border: solid 1px #10528E;
}

.sectionheader {
    background-color: #10528E;
    color: white;
    font-weight: bold;
    padding: 4px;
}

.dataentrytable td {
    padding: 4px;
    vertical-align: middle;
}

#alertdiv {
    left: 40%;
    top: 40%;
    position: absolute;
    width: 200px;
    padding: 12px;
    border: #000000 1px solid;
    background-color: #FFFF80;
    text-align: left;
    visibility: hidden;
    z-index: 99;
}

#alertbuttons {
    position: absolute;
    right: 5%;
    bottom: 5%;
}

#ReportViewerContainer {
    background-color: White;
    border: solid 1px black;
}

#GridViewContainer {
    height: 300px;
    overflow: scroll;
    background-color: gray;
    border: solid 1px black;
    margin: 5px 5px 5px 0px;
}

#ContentDiv {
    height: 450px;
    overflow: visible;
    width: 697px;
}

5px 0px;
color:#5D7B9D;
width: 397px;
}

.searchcriteria {
    width: 690px;
    margin-bottom: 5px;
}

.gridview {
    width: 690px;
}

/* toolbar */

.gridview {
    width: 690px;
}

/* toolbar */
#toolbar {
    padding: 5px 0px 5px 0px;
    margin: 5px 0px 5px 0px;
    background-image: url('../images/toolbar.png');
    background-repeat: repeat-x;
    width: 100%;
}

#toolbarbutton hover {
    background-color: Orange;
}

/* Progress */
#progTemplate {
    z-index: 10000;
}

#progDisplay {
    z-index: 10001;
    width: 200px;
    height: 75px;
    border-right: buttonshadow 2px solid;
    border-top: buttonshadow 2px solid;
    border-left: buttonshadow 2px solid;
    border-bottom: buttonshadow 2px solid;
    background-color: #10528E;
    text-align: center;
}

#progText {
    font-size: 10pt;
    color: white;
    font-family: Arial;
}

#right_side {
    width: 914px;
    padding: 5px 5px 5px 5px;
}

#right_column {
    margin-left: 0px;
}

    #right_column a {
        text-decoration: underline;
    }

#content_centered {
    width: 100%;
    text-align: center;
}

#report_panel {
    background-color: #ececec;
    width: 400px;
    text-align: left;
    padding: 0px 10px 10px 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 250px;
}

.footer_login_info {
    background-color: #ececec;
    width: 923px;
    text-align: center;
    margin-top: 5px;
    padding: 5px 0px 5px 0px;
}

.HeaderStyle th {
    text-align: left;
    background-color: #b4cafc;
    color: #F1F1F1;
}

.requiredField {
    background-color: #FFFFC0;
}

.readonlyField {
    background-color: #CCCCCC;
}

.dateInput {
    margin-right: 5px;
    width: 10ex;
}

.filter_container .filter {
    padding-right: 15px;
    vertical-align: middle;
}

.filter {
    vertical-align: middle;
}

.ui-datepicker-trigger {
    vertical-align: top;
    padding-top: 3px;
}

.header_info {
    background-color: #ececec;
    width: 918px;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px 0px 5px 5px;
    font-size: 12pt;
}

.AccessDeniedPanel {
    padding: 30px 0px 30px 0px;
    vertical-align: middle;
    font-size: 12pt;
    color: Red;
}

.LinkButtonAccept {
    text-decoration: none;
    border: 1px solid #00FF00;
    padding: 5px 10px 5px 10px;
    background-color: #99FF99;
}

.LinkButtonReject {
    text-decoration: none;
    border: 1px solid #FF0000;
    padding: 5px 10px 5px 10px;
    background-color: #FF9999;
}

.LinkButtonView {
    text-decoration: none;
    border: 1px solid #555555;
    padding: 5px 10px 5px 10px;
    background-color: #AAAAAA;
    width: 75px;
}

.dashboardsectionheader {
    color: white;
    font-weight: bold;
    height: 20px;
    background-image: url('../Images/dashboardheader.png');
    background-repeat: repeat-x;
    padding-bottom: 5px;
}

.dataentrytable td {
    padding: 4px;
    vertical-align: middle;
}